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; font-weight:bold;}
a:hover {text-decoration:none; color:#66898F;}

a strong {text-decoration:none; color:#000; font-weight:bold;}
a:hover strong {text-decoration:none; color:#66898F;}


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;}
.scroll {
	height: 430px;
	width: auto;
	overflow: auto;
	border: 1px solid #666;
	background-color: #fff;
	padding: 8px;
}

#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:8px 0px 8px 0px;}
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');}
#specials {
	background: transparent url(assets/images/special-bg.jpg) center top no-repeat;
	text-align: center;
	padding: 20px 0px 0px 0px;
}
#offer {
	width:auto;
	height:auto;
	margin:0px;
	background: transparent url(assets/images/new-offer.png) center top no-repeat;
	padding: 70px 0px 0px 40px;
	text-align: left;
	color: #fff;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/new-offer.png');
}
#offer li a {
	color:#fff;
}
#offer a:hover {
	color:#fff;
	text-decoration: underline;
}

#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;
	float: right;
	margin: 0px 40px 0px 0px;}
*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:35px; 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) center left 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) center left no-repeat;}
*html #cosmetic {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/cos_imaging.png');}

#beforeafter {width:209px; height:74px;}
html>body #beforeafter {background:url(assets/images/gallery.png) center left no-repeat;}
*html #beforeafter {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/gallery.png');}

#consult {width:209px; height:74px;}
html>body #consult {background:url(assets/images/consult.png) center left 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: 152px; *margin-left: 152px;
}
#nav #servicesSub4 {
	margin-left: 265px; _margin-left: 264px; *margin-left: 264px;
}
#nav #servicesSub5 {
	margin-left: 406px; _margin-left: 405px; *margin-left: 405px;
}
#nav #servicesSub6 {
	margin-left: 535px; _margin-left: 534px; *margin-left: 534px;
}

#nav #servicesSub7 {
	margin-left: 769px; _margin-left: 768px; *margin-left: 768px;
}

#nav #servicesSub8 {
	margin-left: 650px; _margin-left: 649px; *margin-left: 649px;
}
#nav #servicesSub9 {
	margin-left: 203px; _margin-left: 202px; *margin-left: 202px; margin-top: 104px;
}
#nav #servicesSub10 {
	margin-left: 203px; _margin-left: 202px; *margin-left: 202px; margin-top: -26px;
}

/* 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;}
#servicesSub5 a:hover{ color: #473F32; background-color:#77A0A6;}
#servicesSub8 a:hover{ color: #473F32; background-color:#77A0A6;}
#servicesSub9 a:hover{ color: #473F32; background-color:#77A0A6;}
#servicesSub10 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:240px;
	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;
}
/* ---------------------- Side Quick Form begins here ---------------------- */
#formTop {
	background: transparent url(assets/images/top-form.gif) center top no-repeat;
	width: auto;
	height: 11px;
	margin: 20 auto 0 auto;
	padding: 0px;
}
#formBody {
	background: transparent url(assets/images/form-rpt.gif) center top repeat-y;
	width: 172px;
	height: auto;
	margin: 10px auto;
	padding: 0px;
}
#formBottom {
	background: transparent url(assets/images/bottom-form.gif) center bottom no-repeat;
	width: auto;
	height: 20px;
	margin: 0 auto;
	padding: 0px;
}
form#contact {
	width: 150px;
	height: auto;
	margin: 0 auto;
	padding: 5px 10px 10px 5px;
}
form#contact {
	width: 160px;
}
	table#contactForm {
	width: 150px;
	height:auto;
	margin: 0;
	}
		#contactForm input,
		#contactForm textarea {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	font: 12px/14px Arial, Helvetica, sans-serif;
	border: 0;
		}
		#contactForm textarea {
			overflow: auto;
		}
			#contactForm input:focus,
			#contactForm textarea:focus {
				background-color: #FFFFDF;
				border: 1px dashed #333;
			}
			.required {
				background-color: #FDF4F4;
				}
			.required:focus {
				border: 1px solid #DB3E3E !important;
				background-color: #FDF4F4 !important;
				}
		#contactForm .name,
		#contactForm .email,
		#contactForm .security_code {
	width: 130px;
	height: 13px;
	margin: 3px 5px;
	padding: 5px 9px;
	font-size: 12px;
		}
		#contactForm .question {
	width: 130px;
	height: 70px;
	margin: 3px 5px;
	padding: 11px 9px;
		}
		#contactForm .select {
	width: 140px;
	height: auto;
	margin: 3px 5px;
	padding: 5px 9px;
	color: #483e32;
		}
		#captchaIMG {
	width: 150px;
	height:30px;
	margin: 3px 5px;
	padding: 0;
	display: block;
		}
		#contactForm #Submit {
	width: 150px;
	height: 30px;
	margin: 3px 5px;
	padding: 0;
	font-size: 13px;
	cursor: pointer;
	font-weight: bold;
		}
			.questionText {
				font: 12px/13px Arial, Helvetica, sans-serif;
			}
			
.height40 {
	height: 40px;
}
.justified {
	text-align: justify;
}

/* ---------------------- Typical Edits Begin HERE ---------------------- */

/* Form background color */
form#contact {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding-top: 10px;
}

/* Change floats and margins depending on where form is placed on Contact page */
#contactH3 {
	display: block;
	margin: 1em 0 0 0;
	float: none;
}
form#contact {
	float: none;
	clear: none;
	margin: 0px auto 0px auto;
}

/* Form text color */
#contactForm input,
#contactForm textarea,
#contactForm p {
	color: #483e32;
}

/* Border color around form elements */
#captchaIMG,
#contactForm .name,
#contactForm .email,
#contactForm .security_code,
#contactForm .question,
#contactForm #Submit {
	border: 1px solid #fff;
}

/* Submit/Reset button background color */
#contactForm #Submit {
	color: #fff;
	background-color: #0d686b;
	font-weight: bold;
}

/* Hovered Submit/Reset button background color 483e32*/
#contactForm #Submit:hover {
	color: #0d686b;
	background-color: #F0F0F0;
}
/*----------------------------------Side Quick Form Ends here----------------------------------*/
#galleryNav, #galleryNav li, #galleryNav a {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	line-height: 25px;
}
#galleryNav {
	width: 470px;
	text-align: center;
}
#galleryNav li {
	float: left;
	background: transparent url(assets/images/left-tab.jpg) top left no-repeat;
	padding: 0px 5px 6px 5px;
	height: auto;
	list-style: none outside none;
}
#galleryNav li:first-child {
	margin-left: 20px;
}
#galleryNav li a {
	color: #000;
	background: #8faeb3 url(assets/images/right-tab.jpg) top right no-repeat;
	display: block;
	text-align: center;
	padding: 0px 10px;
	height: 25px;
	font: bold 11px/25px Arial, Helvetica, sans-serif;
}
#galleryNav li a:hover {
	color: #fff;
	text-decoration: none;
}