/* 2008 Created by Jc (SGC Solution) Version 2.1 Beta border:solid 1px #000000; */
@import url("font.css");
html {}
body {padding: 0;margin: 0; text-align:left; background:#e6e6e6; }
div { text-align:left;  display:block; }
img { border:0;}
#clear { clear:both; }
.clear { clear:both; }
.no-display { display:none; }
html, body{ height:100%;}

A:link, A:visited, A:active {color:#000000; text-decoration:none; padding:0 0 1px 0; padding:0 0 1px 0; }
A:hover {color:#CCC; text-decoration:none; border:0; }

/* == Global Head Style === */
#out-table { padding:20px;}
#wrap { width:926px; margin:0 auto 0 auto; padding:0; position:relative; }
#wrap #head-top { width:926px; height:7px; padding:0; margin:0; background:url(images/head-top-bg.jpg) no-repeat; }
#wrap #logo-line { width:926px; height:45px; background:url(images/middle-bg.jpg) repeat-y;  }
#wrap #logo-line h1 { display:none;}

#wrap #logo-line #logo { width:97px; height:24px; float:left; margin:11px 0 0 16px; padding:0; text-align:left; background:url(images/logo.jpg) no-repeat;}
#wrap #logo-line #logo a { display:block; width:97px; height:24px;}
#wrap #logo-line #site-describe { width:200px; height:24px; float:left; margin:11px 0 0 14px; text-align:left; }
#wrap #logo-line #site-describe p { font-family:Verdana, Geneva, sans-serif; font-size:10px; margin:0; padding:12px 0 0 0;}
#wrap #logo-line #menu { width:500px; height:24px; float:right; margin:11px 12px 0 0; text-align:right;}
#wrap #logo-line #menu ul { margin:0; font-family:Verdana, Geneva, sans-serif; list-style:none; font-size:11px; font-weight:bold; }
#wrap #logo-line #menu ul li { float:right; margin:12px 12px 0 0;}

/* == Home Style === */
#wrap #home-middle { width:926px; height:534px; background:url(images/middle-bg.jpg) repeat-y; padding:0 0 25px 0;}
#wrap #home-middle #home-kv { width:920px; height:500px; margin:0 auto 0 auto; background:#CCC; }
#wrap #home-middle #home-kv-top { width:920px;  margin:0 auto 0 auto; background:#F00; }


/* == Portfolio Style === */
#wrap #portfolio-middle { width:926px; background:url(images/middle-bg.jpg) repeat-y;}
#wrap #portfolio-middle #sub-menu { left: 923px; top: 75px; width:20px;	position:absolute; float:right; overflow:hidden; display:inline;}
#wrap #portfolio-middle #sub-menu { font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:5px 0 0 0; }

#wrap #portfolio-middle #sub-menu ul { width:20px; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; list-style:none; font-size:11px; }
#wrap #portfolio-middle #sub-menu ul li { width:20px; height:56px;}
#wrap #portfolio-middle #sub-menu ul li a { display:block; width:20px; height:56px; border:0;}

#wrap #portfolio-middle #sub-menu ul #wedding { width:20px; height:56px; margin:0; margin:0 0 5px 0; background:url(images/li-wedding-active-bg.jpg) no-repeat;}
#wrap #portfolio-middle #sub-menu ul #wedding A:link { background:url(images/li-wedding-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #wedding A:active { background:url(images/li-wedding-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #wedding A:hover { background:url(images/li-wedding-active-bg.jpg) }

#wrap #portfolio-middle #sub-menu ul #portrait { width:20px; height:56px; margin:0; margin:0 0 5px 0; background:url(images/li-portrait-active-bg.jpg) no-repeat;}
#wrap #portfolio-middle #sub-menu ul #portrait A:link { background:url(images/li-portrait-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #portrait A:active { background:url(images/li-portrait-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #portrait A:hover { background:url(images/li-portrait-active-bg.jpg) }

#wrap #portfolio-middle #sub-menu ul #senior { width:20px; height:56px; margin:0; margin:0 0 5px 0; background:url(images/li-senior-active-bg.jpg) no-repeat;}
#wrap #portfolio-middle #sub-menu ul #senior A:link { background:url(images/li-senior-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #senior A:active { background:url(images/li-senior-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #senior A:hover { background:url(images/li-senior-active-bg.jpg) }

#wrap #portfolio-middle #sub-menu ul #children { width:20px; height:56px; margin:0; margin:0 0 5px 0; background:url(images/li-children-active-bg.jpg) no-repeat;}
#wrap #portfolio-middle #sub-menu ul #children A:link { background:url(images/li-children-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #children A:active { background:url(images/li-children-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #children A:hover { background:url(images/li-children-active-bg.jpg) }

#wrap #portfolio-middle #sub-menu ul #product { width:20px; height:56px; margin:0; margin:0 0 5px 0; background:url(images/li-product-active-bg.jpg) no-repeat;}
#wrap #portfolio-middle #sub-menu ul #product A:link { background:url(images/li-product-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #product A:active { background:url(images/li-product-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #product A:hover { background:url(images/li-product-active-bg.jpg) }

#wrap #portfolio-middle #sub-menu ul #pet { width:20px; height:56px; margin:0; margin:0 0 5px 0; background:url(images/li-pet-active-bg.jpg) no-repeat;}
#wrap #portfolio-middle #sub-menu ul #pet A:link { background:url(images/li-pet-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #pet A:active { background:url(images/li-pet-noactive-bg.jpg) }
#wrap #portfolio-middle #sub-menu ul #pet A:hover { background:url(images/li-pet-active-bg.jpg) }


#wrap #portfolio-middle A:link,#wrap #portfolio-middle A:visited, #wrap #portfolio-middle A:active { color:#666;  border-bottom:1px dotted #666; }
#wrap #portfolio-middle A:hover {color:#CCC; text-decoration:none; border:0; }

#wrap #portfolio-middle #content { width:920px; margin:0 auto 0 auto; padding:0 0 20px 0;}

/* == Channel Style === */

#channel-middle { width:926px; height:534px; background:url(images/middle-bg.jpg) repeat-y; }
#channel-middle #content-left { width:339px; height:508px; float:left; margin:0 0 0 3px; }
#channel-middle #content-right { width:581px; height:508px; float:left; margin:0 3px 0 0;}

#channel-middle A:link,#channel-middle A:visited, #channel-middle A:active { border-bottom:1px dotted #666; }
#channel-middle A:hover {color:#CCC; text-decoration:none; border:0; }

#channel-middle #content-right-top { width:511px; height:28px; margin:30px 35px 0 35px;}
#channel-middle #content-right-top #left { width:auto; height:28px; padding:0 15px 0 0; float:left; border-right: 1px solid #000;}
#channel-middle #content-right-top #left-2 { width:auto; height:28px; padding:0 15px 0 0; float:left; }

#channel-middle #content-right-top #left h1, #channel-middle #content-right-top #left-2 h1 { font-family:Verdana, Geneva, sans-serif; font-size:25px; font-weight:normal; margin:0; padding:0;}

#channel-middle #content-right-top #right { height:30px; float:left; padding:0 0 0 15px; text-align:left; }
#channel-middle #content-right-top #right ul { margin:0; padding:15px 0 0 0; list-style:none; color:#CCC;}
#channel-middle #content-right-top #right ul li { font-family:Verdana, Geneva, sans-serif; font-size:10px; float:left; margin:0 7px 0 0; }

.contact-li{ padding:3px 0 0 0;}

#channel-middle #content-right-bottom { width:511px; height:400px; margin:0 35px 0 35px; padding:23px 0 0 0;}
#channel-middle #service-senior #content-right-bottom { width:511px; height:400px; margin:0 35px 0 35px; padding:23px 0 0 0; overflow-x:none; overflow-y:auto; }
#channel-middle #content-right-bottom p { font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:0; margin:0 0 25px 0; line-height:19px; color:#E6E6E6; }
#channel-middle #content-right-bottom h2 { font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:0; margin:0; line-height:20px; font-weight:normal;}
#channel-middle #content-right-bottom ul { list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#E6E6E6; margin:0 0 25px 0; padding:0 0 0 15px; }
#channel-middle #content-right-bottom ul li { background:url(images/bullet.gif) no-repeat 0px 6px; line-height:20px; padding:0 0 0 12px;}

#channel-middle #link #content-right-bottom h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0 0 5px 0; line-height:20px; font-weight:bold; color:#3c3a3c; }

#channel-middle #service { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#BD851D;}
#channel-middle #service-wedding { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#728C9E; }
#channel-middle #service-portrait { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#757C7E; }
#channel-middle #service-senior { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#65574A; }
#channel-middle #service-family { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#4C5304; }
#channel-middle #service-children { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#53658A; }
#channel-middle #service-commercial { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#997A3A; }
#channel-middle #about-us { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#609D00; }
#channel-middle #about-us-ping { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#A95800; }
#channel-middle #about-us-soirsce { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#A25F5F; }
#channel-middle #contact { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#E1495A; }
#channel-middle #link { width:581px; height:508px; float:left; margin:0 3px 0 0; background:#FE6948; }

#channel-middle-long #service-wedding { width:581px; height:508px; float:left; margin:0; background:#728C9E; }

/* == Channel-long Style === */
#channel-middle-long { width:926px; min-height:534px; padding:0 0 26px 0; background:url(images/middle-bg.jpg) repeat-y;}
#channel-middle-long-senior { width:920px; min-height:508px; margin:0 auto 0 auto; background:#130C02;}
#channel-middle-long-senior { width:920px; min-height:508px; margin:0 auto 0 auto; background:#130C02;}

.senior-table { width:600px; padding:0 0 10px 0; margin:0 0 20px 2px; border-bottom:1px solid #808080; border-top:1px solid #808080;}
.senior-table td { padding:6px 10px 0 0; width:25%; text-align:left; vertical-align:top;}
#channel-middle-long #service-senior td p { margin:0;}
#channel-middle-long #service-senior td ul { margin:0; padding:0 0 0 2px; font-size:10px;}
#channel-middle-long #service-senior td ul li { background:url(images/bullet-2.gif) no-repeat 0px 6px; line-height:18px; padding:0 0 0 10px;}
#channel-middle-long #service-senior td h2 { margin:0 0 6px 0; font-weight:bold; font-size:10px; color:#000;}
#channel-middle-long #service-senior td #price { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#00bff3; margin:0 0 0 5px; }


.footnote { font-size:10px; line-height:16px;}
.stand-title { color:#FC0;}

#channel-middle-long #content-left { width:240px; min-height:200px; float:left; margin:0; }
#channel-middle-long #content-right { width:680px; min-height:508px; float:left; margin:0;}
#channel-middle-long #service-senior { width:680px; min-height:508px; float:left; margin:0; background:#65574A; }

#channel-middle-long A:link,#channel-middle-long A:visited, #channel-middle A:active { border-bottom:1px dotted #666; }
#channel-middle-long A:hover {color:#CCC; text-decoration:none; border:0; }

#channel-middle-long #content-right-top { width:620px; height:28px; margin:30px 30px 0 30px;}
#channel-middle-long #content-right-top #left { width:auto; height:28px; padding:0 15px 0 0; float:left; border-right: 1px solid #000;}
#channel-middle-long #content-right-top #left-2 { width:auto; height:28px; padding:0 15px 0 0; float:left; }

#channel-middle-long #content-right-top #left h1, #channel-middle-long #content-right-top #left-2 h1 { font-family:Verdana, Geneva, sans-serif; font-size:25px; font-weight:normal; margin:0; padding:0;}

#channel-middle-long #content-right-top #right { height:30px; float:left; padding:0 0 0 15px; text-align:left; }
#channel-middle-long #content-right-top #right ul { margin:0; padding:15px 0 0 0; list-style:none; color:#CCC;}
#channel-middle-long #content-right-top #right ul li { font-family:Verdana, Geneva, sans-serif; font-size:10px; float:left; margin:0 7px 0 0; }

#channel-middle-long #content-right-bottom { width:620px; min-height:400px; margin:0 30px 0 30px; padding:23px 0 0 0;}
#channel-middle-long #content-right-bottom p { font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:0; margin:0 0 25px 0; line-height:19px; color:#E6E6E6; }
#channel-middle-long #content-right-bottom h2 { font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:0; margin:0; line-height:20px; font-weight:normal;}
#channel-middle-long #content-right-bottom ul { list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#E6E6E6; margin:0 0 25px 0; padding:0 0 0 15px; }
#channel-middle-long #content-right-bottom ul li { background:url(images/bullet.gif) no-repeat 0px 6px; line-height:20px; padding:0 0 0 12px;}

#channel-middle-long #link #content-right-bottom h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0 0 5px 0; line-height:20px; font-weight:bold; color:#3c3a3c; }

/* == lable Style === */
#facebook-bar {	
    left: 923px;
	top: 75px;
	width:20px;
	height:78px;
	position:absolute;
	float:right;
	overflow:hidden;
	display:inline;
}

#facebook-bar a { display:block; width:20px; height:78px;}

#facebook-bar A:link,#facebook-bar A:visited,#facebook-bar A:active { background:url(images/facebook-lable-gray.jpg) }
#facebook-bar A:hover { background:url(images/facebook-lable.jpg) }

/* == Global Foot Style === */
#wrap #bottom { width:926px; height:6px; margin:0; padding:0; background:url(images/bottom-bg.jpg) no-repeat; }
#copyright { width:926px; margin:5px auto 10px auto; line-height:15px; height:15px; padding:0; text-align:center;}
#copyright { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#8C8C8C; }

#copyright A:link, #copyright A:visited, #copyright A:active { color:#8C8C8C; border-bottom:1px dotted #8C8C8C;}
#copyright A:hover { border:0; }