body {
background:url(images/topbg.jpg) repeat-x #f4f1e2;font-family:Arial, Helvetica, sans-serif; margin:0px;
	}
.clear { clear:both; margin:0px; }
h5 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:3px 0 5px 0; color:#31160f; }
h6 { font-size:16px; font-size:20px; color:#330000; margin:3px 0 0 0; }
h8 { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:800; color: #605346;}	
#container { width:980px; margin:0px; }

	
	
 /*--header------ */


#masterhead { 
	height:118px; width:980px; background:url(images/headbg.jpg) no-repeat; margin:0px auto; position: relative;
	}
#lefthead { height:118px; width:111px; margin:0px; float:left; }
#righthead { height:118px; width:869px; margin:0px; float:left; }

#logo { margin:10px 0 0 31px; width:80px; height:92px; clear:both;
	}
	
#toplinks {
	float:left; margin:0 0 0 15px; font-size:18px; font-weight:bold;
	}
	
#toplinks a { font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; }
#toplinks a:hover { font-size:18px; font-weight:bold; color:#b0d1d8; }

#toplinks ul { background:url(css/images/divider.gif) no-repeat; height:31px; width:2px; }
#toplinks span { margin:25px 15px 0 15px; float:left; }

#topaddress { background:url(images/topaddress.jpg) repeat-x; height:88px; width:258px; float:right; margin-right:7px; }
#topaddress address { font-size:13px; color:#330000; }
#topaddress .addact { width:100%; padding:5px 25px 5px 25px; text-align:left; }

#headnav { width:680px; float:right; height:18px; margin:0px;  }
#navi { width:676px; height:30px; margin-left:7px; float:right; margin-right:5px; }




 /*--Ul------ */
ul li { padding-left:10px; position:relative; list-style-type:none; background:url(images/icon_list.gif) no-repeat 0 10px; }

#ui { width:686px; height:30px; margin:0px; float:right; position:relative; z-index: 5; text-align:left; font-size:12px; }
#ui li { width: auto; height: 30px; padding: 0; float: left; background: transparent; overflow: hidden; border-left: 1px solid #7a6a52; }
#ui li.first { border: 0; }
#ui li:hover, #ui li.over { overflow: visible; }
#ui a { float: left; height: 30px; text-indent: -9000em; background-repeat: no-repeat; background-position: 0 0; }
#ui a:link, #ui a:visited { font: normal 0.85em "Lucida Sans", "Lucida Grande", sans-serif; color: #f4f1e1; text-decoration: none; }
#ui a:hover,
#ui li:hover a, 
#ui li.over a { background-position:left bottom; }

#ui_home, #ui_home a { width: 88px; background:url(images/ui_home.jpg) no-repeat; }
#ui_about, #ui_about a { width: 126px; background:url(images/ui_about.jpg) no-repeat; }
#ui_service, #ui_services a { width: 120px; background:url(images/ui_services.jpg) no-repeat; }
#ui_products, #ui_products a { width: 119px; background:url(images/ui_products.jpg) no-repeat; }
#ui_pricing, #ui_pricing a { width: 115px; background:url(images/ui_pricing.jpg) no-repeat; }
#ui_contacts, #ui_contacts a { width: 108px; background:url(images/ui_contacts.jpg) no-repeat; }



/* --- dropdowns --- */
a:hover, a:active, a:focus { text-decoration: none; }

#ui ul { width:168px; position:absolute; left:-2px; top:30px; border-top-width: 0; border-bottom-width:1px; }
#ui ul li { width:168px; float:left; border-bottom:1px solid #d0cdbd; border-top:1px solid #e9e7dc; border-left:0; }
#ui ul li.first { border-top-width:0; }
#ui ul a:link, #ui ul a:visited { width:148px; padding: 0 10px; line-height:31px; display:block; background:#e4e1d2; color:#835b4c; text-indent:0; }
#ui ul a:hover, #ui ul a:active, #ui ul a:focus { background: #dbd8c6; }



 /*--gallery------ */
#gallery { width:655px; height:150px; margin:15px 0 15px 0; }
#photo { width:210px; height:150px; float:left; padding-right:12px; }
#pholast { width:210px; height:150px; float:left; }




 /*--srvpage------ */
#srvpage { width:655px; height:100%; margin:15px 0px 15px 0px; }
#srvleft { width:300px; height:150px; float:left; margin:40px 0 20px 0; }
#srvleft b { font-weight:bold; margin:0; }
#srvleft h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#bf1049; margin:0; }
#srvleft p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; top:auto; margin-top:3px }
.img-left { width:103px; height:128px; float:left; margin:0 16px 0 0; }

#srvright { width:300px; height:150px; float:left; margin:40px 0 20px 10px; }
#srvright b { font-weight:bold; margin:0; }
#srvright h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#bf1049; margin:0; }
#srvright p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; top:auto; margin-top:3px }
.img-right { width:103px; height:128px; float:left; margin:0 16px 0 0; }
.link { display:block; float:right; background:url(images/link_bg.gif) left top repeat-x; color:fff; text-decoration:none; }
.link em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:1px 11px 3px 19px; 
		  font-size:9px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
.link a { color:#ffffff; text-decoration:none;}
.lportrait { float:left; }
.link a:hover { text-decoration:underline; }

.img_portrait { padding: 3px 15px 20px 0px; }



 /*--contactpage------ */
#contactpage { width:270px; height:250px; margin:15px 0px 15px 0px; float:left; }
#contactdirect { width:425; height:100%; margin:15px 0px 15px 0px; float:right; text-align:left; }
#contactdirect a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4c3e30; text-decoration:none; }
#contactdirect a:hover { text-decoration:underline; }
#matecontact { background:url(images/matecontact.jpg) repeat-y; width:980px; float:right; }
.row { margin:0px; float:left; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; text-align:left; }
.row label { display:block; text-align:right; padding-top:2px; width:190px; }
.row .text { float:left; text-align:left; width:80px; padding-top:5px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
.row .field { float:left; text-align:left; width:190px; margin:3px 0 3px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
.row span { font-weight:bold; color:#950e1d; }
.row input { width:190px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.row textarea { width:190px; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:3px; }

.ribbon { margin-top:7px; float:right; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; }
.ribbon .submit { width:87px; height:19p; background:url(images/btn_submit.jpg); border:none; color:#ffffff; }
form { margin:0px; }




 /*--mate------ */
#mate { background:url(images/mate.jpg) repeat-y; width:980px; float:right; }
.note { width:702px; float:left; }
.page { margin:10px 40px 20px 50px; text-align:left; }
.page p { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
.page h3 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; margin:3px 0 5px 0; color:#000000; }
.page h4 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:3px 0 5px 0; color:#b72355; }
.page b { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:3px 0 5px 0; color:#31160f; }
.page .lrg{ background:url(images/lrg/lrg_frame.jpg) repeat-y; width:228px; height:370px; margin:0 10px 10px 0; float:left;
			border-bottom:0px solid #331610; border-top:0px solid #6d3f34; border-left:0px solid #6d3f34; border-right:0px solid #331610; }
.pagesource  { float:left; }
.page ul { font-size:12px; }
.page ul il { font-size:12px; }



 /*--bar------ */
.bar { width:274px; float:right;}
.barphoto1 { width:186px; height:245px; margin:15px 0px 10px 0px; }
.barphoto2 { background:url(images/img_bar2.jpg) no-repeat; width:186px; height:103px; margin:20px 0px 10px 0px; }
.barphoto3 { width:186px; height:245px; margin:10px 36px 10px 36px; }


 /*--before & after------ */
.side { width:230px; margin:20px 0px 10px 0px; }
.side h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color: #b4164a; border-bottom: 1px solid #4c3e30; margin-bottom: 20px;}
.side h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:800; color: #605346;}
#content .side p {font-size: 1.1em; color: #4c3e30;}
.side a:link, .side a:visited {color: #4c3e30;}
.heads a img {width: 50px; height: 50px; border: 1px solid #8c8374; margin: 0 23px 23px 0;}
.heads a:hover img {border-color: #fff;}
.map img {background: url(/images/bg_map.png) 50% 50% no-repeat; padding: 4px;}


 /*--overview------ */
#overview { background:url(images/overview.jpg) repeat-x; height:315px; margin:0px; clear:both; }
#pageview { background:url(images/pageview.jpg) repeat-x; height:315px; width:980px; }
.noteview { width:702px; float:left; }
.barview { width:274px; height:254px; float:left; margin:0px; background:url(images/matelow.jpg) repeat-x top; }
.whyview { width:210px; height:50px; margin:0; font-size:14px; font-weight:bold; text-align:left; }
.whyview li { text-align:left; color:#401f17; margin:5px 0 5px 0 }
.whyview li a { text-align:left; color:#401f17; text-decoration:none; }
.whyview li a:hover { text-align:left; color:#333333; background:#f4f1e2; text-decoration:none; }
.galleryview { width:655px; height:107px; float:left; margin:35px 0px 15px 0px; }
.photoview1 { background:url(images/img_before.jpg) no-repeat; width:240px; height:107px; float:left; margin:0 23px 0 46px; }
.photoview2 { background:url(images/img_after.jpg) no-repeat; width:240px; height:107px; float:left; margin:0 46px 0 23px; }
.serviceview { width:210px; height:50px; float:left; margin:0 23px 0 46px; font-size:12px; text-align:left; }
.serviceview li { text-align:left; font-size:12px; color:#401f17; margin:3px 0 3px 0 }
.serviceview li a { text-align:left; font-size:12px; color:#401f17; text-decoration: underline; }
.serviceview li a:hover { text-align:left; font-size:12px; color:#333333; background:#f4f1e2; text-decoration:none; }
.title1 { width:210px; height:26px; background:url(images/title_whyus.jpg) no-repeat; margin-top:10px }
.title2 { width:363px; height:26px; background:url(images/title_services.jpg) no-repeat; mar-top:10px; float:left; margin-left:50px }
.title3 { width:480px; height:26px; background:url(images/title_whyus.jpg) no-repeat; margin-top:10px }




 /*--pricing------ */
table .laserpricing { margin:0px; }
table .iplpricing { margin:0px; }
table .mesopricing { margin:0px; }
table .skinpricing { margin:0px; }
table .specialpricing { background:url(images/overview.jpg) repeat-x; margin:0px; }
th { width:450px; text-align:left; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:100; }
td { width:80px; text-align:left; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:100; }
b { font-weight:bold; color:#b72355; }


 /*--footer------ */
#footer { height:41px; width:980px; }
#footer p { font-size:11px; color:#76655B; }
  #footer p a { text-align:left; color:#76655B; text-decoration: underline; }
  #footer p a:hover { text-align:left; color:#dbd9ca; text-decoration:none; }
#copyright { float:left; margin:15px 0 0 0px; width:400px}
#credit { float:right; margin:15px 0px 0 0; width:400px}