@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; background: transparent; } 

html, body {
	height: 100%;
}

body {
	background: #c2ab83 url('../images/index/bg.jpg') repeat 0 0;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #4e3f31;
	font-size: 12px;
}

img {
	border: none;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,button {
	margin:0px;
	padding:0px;
	line-height: 1.8em;
}

blockquote {
	margin: 1.4em 4em;
}
.clear {
	clear: both;
}

.center {
	text-align: center;
	margin: inherit auto;
}
.imgL {
	float: left;
	margin: 8px 10px 10px 0;
	border: 1px solid #824124;	

}
.imgR {
	float: right;
	margin: 8px 0 10px 10px;
	border: 1px solid #824124;

}

.floatL { float: left; }

.floatR { float: right; }

h1 {
	font-size: 1.3em;
	color: #963;
	line-height: 1.2em;
	margin: 1.4em 50px 0 46px;
}

	h1 span {
		font-size: .9em;
		color: #603518;
	}

h2 {
	font-size: 1.2em;
	color: #603518;
	margin: 1.4em 50px 0 46px;	
}

h3 {
	font-size: 1em;
}

p {
	margin: 1.4em 50px 0 46px;
}

a:link {
	color: #963;
	text-decoration: none;
}
a:visited {
	color: #963;
	text-decoration: none;
}
a:hover {
	color: #963;
	text-decoration: underline;
}

ul, ol {
	margin: 1.4em 60px;
}
	li {
		margin-left: 20px;
	}
.h-ul {width:200px;float:left;position:relative;}
.h-ul li {width:200px;float:left;position:relative;}	
	
#wrapper-top {
	width: 983px;
	display: block;
	margin: 0 auto;
	text-align: center;
}
#wrapper {
	background: url('../images/index/wrapper-bg.png') repeat-y 0 0;
	width: 961px;
	margin: 0 auto;
	padding: 0 10px 0 12px;
}

#logo {
	background: url('../images/index/lakewood-ranch-logo-new.jpg') no-repeat 0 0;
	display: block;
	float: left;
	width: 335px;
	height: 108px;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#logo a span { display: none; }

#gift {
	background: url('../images/giftcert-new.jpg') no-repeat 0 0;
	display: block;
	float: left;
	width: 228px;
	height: 58px;
}

#gift-inside {
	background: url('../images/giftcert-new.jpg') no-repeat 0 0;
	display: block;
	float: left;
	width: 228px;
	height: 58px;
	margin: 10px 0px 10px 26px;
}

#gift a, #gift-inside a {
	display: block;
	width: 100%;
	height: 100%;
}

#gift a span, #gift-inside a span { display: none; }

#kreithen {
	background: url('../images/index/joshua-kreithen-new.jpg') no-repeat 0 0;
	display: block;
	float: left;
	width: 273px;
	height: 108px;
	margin-left:30px;
}

#kreithen span { display: none; }

#oasis-img {
	background: url('../images/index/oasis-header-img.jpg') no-repeat 0 0;
	display: block;
	float: left;
	width: 273px;
	height: 108px;
	margin-left:30px;
}

#oasis-img a {
	display: block;
	width: 100%;
	height: 100%;
}

#oasis-img span { display: none; }


#index-img {
	background: url('../images/index/index-img.jpg') no-repeat 0 0;
	width: 961px;
	height: 242px;
}

#leed-img {
	background: url('../images/leed-header.jpg') no-repeat 0 0;
	width: 961px;
	height: 242px;
}

#medspa-img {
	background: url('../images/medspa/medspa-header-new.jpg') no-repeat 0 0;
	width: 961px;
	height: 252px;
}
#index-img span, #leed-img span, #medspa-img span { display: none;}


#column-01 {
	width: 733px;
	background: #fff;
	display: block;
	float: left;
}
	#column-01 #medspa-h1 {
		margin-top: 36px;
	}
	#column-01 #medspa-h1 span {
	display: none;
	}

	#column-01 p {
		margin: 1.4em 10px 0 0;
	}

#column-01-inside {
	width: 661px;
	background: #fff;
	display: block;
	float: left;
	padding-bottom: 25px;
}
#column-01-medspa {
	width: 683px;
	background: #fff;
	display: block;
	float: left;
	padding-bottom: 25px;
	border-right: #c5e7e6 solid 3px;
	height:auto !important;
	height:1267px;
	min-height:1267px;
}
	#column-01-inside p, #column-01-medspa p {
		margin: 1.4em 50px 0 46px;
		line-height: 1.75em;
	}

		#column-01-inside ul, #column-01-inside ol, #column-01-medspa ul, #column-01-medspa ol {
			margin: 1.4em 50px 1.4em 6em;
		}
	
		#column-01-inside li, #column-01-medspa li {
			margin: .5em 0;
		}
		
		#column-01-inside ul li, #column-01-medspa ul li {
			background: url('../images/brn-arrow.png') 0 .4em no-repeat;
			padding: 0 0 0 18px;
			list-style-type: none;	
			list-style-position: outside;	
		}
		
		#column-01-inside ul ul, #column-01-medspa ul ul {
			margin: 1em;
		}
		
#pro-buttons {
	background: url('../images/index/pro-nav.jpg') 0 0 no-repeat;
	width: 686px;
	height: 141px;
	margin: -30px auto 0 auto;
	padding: 0;
	text-align: center;
}

#pro-buttons span { display: none;}

#pro-buttons ul {
	margin: 0;
}

#pro-buttons li, #pro-buttons a { height: 141px; display: block; margin: 0px;}

#pro-buttons li { float: left; list-style: none; display: inline;}

#pro-buttons-01 { width: 137px;}
#pro-buttons-02 { width: 137px;}
#pro-buttons-03 { width: 137px;}
#pro-buttons-04 { width: 137px;}
#pro-buttons-05 { width: 138px;}

#pro-buttons-01 a:hover { background: url('../images/index/pro-nav.jpg') -0px -141px no-repeat;}
#pro-buttons-02 a:hover { background: url('../images/index/pro-nav.jpg') -137px -141px no-repeat;}
#pro-buttons-03 a:hover { background: url('../images/index/pro-nav.jpg') -274px -141px no-repeat;}
#pro-buttons-04 a:hover { background: url('../images/index/pro-nav.jpg') -411px -141px no-repeat;}
#pro-buttons-05 a:hover { background: url('../images/index/pro-nav.jpg') -548px -141px no-repeat;}


#inspire {
	margin: 40px 0;
	float: left;
}

#leed-left-pics {
	margin: -40px 0;
	z-index:999;
	float: left;
}

#leed-left-pics p {
	text-align:center;
	color:#996633;
}

#leed-mid-blue {
	float: left;
	clear:both;
	background: url('../images/leed-mid-blue.jpg') 0 0 no-repeat;
	width:733px;
	height:131px;	
}

#leed-mid-blue p {
	margin: 34px 4px 0px 195px;
	color:#996633;
	font-size:12px;
	line-height:1.5em;
	font-weight:900;
}

#leed-btm-left {
	width: 253px; 
	background-color:#C2AB82; 
	height:364px;
	float:left;
}

#leed-btm-left p {
	margin: 0px 26px 0px 14px;
	color:#473602;
	font-size:14px;
	line-height:1.5em;
}

#flower {
	margin: 0;
	float: left;
}

#medspa-services {
	width: 480px;
	height: 462px;
	margin-top: 10px;
	background: #fff url('../images/medspa/services-bg.gif') 0 0 no-repeat;
	float: right;
}
#medspa-services-inside {
	width: 228px;
	height: 375px;
	background: #fff url('../images/medspa/services-bg.gif') 0 0 no-repeat;
	float: right;
}
	#medspa-services ul {
		background: url('../images/medspa/services-nav.gif') 0 0 no-repeat;
		width: 220px;
		height: 375px;
		margin: 35px 0 0 160px;
		padding: 0;
		text-align: center;
	}
	#medspa-services-inside ul {
		background: url('../images/medspa/services-nav.gif') 0 0 no-repeat;
		width: 220px;
		height: 375px;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#medspa-services ul span, #medspa-services-inside ul span { display: none;}

	
	#medspa-services ul li, #medspa-services ul a, #medspa-services-inside ul li, #medspa-services-inside ul a { height: 21px; width: 220px; display: block; margin: 0px;}
	
	#medspa-services ul li, #medspa-services-inside ul li  { float: left; list-style: none; display: inline;}
	
	#m-01 a:hover { background: url('../images/medspa/services-nav.gif') -220px -0px no-repeat;}
	#m-02 a:hover { background: url('../images/medspa/services-nav.gif') -220px -21px no-repeat;}
	#m-03 a:hover { background: url('../images/medspa/services-nav.gif') -220px -42px no-repeat;}
	#m-04 a:hover { background: url('../images/medspa/services-nav.gif') -220px -63px no-repeat;}
	#m-05 a:hover { background: url('../images/medspa/services-nav.gif') -220px -84px no-repeat;}
	#m-06 a:hover { background: url('../images/medspa/services-nav.gif') -220px -105px no-repeat;}
	#m-07 a:hover { background: url('../images/medspa/services-nav.gif') -220px -126px no-repeat;}
	#m-08 a:hover { background: url('../images/medspa/services-nav.gif') -220px -147px no-repeat;}
	#m-09 a:hover { background: url('../images/medspa/services-nav.gif') -220px -168px no-repeat;}
	#m-10 a:hover { background: url('../images/medspa/services-nav.gif') -220px -189px no-repeat;}
	#m-11 a:hover { background: url('../images/medspa/services-nav.gif') -220px -210px no-repeat;}
	#m-12 a:hover { background: url('../images/medspa/services-nav.gif') -220px -231px no-repeat;}
	#m-13 a:hover { background: url('../images/medspa/services-nav.gif') -220px -252px no-repeat;}
	#m-14 a:hover { background: url('../images/medspa/services-nav.gif') -220px -273px no-repeat;}
	#m-15 a:hover { background: url('../images/medspa/services-nav.gif') -220px -294px no-repeat;}
	#m-16 a:hover { background: url('../images/medspa/services-nav.gif') -220px -315px no-repeat;}
	#m-17 a:hover { background: url('../images/medspa/services-nav.gif') -220px -336px no-repeat;}
	#m-18 a:hover { background: url('../images/medspa/services-nav.gif') -220px -357px no-repeat;}
	
#gift-certs {
	background: #fff url('../images/medspa/gift-certs-bg.jpg') 0 0 repeat-x;
	height: 399px;
}
#gift-certs p {
	text-align: center;
	margin-top: 0;
	padding-top: 91px;
}

#medspa-coupon {
	background-color:#FFF; 
	padding:10px 0px 2px 0px;
	text-align:center;
}

#column-02 {
	background: #c2ab83;
	width: 228px;
	display: block;
	float: left;		
}


#column-02-inside {
	width: 300px;
	display: block;
	float: left;		
}	
		#column-02-inside p {
			font-size:1.1em;
			color:#963;
			line-height:1.2em;
			font-weight:bold;
			margin: 2em 0 0 15px;
		}	

#column-02-medspa {
	background: #C2AB83 url('../images/medspa/services-inside-bg.jpg') 0 0 no-repeat;
	width: 271px;
	padding-top: 90px;
	display: block;
	float: left;	
	border-left: #fff solid 4px;
}

/*-------------------------- CMG Contact Form --------------------------- */
		#column-02-inside #contact-quick {
			margin: 1.4em 15px;
			width: 250px;
			
		}

		#column-02-inside #contact-quick input, #column-02-inside #contact-quick select, #column-02-inside #contact-quick textarea {
			font:12px Arial, Helvetica, sans-serif; 
			border: none;
			background-color:#c5e7e5;
			color: #4e3f31;
			height: 12px;
			width:238px;
			margin: 5px 0;
			padding: 5px 6px;
		}
		
		#column-02-inside #contact-quick textarea {
			height: 87px;
		}
		
		#column-02-inside #contact-quick #contact_submit { width: 71px; height: 18px; float: right; margin: 6px 0 0 0; border: none; background:transparent;}
		
		#column-02-inside #contact-quick .contact_subject	{ display: none; }
		
		.required { font-size: 12px; text-align: right; color: #bc8857; margin: 0;}
/*-------------------------- /CMG Contact Form ----------------------------------------------- */		
		
.btn-special {
	background: url('/images/btn-special.jpg') 0 0 no-repeat;
	margin: 15px;
	display: block;
	width: 250px;
	height: 123px;
	clear: both;
}

.btn-tour {
	background: url('/images/btn-tour.jpg') 0 0 no-repeat;
	margin: 15px;
	display: block;
	width: 250px;
	height: 123px;
	clear: both;
}
	.btn-special span, .btn-tour span {
		display: none;
	}
	
	.btn-special a, .btn-tour a {
		display: block;
		width: 250px;
		height: 123px;
	}

/*-------------------------- CMG Contact Form --------------------------- */
		#contact-quick {
			margin: 1.4em auto 0 auto;
			width: 157px;
			
		}
		#contact-quick span {
			font-size:1.1em;
			color:#963;
			line-height:1.2em;
			font-weight:bold;
		}
		#contact-quick input, #contact-quick select, #contact-quick textarea {
			font:12px Arial, Helvetica, sans-serif; 
			border: none;
			background-color:#c5e7e5;
			color: #4e3f31;
			height: 12px;
			width:142px;
			margin: 5px 0;
			padding: 5px 6px;
		}
		
		#contact-quick textarea {
			height: 87px;
		}
		
		#contact-quick #contact_submit { width: 71px; height: 18px; float: right; margin: 6px 0 0 0; border: none; background:transparent;}
		
		#contact-quick .contact_subject	{ display: none; }
		
		.required { font-size: 12px; text-align: right; color: #bc8857; margin: 0;}
		
		#contact-quick.main-contact {width:450px;padding:10px 0;margin:0 0 0 100px;}
		#contact-quick.main-contact input[type="text"], #contact-quick.main-contact textarea {width:450px;margin: 5px 0 0 0;padding:2px;background:#b7e1dd; border: 1px solid  #bc8857;}
		#contact-quick.main-contact input[type="submit"] {width:60px;margin:10px 0 0 0;}
		#contact-quick.main-contact #contact_subject {display:none;}
		
/*-------------------------- /CMG Contact Form ----------------------------------------------- */
	#newsletter {
		text-align: center;
		margin: 0 auto;
		padding: 24px 0;
	}
	
	#address {
		background: url('../images/index/address-phone.gif') no-repeat 0 0;
		width: 228px;
		height: 74px;
		margin: 0px auto 5px auto;
	}
		#address span {
			display: none;
		}

	#mommy-makeover {
		background-color: #73cac6;
	}
	#mommy-makeover p {
		margin: 0 14px 0 24px;
		color: #4b3900;
		line-height: 1.6em;
	}


#bottom-text {
	background-color: #b7e1dd;
	width: 961px;
}
	#bottom-text p {
		padding: 20px 0;
		margin: 0 30px;
		text-align: center;
		line-height: 1.4em;
	}

#wrapper-bottom {
	width: 983px;
	display: block;
	margin: 0 auto;
	text-align: center;
}
#plastic-surgery-resources {	
	text-align: center;
	margin: 0 auto;
	width: 961px;
}
#plastic-surgery-resources a:link {
	color: #302418;
	text-decoration: none;
}
#plastic-surgery-resources a:visited {
	color: #302418;
	text-decoration: none;
}
#plastic-surgery-resources a:hover {
	color: #302418;
	text-decoration: none;
	border-bottom: 1px solid #302418;
}

/* -------------------navigation-------------------------- */	
#nav-contain { background: #b7e1dd; width: 961px;}
#nav {
	background: #b7e1dd url('../images/nav.jpg') 0 0 no-repeat;
	width: 888px;
	height: 27px;
	margin: 0 auto;
	padding: 0;
	position:relative;
	z-index: 999;
}

#nav span { display: none;}

#nav ul {
	margin: 0;
}

#nav li, #nav a { height: 27px; display: block; margin: 0px;}

#nav li { float: left; list-style: none; display: inline;}

#nav-01 { width: 61px;}
#nav-02 { width: 100px;}
#nav-03 { width: 64px;}
#nav-04 { width: 55px;}
#nav-05 { width: 139px;}
#nav-06 { width: 113px;}
#nav-07 { width: 114px;}
#nav-08 { width: 101px;}
#nav-09 { width: 89px;}
#nav-10 { width: 52px;}


#nav-01 a:hover { background: url('../images/nav.jpg') -0px -27px no-repeat;}
#nav-02 a:hover { background: url('../images/nav.jpg') -61px -27px no-repeat;}
#nav-03 a:hover { background: url('../images/nav.jpg') -161px -27px no-repeat;}
#nav-04 a:hover { background: url('../images/nav.jpg') -225px -27px no-repeat;}
#nav-05 a:hover { background: url('../images/nav.jpg') -280px -27px no-repeat;}
#nav-06 a:hover { background: url('../images/nav.jpg') -419px -27px no-repeat;}
#nav-07 a:hover { background: url('../images/nav.jpg') -532px -27px no-repeat;}
#nav-08 a:hover { background: url('../images/nav.jpg') -646px -27px no-repeat;}
#nav-09 a:hover { background: url('../images/nav.jpg') -747px -27px no-repeat;}
#nav-10 a:hover { background: url('../images/nav.jpg') -836px -27px no-repeat;}


/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	text-align: left;
	padding: 0;
	font-size: 12px;
	background-color:#9bd6d4;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left:1px;
	z-index: 1000;
	}

#nav li ul li { 
	height:22px; /* Height of each drop down nav item */
	z-index: 1000;	
	}	

#nav li ul li a {
	width:100%;
	height:22px;	/* Height of each drop down nav item, should match above */
	line-height:22px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:10px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:.9em;
	color:#4e3f31;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover { 
	background-image: none;
	background-color: #54a9a1;
	color: #4e3f31;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:120px; }
#nav-03 ul, #nav-03 li { width:220px; }
#nav-04 ul, #nav-04 li { width:190px; }
#nav-05 ul, #nav-05 li { width:220px; }
#nav-06 ul, #nav-06 li { width:180px; }
#nav-07 ul, #nav-07 li { width:210px; }
#nav-08 ul, #nav-08 li { width:180px; }