/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2005. Used with Permission.                             
May not be duplicated or reproduced.

Please check for cross-browser compatibility prior to making changes
MINIMUM BROWSER CHECK :: Mozilla/IE6/Safari

CSS Document - layout.css
---------------------------------------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* remove default link styles */
:link,:visited { text-decoration:none; }

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* root selectors */ 
body { background:url("../images/index/bg-body.gif") repeat-x top left #6C8BA1; text-align:left;  }
p,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3,h4 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#D3DCE2; text-decoration:none; }
p,dl,dt,dd,ul,ol,li { line-height:16px; }
p,pre,blockquote,h2,h3,dl { margin-bottom:8px; }
a:link,a:visited { text-decoration:underline; }
a:hover,a:active { text-decoration:none; }
h1 span,h2 span,h3 span { display:none; }
h1 { font-size:16px; margin-bottom: 10px; }
h2 { font-size:15px; margin-top: 25px; margin-bottom: 10px; }
h3 { font-size:12px; margin-top: 25px; margin-bottom: 10px; }
h4 { font-size:11px; margin-top: 25px; margin-bottom: 10px; }
dt { font-weight:bold; }

form { width:135px; padding:0 0 20px 27px; }
input, textarea { background-color:#F2F5F7 !important; border:1px solid #516A7F; width:135px; height:18px; margin-bottom:4px; padding-left:4px; padding-top:2px;
                  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000 }
textarea { height:60px; overflow:auto; }

/* classes */
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; height:.01em; }
.thumbs-left { margin:2px 8px 0 0; }
.thumbs-right { margin:2px 0 0 8px; }
.submit, .submit-main-contact { width:60px; cursor:pointer; padding:0; }
.submit-main-contact { margin:85px 0 0 217px; }
p.last{ margin-top: 40px; font-style:italic; }


/* framework
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/index/bg-index.gif") repeat-y; width:722px; margin:0 auto; }
 #flash { background:url("../images/index/flash.jpg") no-repeat; height:301px; }
 #divider-horizontal { background:url("../images/index/divider-horizontal.gif") no-repeat; padding-top:12px; }
 
 #column-left { width:193px; float:left; }
 #column-left p { padding-left:30px; padding-right:20px; }
  #header-contact { background:url("../images/index/header-contact.gif") no-repeat; height:61px; }
  #header-locations { background:url("../images/index/header-locations.gif") no-repeat; height:35px; }
  
 #column-right { width:529px; float:right; }
 #column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right h4, ul,dl { padding-left:19px; padding-right:49px; }
  #header-welcome { background:url("../images/index/header-welcome.gif") no-repeat; height:73px; }
  	#header-welcome span { display: none; }
  #banner-gold-standard { background:url("../images/index/banner-gold-standard.jpg") no-repeat; height:126px; margin:20px 0;  }
  #header-proc-about { background:url("../images/index/header-proc-about.gif") no-repeat; padding-top:30px; }
  	#header-proc-about span { display: none; }
  #columns-proc { width:250px; float:left; }
  #columns-about { width:275px; float:left; }
  #columns-about p { padding-left:5px; }
   
 #bottom { background:url("../images/index/bottom.gif") no-repeat; width:722px; height:23px; clear:both; overflow:hidden; }


/* inside framework
 * ------------------------------------------------------------------------- */
 #masthead-01 { background:url("../images/inside/masthead-01.jpg") no-repeat; height:301px; }
 #masthead-02 { background:url("../images/inside/masthead-02.jpg") no-repeat; height:301px; }
 #masthead-03 { background:url("../images/inside/masthead-03.jpg") no-repeat; height:301px; }
 
 #header-about-the-doctor { background:url("../images/inside/header-about-the-doctor.gif") no-repeat; height:73px; }
 	#header-about-the-doctor span { display: none; }
 #header-about-us { background:url("../images/inside/header-about-us.gif") no-repeat; height:73px; }
 	#header-about-us span { display: none; }
 #header-body { background:url("../images/inside/header-body.gif") no-repeat; height:73px; }
 	#header-body span { display: none; }
 #header-breast { background:url("../images/inside/header-breast.gif") no-repeat; height:73px; }
 	#header-breast span { display: none; }
 #header-contact-us { background:url("../images/inside/header-contact-us.gif") no-repeat; height:73px; }
 	#header-contact-us span { display: none; }
 #header-face { background:url("../images/inside/header-face.gif") no-repeat; height:73px; }
 	#header-face span { display: none; }
 #header-faq { background:url("../images/inside/header-faq.gif") no-repeat; height:73px; }
 	#header-faq span { display: none; }
 #header-gallery { background:url("../images/inside/header-gallery.gif") no-repeat; height:73px; }
 	#header-gallery span { display: none; }
 #header-media { background:url("../images/inside/header-media.gif") no-repeat; height:73px; }
 	#header-media span { display: none; }
 #header-locate { background:url("../images/inside/header-locate.gif") no-repeat; height:61px; }
 	#header-locate span { display: none; }
 #header-ear { background:url("../images/inside/header-ear.gif") no-repeat; height:73px; }
 	#header-ear span { display: none; }
 #header-eyelid { background:url("../images/inside/header-eyelid.gif") no-repeat; height:73px; }
 	#header-eyelid span { display: none; }
 #header-thankyou { background:url("../images/inside/header-thankyou.gif") no-repeat; height:73px; }
 	#header-thankyou span { display: none; }
 #header-sitemap { background:url("../images/inside/header-sitemap.gif") no-repeat; height:73px; }
 	#header-sitemap span { display: none; }
 
 #thumbnails { width: 420px; margin-left: 55px; margin-top:5px; }
 #thumbnails img { margin: 20px 20px 10px 25px; }
 #thumbnails p {margin: 0px 20px 0px 20px;}
 #thumbnails div { width: 200px; float:left; text-align:center;
 font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#D3DCE2; text-decoration:none; }
 

/* footer
 * ------------------------------------------------------------------------- */
#footer { width:700px; text-align:center; margin:10px auto; }
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }


/* main contact form
 * ------------------------------------------------------------------------- */
#main-contact { padding:20px 0 10px 25px; float:left; }
#main-contact label, #main-contact select { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; }
#main-contact label { width:200px; position:relative; display:block; text-align:right; color:#fff; }
#main-contact label input, #main-contact label textarea, #main-contact select { background-color:#ffffff !important; border:1px solid #BCD2A2; position:absolute; width:200px; left:110%; top:-2px; }
#main-contact label textarea { width:200px; height:100px; top:0; }


#nav { 
	background:url("../images/index/nav.gif") no-repeat; 
	width:722px; 
	height:27px; 
	margin-bottom:0; 
	padding:0;
	}

#nav span { display: none; }

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

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

#nav-01 { width:64px; margin-left:12px; }
#nav-02 { width:75px; margin-left:1px; }
#nav-03 { width:116px; margin-left:1px; }
#nav-04 { width:61px; margin-left:1px; }
#nav-05 { width:56px; margin-left:1px; }
#nav-06 { width:54px; margin-left:1px; }
#nav-07 { width:60px; margin-left:1px; }
#nav-08 { width:52px; margin-left:1px; }
#nav-09 { width:65px; margin-left:1px; }
#nav-10 { width:82px; margin-left:1px; }

#nav-01 a:hover { background: transparent url("../images/index/nav.gif") -12px -27px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/index/nav.gif") -77px -27px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/index/nav.gif") -153px -27px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/index/nav.gif") -270px -27px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/index/nav.gif") -332px -27px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/index/nav.gif") -389px -27px no-repeat; }
#nav-07 a:hover { background: transparent url("../images/index/nav.gif") -444px -27px no-repeat; }
#nav-08 a:hover { background: transparent url("../images/index/nav.gif") -505px -27px no-repeat; }
#nav-09 a:hover { background: transparent url("../images/index/nav.gif") -558px -27px no-repeat; }
#nav-10 a:hover { background: transparent url("../images/index/nav.gif") -624px -27px no-repeat; }


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#587A92;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	padding:0;
	}

#nav li ul li { 
	height:20px; 				/* Height of each drop down nav item */
	border:1px solid #AABDCA;
	border-top:none;
	}	

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

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

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

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

/* Hover styles for drop down items */
#nav-06 ul a:hover { 
	background-image:none;
	background-color:#AABDCA;
	color:#FFFFFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-06 ul, #nav-06 li { width:100px; }

#tbg-promo {
	clear: both;
	width: 390px;
	margin: 30px auto;
}
#twitter {
  text-align: center;
  margin-bottom: 20px;
}
#facebook {
  text-align: center;
  margin: 20px auto;
}