/* ------------------------------------------------------------------------------------- */
/* 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                                                                          */
/* ------------------------------------------------------------------------------------- */

/* undohtml.css
 * (CC) 2004 Tantek Celik. Some Rights Reserved.
 * http://creativecommons.org/licenses/by/2.0
 * This style sheet is licensed under a Creative Commons License.
 **********************************************************************/
:link,:visited { text-decoration: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: #A0899B;
	text-align: center;
}

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

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

a:link, a:visited {
	color: #9971AD;
	text-decoration: underline;
}
a:hover, a:active {
	color: #0066FF;
	text-decoration: underline;
}
img.img-left { 
	float:left; margin:0 4px 2px 0; 
	}

span {
	display: none;
}

li {
	color: #0033CC;
}
ul {
	margin: 0px 0 0px 10px;
	padding: 0 0 0 10px;
}	

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

#sub-wrapper {
	width: 747px;
	margin: 0 auto;
	background: url(../images/index/sub_bkgrnd_repeat.jpg) left top repeat-y;
	text-align: left;
}

#left-container {
	width: 168px;
	margin: 0 auto;
	text-align: left;
	float: left;
}

#right-container {
	width: 579px;
	margin: 0 auto;
	text-align: left;
	float: left;
}

#content-container {
	width: 339px;
	margin: 0 auto;
	text-align: left;
	float: left;
	clear: both;
}
#content-container p { margin: 10px 10px 5px 59px;}

#welcome {
	width: 339px;
	margin: 0 auto;
	text-align: left;
	float: left;
	clear: both;
}
#help {
	width: 339px;
	float: left;
}
#help ul { padding: 10px 10px 10px 59px;}

#learn {
	width: 339px;
	margin: 0 auto;
	text-align: left;
	float: left;
	clear: both;
}

#doctor {
	width: 240px;
	margin: 0 auto;
	text-align: left;
	float: left;
}
#doctor p { 
    margin: 15px 39px 5px 15px;
    color: #FFF;
}

#sub-content-container {
	width: 579px;
	margin: 0 auto;
	text-align: left;
	float: left;
	clear: both;
}
#sub-content-container p, h1, h2, h3 { margin: 10px 54px 5px 50px;}
#sub-content-container ul { margin: 0px 54px 0px 50px;}
#sub-content-container form { margin-left: 20px;}
#sub-content-container p.table  { margin: 1px 5px 1px 5px; text-align:center; }

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu {
	width: 168px;
	height: 471px;
	background: url(../images/index/menu.jpg);
	margin: 0;
	padding: 0;
	position: relative;
}
  #menu li {margin: 0; padding: 0; list-style: none; position: absolute;}
  #menu li, #menu a {height: 48px; display: block;}
  
  #menu-01 {top: 28px;}
  #menu-02 {top: 80px;}
  #menu-03 {top: 128px;}
  #menu-04 {top: 174px;}
  #menu-05 {top: 220px;}
  #menu-06 {top: 267px;}
  #menu-07 {top: 313px;}
  #menu-08 {top: 366px;}
  #menu-09 {top: 416px;}

  #menu-01, #menu-02, #menu-03, #menu-04, #menu-05, #menu-06, #menu-07, #menu-08, #menu-09 {left: 0px; width: 168px;} 
  
#menu-01 a:hover { background: transparent url(../images/index/menu.jpg) -168px  -28px no-repeat; }
#menu-02 a:hover { background: transparent url(../images/index/menu.jpg) -168px  -80px no-repeat; }
#menu-03 a:hover { background: transparent url(../images/index/menu.jpg) -168px  -128px no-repeat; }
#menu-04 a:hover { background: transparent url(../images/index/menu.jpg) -168px -174px no-repeat; }
#menu-05 a:hover { background: transparent url(../images/index/menu.jpg) -168px -220px no-repeat; }
#menu-06 a:hover { background: transparent url(../images/index/menu.jpg) -168px -267px no-repeat; }
#menu-07 a:hover { background: transparent url(../images/index/menu.jpg) -168px -313px no-repeat; }
#menu-08 a:hover { background: transparent url(../images/index/menu.jpg) -168px -366px no-repeat; }
#menu-09 a:hover { background: transparent url(../images/index/menu.jpg) -168px -416px no-repeat; }
  

/* image replacement 
 * ------------------------------------------------------------------------------------- */
#masthead {
	background: url(../images/index/masthead.jpg) left top no-repeat;
	width: 747px;
	height: 131px;
	float: left;
	clear: both;
}

#btm-left-img {
	background: url(../images/index/btm_left_pic.jpg) left top no-repeat;
	width: 168px;
	height: 139px;
	float: left;
	clear: both;
}

#info-header {
	background: url(../images/index/info_header.jpg) left top no-repeat;
	width: 579px;
	height: 62px;
	float: left;
	clear: both;
}

#sub-info-header {
	background: url(../images/index/sub_info_header.jpg) left top no-repeat;
	width: 579px;
	height: 62px;
	float: left;
	clear: both;
}

#help-hd {
	background: url(../images/index/help_hd.jpg) left top no-repeat;
	width: 337px;
	height: 49px;
	clear: both;
}

#learn-hd {
	background: url(../images/index/learn_about_hd.jpg) left top no-repeat;
	width: 337px;
	height: 60px;
	float: left;
	clear: both;
}

#welcome-hd {
	background: url(../images/index/welcome_hd.jpg) left top no-repeat;
	width: 337px;
	height: 41px;
	float: left;
	clear: both;
}

/* sub page headers
 * ------------------------------------------------------------------------------------- */
 
 #botox-hd {
	background: url(../images/index/sub_headers/sub_botox_hd.jpg) left top no-repeat;
	width: 579px;
	height: 54px;
	float: left;
	clear: both;
}

 #cost-hd {
	background: url(../images/index/sub_headers/sub_cost_options_hd.jpg) left top no-repeat;
	width: 579px;
	height: 67px;
	float: left;
	clear: both;
}

 #ck-hd {
	background: url(../images/index/sub_headers/sub_ck_hd.jpg) left top no-repeat;
	width: 579px;
	height: 54px;
	float: left;
	clear: both;
}

 #why-hd {
	background: url(../images/index/sub_headers/sub_why_hd.jpg) left top no-repeat;
	width: 579px;
	height: 54px;
	float: left;
	clear: both;
}

 #news-hd {
	background: url(../images/index/sub_headers/sub_news_hd.jpg) left top no-repeat;
	width: 579px;
	height: 54px;
	float: left;
	clear: both;
}

 #seminars-hd {
	background: url(../images/index/sub_headers/sub_seminars_hd.jpg) left top no-repeat;
	width: 579px;
	height: 54px;
	float: left;
	clear: both;
}

 #faq-hd {
	background: url(../images/index/sub_headers/sub_faq_hd.jpg) left top no-repeat;
	width: 579px;
	height: 54px;
	float: left;
	clear: both;
}

 #lasik-hd {
	background: url(../images/index/sub_headers/sub_lasik_hd.jpg) left top no-repeat;
	width: 579px;
	height: 54px;
	float: left;
	clear: both;
}

 #costmain-hd {
	background: url(../images/index/sub_headers/sub_cost_hd.jpg) left top no-repeat;
	width: 579px;
	height: 54px;
	float: left;
	clear: both;
}

 #contact-hd {
	background: url(../images/index/sub_headers/sub_contact_hd.jpg) left top no-repeat;
	width: 579px;
	height: 54px;
	float: left;
	clear: both;
}
 #thankyou-hd {
	background: url(../images/index/sub_headers/sub_thankyou_hd.jpg) left top no-repeat;
	width: 579px;
	height: 54px;
	float: left;
	clear: both;
}
/* content
 * ------------------------------------------------------------------------------------- */

#content-container-inside {
	width: 790px;
	float: left;
	background: url(../images/sub/inside_page_bg.jpg) left top repeat-y;
}

#content-left-inside {
	width: 542px;
	float: right;
	background: url(../images/sub/inside_body_bg.jpg) left top repeat-x;
}
	#content-left-inside p {
		margin: 10px 25px 15px 30px;
	}
	
	#content-left-inside h1 {
		margin: 15px 25px 0px 30px;
		font-size: 13px;
	}
	
	#content-left-inside h2 {
		margin: 15px 25px 0px 30px;
		font-size: 12px;
		color: #9C9D3C;
	}
	
	#content-left-inside h3 {
		margin: 15px 25px 0px 30px;
		color: #D4A452;
	}
	
#content-right-inside {
	width: 241px;
	float: right;
}

	#content-right-inside input.submit {
		margin-left: 10px;
	}
			
	#content-right-inside p {
		margin: 10px 10px 10px 31px;
		font-size: 12px;
		color: #FFFFFF;
	}

	#content-right-inside a:link, #content-right-inside a:visited {
		color: #FFFFFF;
		text-decoration: underline;
	}
	#content-right-inside a:hover, #content-right-inside a:active {
		color: #9C611F;
		text-decoration: underline;
	}
/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	background: url(../images/index/page_footer.jpg) left top no-repeat;
	width: 747px;
	height: 66px;
	clear: both;
}

#sub-page-footer {
	background: url(../images/index/sub_page_footer.jpg) left top no-repeat;
	width: 747px;
	height: 66px;
	clear: both;
}
	
#footer {
	width: 747px;
	text-align: center;
	background: #A0899B;
	background-color: #A0899B;
	
}
#footer p { 
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	color: #FFF;
}
#footer ul {
	margin-top: 5px;
	margin-bottom: 0px;
	padding-right: 5px;
}
#footer li { 
	margin: 0px;
	padding: 0px;
	display: inline;
	color: #FFF;
	font-size: 12px;
	}
	
#footer a:link, #footer a:visited {
		color: #D5E0E6;
		text-decoration: none;
	}
#footer a:hover, #footer a:active {
		color: #E8EDF3;
		text-decoration: underline;
	}

/* Quick Contact elements 
 * ------------------------------------------------------------------------------------- */
 #qform { float: right; width: 160px; clear: left; padding: 0 50px 10px 15px;}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #282669;
	border: 1px solid #35338C;
	background-color: #FFFFFF;
	margin: 0 0 4px 0;
	float: right;
}

.quickcontact {
	width: 160px;
	float: right;
}
/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
.pic-float-left { float:left; padding-right: 5px;}

img.readmore {
	float: right;
	display: block;
	margin-top: 10px;
	padding-bottom: 14px;
}

div.clear {
	clear: both;
}

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