/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p, blockquote, fieldset, input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }


/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background: #ECEADB url(../images/bg.gif);
	text-align: center;
}

p, div, li, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
}

p {
	margin-bottom: 30px;
}

a img, :link img, :visited img { border: none }

a:link, a:visited {
	color: #0F5628;
	text-decoration: underline;
}
a:hover, a:active {
	color: #339455;
	text-decoration: underline;
}

span {
	display: none;
}

/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	width: 760px;
	margin: 0 auto;
	background: url(../images/bg_main.jpg) left top repeat-y;
	text-align: left;
}

/* HORIZONTAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu2 {
	background: url(../images/index/img-green-logo.jpg) left bottom no-repeat;					
	width: 200px;
	height: 93px;
	padding: 0px;
	margin: 20px 0px 0px 30px;
	position: relative;
}
#menu2 li span {display: none;}
#menu2 li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menu2 li, #menu2 a {height: 94px; display: block;}
#menu2-01 { position:absolute; left: 0px; width: 96px;}
#menu2-02 { position:absolute; left: 105px; width: 96px;}


/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu {
	background: url(../images/menu.jpg) left top no-repeat;					
	width: 258px;
	height: 328px;
	padding: 0px;
	margin: 0px;
	position: relative;
	
}
#menu li span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute;}

#menu li, #menu a {height: 24px; display: block;}
#menu-01 {top: 172px;}
#menu-02 {top: 196px;}
#menu-03 {top: 220px;}
#menu-04 {top: 244px;}
#menu-05 {top: 269px;}
#menu-06 {top: 293px;}

#menu-01, #menu-02, #menu-03, #menu-04, #menu-05, #menu-06 { width: 258px; }

#menu-01 a:hover {background: transparent url(../images/menu.jpg) -258px -172px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/menu.jpg) -258px -196px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/menu.jpg) -258px -220px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/menu.jpg) -258px -244px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/menu.jpg) -258px -269px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/menu.jpg) -258px -293px no-repeat;}


/* image replacement
 * ------------------------------------------------------------------------------------- */
h2.banner {background: url(../images/banner1.jpg) left top no-repeat; width: 502px; height: 278px; }

h2.welcome {background: url(../images/page_titles/welcome.jpg) left top no-repeat; width: 502px; height: 50px; }

h2.procedure {background: url(../images/index/procedure.jpg) left top no-repeat; width: 502px; height: 89px; }

h2.doctors {background: url(../images/page_titles/meet.jpg) left top no-repeat; width: 502px; height: 50px; }

h2.about {background: url(../images/page_titles/about.jpg) left top no-repeat; width: 502px; height: 50px; }

h2.procedures {background: url(../images/page_titles/procedures.jpg) left top no-repeat; width: 502px; height: 50px; }

h1.gallery {background: url(../images/page_titles/gallery.jpg) left top no-repeat; width: 502px; height: 50px; }

h1.contact {background: url(../images/page_titles/contact.jpg) left top no-repeat; width: 502px; height: 50px; }

h1.sitemap {background: url(../images/page_titles/sitemap.jpg) left top no-repeat; width: 502px; height: 50px; }

h1.thankyou {background: url(../images/page_titles/thankyou.jpg) left top no-repeat; width: 502px; height: 50px; }


/* content
 * ------------------------------------------------------------------------------------- */
#content-left {
	width: 258px;
	float: left;
}

#featured-left {
	width: 258px;
	float: left;
	background: url(../images/index/case.jpg) left top no-repeat;
}

	#featured-left p {
		margin: 0px 10px 0px 10px;
	}
	
	#featured-left img {
		margin: 150px 0px 30px 30px;
	}
		#featured-left img a {
			position:absolute;
			left:0px;
			width:150px;
			top:295px;
			height:35px; 
		}
	
	
#procedures {
	width: 258px;
	float: left;
}
	#procedures li {
		margin: 0px 10px 0px 30px;
		padding: 0px;
		list-style: none;
	}
	#procedures h2 {
		margin: 10px 0px 10px 30px;
	}
	
#lvi {
	width: 96px;
	height: 96px;
	float: left;
}

#content-right {
	width: 502px;
	float: left;
}

#welcome {
	width: 272px;
	float: left;
	background: url(../images/index/welcome_bg.jpg) left top no-repeat;
}
	#welcome p {
		margin: 0px 5px 10px 35px;
		overflow: hidden;
	}
	
	#welcome h1 {
		font-size: 14px;
		color: #000000;
		margin: 0px 5px 10px 35px;
	}
	
	#welcome h2 {
		font-size: 12px;
		color: #333333;
		margin: 0px 5px 10px 35px;
	}
	
	#welcome h3 {
		color: #006600;
		margin: 0px 5px 10px 35px;
	}

#welcome-contact {
	width: 230px;
	float: left;
	background: url(../images/index/index_contact_bg.jpg) left top no-repeat;
}
	#welcome-contact form {
		margin: 0px 10px 0px 10px;
	}
	
	#welcome-contact p {
		margin: 30px 55px 5px 10px;
	}

#featured {
	width: 502px;
	float: left;
}
	#featured-img {
		position:relative;
		width: 187px;
		height: 115px;
		float: left;
		background: url(../images/index/featured_bg.jpg) left top no-repeat;
	}
		
			
	
	#featured p {
		margin: 0px 55px 0px 190px;
		position: relative;
	}

#contact {
	width: 258px;
	float: left;
	background:  url("../images/sub/contact.jpg") left top no-repeat;
}
	#contact form {
		margin: 10px 0px 30px 30px;
	}
	
	#contact p {
		margin: 0px 10px 20px 30px;
	}
	
		#contact p.text {
		margin: 180px 10px 20px 30px;
	}

#sub-content {
	width: 502px;
	float: left;
	background:  url("../images/sub/content_right_bg.jpg") left top no-repeat;
	
}
	#sub-content p {
		margin: 0px 55px 10px 35px;
	}

	#sub-content h1 {
		font-size: 14px;
		color: #000000;
		margin: 0px 55px 10px 35px;
	}
	
	#sub-content h2 {
		font-size: 12px;
		color: #663300;
		margin: 0px 55px 10px 35px;
	}
	
	#sub-content h3 {
		color: #006600;
		margin: 0px 55px 10px 35px;
	}
	
	#sub-content label {
		width:220px;
	}

#location {
	width: 258px;
	height:400px;
	float: left;
	background:  url("../images/sub/location.jpg") left top no-repeat;
	text-align: center;
	padding-top:150px;
}

	#location p {
		margin: 0px 10px 0px 30px;
	}

	#location p.address {
		margin: 180px 10px 10px 30px;
	}
	
	#location img {
		margin-top: 20px;
	}

#cosmetic {
	width: 251px;
	float: left;
}
	#cosmetic li, #cosmetic h2 {
		margin: 5px 5px 10px 40px;
	}

#general {
	width: 251px;
	float: left;
}
	#general li, #general h2 {
		margin: 5px 5px 10px 15px;
	}

/* gallery
 * ------------------------------------------------------------------------------------- */
 
 #gallery {
 	width: 502px;
	float: left;
}

	#gallery p {
		margin: 0px 55px 10px 35px;
	}
	
	#gallery p.label {
		text-align: center;
	}

	#gallery img {
		margin: 10px 0px 10px 0px;
	}
	
#gallery a img, #gallery :link img, #gallery :visited img { border: none }
	
/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	background: url(../images/footer.jpg) left top no-repeat;
	width: 760px;
	height: 52px;
	clear: both;
}

#footer {
	width: 740px;
	margin: 0px auto;
	padding: 14px;
	text-align: center;
	color: #663300;
}

	#footer p {
		color: #663300;
	}

	#footer li { 
		margin: 0px;
		padding: 0px;
		display: inline;
	}
	
	#footer a:link, #footer a:visited {
		color: #0F5628;
		text-decoration: underline;
	}
	#footer a:hover, #footer a:active {
		color: #339455;
		text-decoration: underline;
	}

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	background-color: #8C3B87;
	margin-bottom: 2px;
}

.quickcontact {
	width: 150px;
}

.top {
	display: block;
	text-align: right;
	font-size: 10px;
}

.big-form label, .big-form-field {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

.big-form label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}

.big-form br {
	clear: left;
}

img.img-left {
	float: left;
	padding: 0px 10px 10px 0px;
}

img.img-right {
	float: right;
	padding: 0px 0px 10px 10px;
}

div.clear {
	clear: both;
}
.img-green-logo {
	margin: 15px 0 0 29px}

p.logo-carecredit { margin-left:28px; margin-top:20px;}