body {margin:0; font-family:Arial, Helvetica, sans-serif; background:url(assets/images/bg.jpg) top repeat-x #77A0A6;} h1 {font-size:20px; line-height:26px; margin-top:0; font-weight:bold; margin-bottom:5px; color:#779FA7; text-transform:uppercase; font-family: "Trajan Pro", Arial, Helvetica, sans-serif;} h2 {font-size:19px; margin-top:10px; margin-bottom:10px;} h3 {font-size:16px; margin-top:10px; margin-bottom:10px; color:#736451; font-family: "Trajan Pro", Arial, Helvetica, sans-serif;} h4 {font-size:16px; margin-top:0; margin-bottom:0; color:#736451; font-family: "Trajan Pro", Arial, Helvetica, sans-serif;} p {font-size:12px; line-height:22px; margin-top:10px; margin-bottom:10px;} a {text-decoration:none; color:#000; /*OLD color:#789FA6;*/ font-weight:bold;} a:hover {text-decoration:none; color:#66898F; /*OLD color:#736451;*/} li {font-size:12px; line-height:20px;} hr {color:#000000; background:#000000; height:1px; border:0;} /* Classes */ .imgborder {border:1px solid #000000;} .smalltext {font-size:11px; line-height:18px;} .nomargin {margin:0;} .gallery p {margin:0;} /* End Classes */ /* Template Features */ .main_bg {background:url(assets/images/repeat.jpg) repeat-y;} .bottom {background:url(assets/images/bottom.jpg) no-repeat;} .leftbottom {background:url(assets/images/left_bottom.jpg) bottom no-repeat;} .rightbottom {background:url(assets/images/right_bottom.jpg) bottom no-repeat;} #topbg {width:956px; height:24px; background:url(assets/images/top.jpg) no-repeat; float:left;} #banner {width:956px; height:328px; float:left;} #leftbanner {width:234px; height:328px; float:left;} #rightbanner {width:722px; height:328px; float:right;} #nav1 {width:234px; height:41px; background:url(assets/images/nav1.jpg) no-repeat; float:left;} #nav2 {width:234px; height:41px; background:url(assets/images/nav2.jpg) no-repeat; float:left;} #nav3 {width:234px; height:41px; background:url(assets/images/nav3.jpg) no-repeat; float:left;} #nav4 {width:234px; height:41px; background:url(assets/images/nav4.jpg) no-repeat; float:left;} #nav5 {width:234px; height:41px; background:url(assets/images/nav5.jpg) no-repeat; float:left;} #nav6 {width:234px; height:41px; background:url(assets/images/nav6.jpg) no-repeat; float:left;} #nav7 {width:234px; height:41px; background:url(assets/images/nav7.jpg) no-repeat; float:left;} #nav8 {width:234px; height:41px; background:url(assets/images/nav8.jpg) no-repeat; float:left;} #nav_line {width:956px; height:32px; background:url(assets/images/nav_line.jpg) no-repeat; float:left;} #body_bottom {width:956px; background:url(assets/images/body_bottom.jpg) bottom no-repeat; float:left;} #body_top {width:956px; min-height:700px; height:auto; _height:700px; background:url(assets/images/body_top.jpg) top no-repeat; float:left;} #body_left {width:235px; float:left;} #body_middle {width:518px; padding-bottom:1px; float:left;} #body_right {width:203px; float:right;} #left_sidebar {width:100%; padding-top:10px;} #right_sidebar {width:100%; padding-top:10px;} #left_top {width:27px; height:550px; background:url(assets/images/left_top.jpg) no-repeat;} #right_top {width:27px; height:550px; background:url(assets/images/right_top.jpg) no-repeat;} #leftnav_white {height:20px; width:100%; float:left;} #leftnav_white p {margin:0; padding-left:35px; padding-top:5px; font-size:13px; line-height:15px; color:#FFFEFF; font-weight:bold;} #leftnav_white a {color:#FFFEFF; font-weight:bold; text-decoration:none;} #leftnav_white a:hover {color:#483E32; font-weight:bold; text-decoration:none;} #leftnav_blue {height:20px; width:100%; float:left;} #leftnav_blue p {margin:0; padding-right:8px; padding-top:4px; font-size:11px; line-height:15px; color:#1E2F37; font-weight:bold; text-align:right; text-transform:uppercase;} #leftnav_blue a {color:#1E2F37; font-weight:bold; text-decoration:none;} #leftnav_blue a:hover {color:#483E32; font-weight:bold; text-decoration:none;} #navmain a {color:#FFFEFF; font-size:13px; line-height:20px; font-weight:bold; text-decoration:none;} #navmain a:hover {color:#483E32; font-weight:bold; text-decoration:none;} .navborder_right {border-right:#FFFEFF 1px solid;} #callus {width:172px; height:115px; margin-top:5px;} html>body #callus {background:url(assets/images/callus.png) no-repeat;} *html #callus {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/callus.png');} #quickcontact {width:117px; height:71px; margin-top:10px;} html>body #quickcontact {background:url(assets/images/quick_contact.png) no-repeat;} *html #quickcontact {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/quick_contact.png');} #featured {width:144px; height:40px; margin-top:5px;} html>body #featured {background:url(assets/images/featured2.png) no-repeat;} *html #featured {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/featured2.png');} #case1 {width:208px; height:141px; margin-top:0;} html>body #case1 {background:url(assets/images/phuong.png) no-repeat;} *html #case1 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/phuong.png');} #case2 {width:208px; height:145px; margin-top:0px;} html>body #case2 {background:url(assets/images/leah.png) no-repeat;} *html #case2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/leah.png');} #case3 {width:208px; height:145px; margin-top:0px;} html>body #case3 {background:url(assets/images/thomas.png) no-repeat;} *html #case3 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/thomas.png');} #request {width:128px; height:74px; margin-top:-10px;} html>body #request {background:url(assets/images/request.png) no-repeat;} *html #request {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/request.png');} #requestpad {padding-top:5px;} #side_form {width:183px; padding:0 10px 0 10px; color:#668283; font-size:13px; font-weight:bold; line-height:20px;} .side_fields {font-size:12px; color:#668283; padding:1px; border:1px solid #668283; background-color:#FFFFFF !important;} /* TopFlashBanners */ #topbanners{ width:719px; border:1px solid #FFFFFF; } /* End Template */ /* Splash Page */ #4logos {width:235px;} #buttons {position:absolute; z-index:5;} #box_space {width:100%; height:15px; font-size:0; line-height:0;} .box_top {background:url(assets/images/box_top.jpg) no-repeat;} .box_middle {background:url(assets/images/box_repeat.jpg) repeat-y;} .box_bottom {background:url(assets/images/box_bottom.jpg) no-repeat;} #boxpad {padding:0 20px 0 20px;} #media {width:182px; height:49px; margin-top:0;} html>body #media {background:url(assets/images/media.png) no-repeat;} *html #media {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/media.png');} #frame {width:235px; height:186px; margin-top:-10px;} html>body #frame {background:url(assets/images/frame.png) no-repeat;} *html #frame {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/frame.png');} #outta_town {width:211px; height:74px;} html>body #outta_town {background:url(assets/images/out_town.png) no-repeat;} *html #outta_town {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/out_town.png');} #cosmetic {width:209px; height:74px;} html>body #cosmetic {background:url(assets/images/cos_imaging.png) no-repeat;} *html #cosmetic {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/cos_imaging.png');} #beforeafter {width:209px; height:68px;} html>body #beforeafter {background:url(assets/images/gallery.png) no-repeat;} *html #beforeafter {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/gallery.png');} #consult {width:209px; height:68px;} html>body #consult {background:url(assets/images/consult.png) no-repeat;} *html #consult {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/consult.png');} #inmedia {width:192px; height:83px; margin-top:10px;} html>body #inmedia {background:url(assets/images/in_media.png) no-repeat;} *html #inmedia {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/in_media.png');} #mags {width:166px; height:164px; margin-top:15px;} html>body #mags {background:url(assets/images/mags.png) no-repeat;} *html #mags {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/mags.png');} /* End Splash Page */ /* Custom Forms -- Just change the colors */ .forms p {margin:0;} .fields {font-size:12px; color:#000000; padding:1px; border:1px solid #FFFEFF; background-color:#83A5AF !important;} input.submit, input.submit:hover {border:1px solid #668283; padding:2px; font-size:12px;} input.submit {background-color:#83A5AF; color:#FFFEFF;} input.submit:hover {background-color:#FFFEFF; color:#83A5AF;} /* End Custom Forms */ #nav { position:relative; margin: 0px; padding: 0px 0px 0px 10px; width: auto; height: 33px; list-style: none; } #nav li { float: left; margin: 0px; padding: 0px; width: auto; height: auto; list-style: none outside none; } #nav a { display: block; display: inline-block; margin: 0px; padding: 0px 12px 0px 12px; width: auto; height: auto; color: #ffffff; font: bold 12px/25px Arial, Helvetica, sans-serif; } #nav a:hover { color: #483E32; text-decoration: none; } #nav ul { text-align:left; visibility: hidden; position: absolute; top: 25px; left: 0px; margin: 0px; padding: 0px; width: 205px; height: auto; border: 1px #ffffff solid; border-bottom: 0px; /*margin-left:-1px; _margin-left:-1px; *margin-left:-50px;*/ list-style: none; } #nav ul li { float: left; /* IMPORTANT LEAVE FOR IE */ margin: 0px; padding: 0px; width: auto; height: auto; background-color: #648187; border-right: 0px; border-bottom: 1px #fff solid; } #nav ul a { display: block; margin: 0px; padding: 0px 0px 0px 5px; width: 200px; height: auto; color: #ffffff;} /* DROPDOWN MENU POSITION....................................... */ #nav #servicesSub { margin-left: 67px; } #nav #servicesSub2 { margin-left: 167px; } #nav #servicesSub3 { margin-left: 153px; _margin-left: 151px; *margin-left: 151px; } #nav #servicesSub4 { margin-left: 266px; _margin-left: 266px; *margin-left: 264px; } #nav #servicesSub5 { margin-left: 407px; _margin-left: 406px; *margin-left: 406px; } #nav #servicesSub6 { margin-left: 768px; _margin-left: 661px; *margin-left: 661px; } #nav #servicesSub7 { margin-left: 757px; _margin-left: 756px; *margin-left: 756px; } #nav #servicesSub8 { margin-left: 650px; _margin-left: 650px; *margin-left: 650px; } /* DROPDOWN MENU POSITION....................................... */ #servicesSub a:hover{ color: #473F32; background-color:#77A0A6;} #servicesSub2 a{ font-size:10px; background-color:#88ABB1; color:#473F32;} #servicesSub2 a:hover{ color: #473F32; background-color:#77A0A6;} #servicesSub3 a:hover{ color: #473F32; background-color:#77A0A6;} #servicesSub4 a:hover{ color: #473F32; background-color:#77A0A6;} /* FOOTER....................................... */ #footer{ background:url(assets/images/footer-bg.jpg); color:#fff; padding:2px 0px 2px 0px; } #footer p a{ color:#fff; } #footer h3 a , #footer h3{ color:#77A0A6; font-size:14px; margin:0px; } #footerTop{ height:170px; margin:10px auto; width:968px; } .footerCol1{ list-style-type:none; border-right:1px solid #ffffff; float:left; margin:0px 8px; padding:0px 16px 6px 1px;} .footerCol1 li a{ color:#fff; } #footerCol2{ clear:both; margin: 20px 0px 0px 0px; }