@charset "utf-8";



/* Sonterra Laser Med Spa Styles */







html, body {



height: 100%;



}







body {



background: #fff url(images/bg_match.jpg) repeat;



margin: 0;



padding: 0;



font: 12px Arial, Helvetica, sans-serif;



color: #fff7ed;



}







a:link, a:visited {



text-decoration: none;



color: #2a110c;



}







a:hover, a:active {



text-decoration: none;



background-color: #fff7ed;



}







h1 {



font: 1.2em Verdana, Arial, Helvetica, sans-serif;



font-weight: bold;



margin-top: 0;



padding-left: 10px;



text-decoration: none;  



color: #8a6948;



}







h2 {



font: 1.1em Arial, Helvetica, sans-serif;



font-weight: bold;



margin-top: 0;



margin-bottom: 0;



padding-left: 15px;



text-decoration: none;  



color: #fff;



}







h3 {



font: 1em Arial, Helvetica, sans-serif;



font-weight: bold;



margin-top: 0;



margin-bottom: 3px;



text-decoration: none;  



color: #2a110c;



border-bottom: 1px dotted #fbd0a6;



}







.left-margin {



margin-left: 30px;



}







#outer-wrapper {



background: #fff;



margin: 0 auto;



width: 757px;



height: 100% auto;



padding-bottom: 10px;







}







#inner-wrapper {



background: none;



margin: 0 auto;



width: 737px;



height: 100% auto;



border: none;



}







#header {



background: none;



position: relative;



float: left;



width: 737px;



height: 114px;



}







#logo {



background: url(logos/Sonterra_Laser_Med_Spa_Logo.jpg) no-repeat;



position: relative;



float: left;



width: 187px;



height: 114px;



}







#slogan {



background: none;



position: relative;



float: left;



font-weight: bold;



text-align: right;



bottom: -40px;



width: 242px;



}







#address {



background: none;



position: relative;



font-variant: small-caps;



font-size: .9em;



float: right;



text-align: right;



width: 242px;



color: #2a110c;



}







#topbar {



margin: 0;



padding: 0;



width: 100%;



height: 34px;



position: absolute top left;



background: url(images/top_bar.gif) no-repeat;



z-index: 1;



}







#navbar {



background: none;



float: left;



padding-top: 5px;



padding-left: 20px;



width: 420px;



height: 29px;



position: relative;



z-index: 199;



}







.nav1 {



background: url(images/nav1.jpg) no-repeat;



width: 67px;



height: 29px;



margin: 0;



padding: 0;



float: left;



display: block !important;



}







.nav2 {



background: url(images/nav2.jpg) no-repeat;



width: 68px;



height: 29px;



margin: 0;



padding: 0;



float: left;



display: block !important;



}







.nav3 {



background: url(images/nav3.jpg) no-repeat;



width: 68px;



height: 29px;



margin: 0;



padding: 0;



float: left;



display: block !important;



}







.nav4 {



background: url(images/nav4.jpg) no-repeat;



width: 69px;



height: 29px;



margin: 0;



padding: 0;



float: left;



display: block !important;



}







.nav5 {



background: url(images/nav5.jpg) no-repeat;



width: 69px;



height: 29px;



margin: 0;



padding: 0;



float: left;



display: block !important;



}







.nav6 {



background: url(images/nav6.jpg) no-repeat;



width: 69px;



height: 29px;



margin: 0;



padding: 0;



float: left;



display: block !important;



}







.nav1:hover, #nav1.current {



background: url(images/nav1_hover.jpg) no-repeat;



width: 67px;



height: 29px;



margin: 0;



padding: 0;



float: left;



}







.nav2:hover, #nav2.current {



background: url(images/nav2_hover.jpg) no-repeat;



width: 68px;



height: 29px;



margin: 0;



padding: 0;



float: left;



}







.nav3:hover, #nav3.current {



background: url(images/nav3_hover.jpg) no-repeat;



width: 68px;



height: 29px;



margin: 0;



padding: 0;



float: left;



}







.nav4:hover, #nav4.current {



background: url(images/nav4_hover.jpg) no-repeat;



width: 69px;



height: 29px;



margin: 0;



padding: 0;



float: left;



}







.nav5:hover, #nav5.current {



background: url(images/nav5_hover.jpg) no-repeat;



width: 69px;



height: 29px;



margin: 0;



padding: 0;



float: left;



}







.nav6:hover, #nav6.current {



background: url(images/nav6_hover.jpg) no-repeat;



width: 69px;



height: 29px;



margin: 0;



padding: 0;



float: left;



}







.cont {



clear: both;



width: 737px;



background-color: #fff7ed;



color: #00454d;



margin-bottom: 5px;



position: relative;



z-index: 1;



}







.contdark {



clear: both;



width: 737px;



background-color: #8a6948;



position: relative;



}







.bdycopy {



padding: 0 10px 0 10px;



}







.specials {



margin: 10px 0 10px 20px;



width: 400px;



background-color: #c6d4b0;



color: #00454d;



float: left;



display: inline;



}







.maincontfull {



clear: both;



margin: 25px 0 10px 20px;



width: 697px;



background-color: #d0954f;



color: #fff7ed;



float: left;



display: inline;



}







.mainimg {



background: url(images/sl_inside.jpg) no-repeat;



float: right;



margin: 5px 5px 5px 10px;



width: 228px;



height: 173px;



}







.vipeel {



background: url(images/bnavipeel1.jpg) no-repeat;



margin: 0 auto;



margin: 10px 5px 0 10px;



width: 227px;



height: 132px;



}







.vipeel2 {



background: url(images/bnavipeel2.jpg) no-repeat;



margin: 0 auto;



margin: 5px 5px 5px 10px;



width: 227px;



height: 132px;



}







.teeth {



background: url(images/bna_teeth.jpg) no-repeat;



margin: 0 auto;



margin: 10px 5px 5px 10px;



width: 227px;



height: 63px;



}







.obagi {



background: url(images/obagi.jpg) no-repeat;



float: right;



margin: 5px 5px 5px 10px;



width: 208px;



height: 158px;



}







.skinc {



background: url(images/skinc.jpg) no-repeat;



float: right;



margin: 5px 5px 5px 10px;



width: 208px;



height: 158px;



}







.jane {



background: url(images/jane.jpg) no-repeat;



float: right;



margin: 5px 5px 5px 10px;



width: 208px;



height: 158px;



}







.staff {



background: url(images/staff_sm.jpg) no-repeat;



margin: 0 auto;



padding-bottom: 30px;



width: 480px;



height: 311px;



}







.services_img {



background: url(images/services_img.jpg) no-repeat;



width: 208px;



height: 298px;



margin-top: 20px;



margin-right: 25px;



float: right;



}







.maincont {



clear: both;



margin: 25px 0 5px 20px;



width: 400px;



background-color: #d0954f;



color: #fff7ed;



float: left;



display: inline;



}











.sidecont1 {



margin: 25px 20px 5px 20px;



width: 277px;



background-color: #d0954f;



color: #fff7ed;



float: left;



display: inline;



}







.sidecont2 {



margin: 25px 0 5px 20px;



width: 277px;



background-color: #d0954f;



color: #fff7ed;



float: left;



display: inline;



}







.sidecont3 {



margin: 25px 20px 5px 20px;



width: 400px;



background-color: #d0954f;



color: #fff7ed;



float: left;



display: inline;



}







.innercontft {



margin: 0 auto;



background: none;



width: 737px;



height: 20px;



padding-bottom: 5px;



margin-bottom: 5px;



font-size: .9em;



position: relative;



z-index: 199;







}







.innercont p {



margin: 0 10px;



}











.roundtop { 



background: url(images/tr.gif) no-repeat top right; 



}







.roundbtm {



clear: both;



background: url(images/br.gif) no-repeat top right; 



}







.roundtopsmdrk { 



background: url(images/trsm.gif) no-repeat top right; 



}







.roundbtmsmdrk {



clear: both;



background: url(images/brsm.gif) no-repeat top right; 



}







.innerroundtop { 



background: #8a6948 url(images/intopr.gif) no-repeat top right;



}







.innerroundbtm {



clear: both;



background: url(images/inbtmr.gif) no-repeat top right; 



}















img.corner {



width: 14px;



height: 14px;



border: none;



display: block !important;



}







img.cornersm {



width: 9px;



height: 9px;



border: none;



display: block !important;



}







#map {



background: url(images/location_area_map.jpg) no-repeat;



margin: 0 auto;



width: 441px;



height: 280px;



border: none;



}







#giftcard {



margin-left: 42px;



margin-bottom: 20px;



float: left;



}







#cardpurchase {



background: none;



border: none;



width: 260px;



height: 190px;



margin-top: 30px;



margin-left: 70px;



float: left;



}







#videogallery {



background: none;



border: none;



padding-top: 10px;



padding-bottom: 10px;



}







.vgal {



background: none;



border: none;



width: 330px;



height: 250px;



float: left;



padding-bottom: 40px;



}







#contact-area {



clear: both;



width: 600px;



margin-top: 25px;



}







#contact-area input, #contact-area textarea {



padding: 5px;



width: 431px;



font-family: Helvetica, sans-serif;



font-size: 1.2em;



margin: 0px 0px 10px 0px;



border: 2px solid #ccc;



}







#contact-area textarea {



height: 100px;



}







#contact-area textarea:focus, #contact-area input:focus {



border: 2px solid #900;



}







#contact-area input.submit-button {



width: 60px;



height: 30px;



float: right;



margin-right: 41px;



}







label {



float: left;



text-align: right;



margin-right: 15px;



width: 100px;



padding-top: 5px;



}







#name, #phone, #email, #message, #submit {



float: left;



}







#mySlideShow



{



width: 228px !important;



height: 173px !important;



}