/* 
----------------------------------------------------------------------------
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 :: IE5.x/IE6/Op7/NS7/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,blockquote,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; }


/* basic elements
 * ------------------------------------------------------------------------- */

/* global */ 
body { background-color:#11242E; text-align:left; }
p,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#DCE8EE; text-decoration:none; }
p,dl,dt,dd,ul,ol,li { line-height: 14px; }
p,pre,blockquote,h1,h2,h3 { margin-bottom:7px; }
a:link,a:visited { color:#82A5B6; text-decoration:underline; }
a:hover,a:active { text-decoration:none; }
h1 { font-size:14px; }
h2 { font-size:13px; }
h3 { font-size:12px; }
h1 span,h2 span,h3 span { display:none; }


/* classes */
.thumbs-left { margin:2px 8px 0 0; }
.thumbs-right { margin:2px 0 0 8px; }
.clear { clear:both; }


/* contact forms
 * ------------------------------------------------------------------------- */

/* quick contact */
form { width:160px; padding:10px 0 15px 25px; }
input, textarea { background-color: #fff; border:1px solid #133F53; width:160px; height:18px; margin-bottom:4px;
                  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0F3141; }
textarea { height:70px; }
.submit, .submit-big-contact { width:60px; cursor:pointer; }

/* main contact - dental */
#big-contact { padding:20px 0 10px 25px; float:left; }
#big-contact label, #big-contact select { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0F3141; }
#big-contact label { width:200px; position:relative; display:block; text-align:right; color:#DCE8EE; }
#big-contact label input, #big-contact label textarea, #big-contact select { background-color:#fff; border:1px solid #BCD2A2; position:absolute; width:200px; left:110%; top:-2px; }
#big-contact label textarea { width:200px; height:100px; top:0; }
.submit-big-contact { margin:85px 0 0 218px; }


/* skeleton
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/index/bg-index.gif") repeat-y; width:730px; margin:0 auto; }
 #top { background:url("../images/index/top.gif"); height:31px; } 
 #banner { background:url("../images/index/banner.jpg"); height:271px; }
 #banner-0 { background:url("../images/inside/banner-0.jpg"); height:271px; }
 #banner-1 { background:url("../images/inside/banner-1.jpg"); height:271px; }
 #banner-2 { background:url("../images/inside/banner-2.jpg"); height:271px; }
 #banner-3 { background:url("../images/inside/banner-3.jpg"); height:271px; }
 #banner-4 { background:url("../images/inside/banner-4.jpg"); height:271px; }
 
 #column-left { width:520px; float:left; }
 #column-left p, #column-left ul, h1, h2 { padding-left:26px; padding-right:22px; }
 #column-left ul { margin-bottom:7px; }
 #column-left dl { padding-left:26px; margin-bottom:15px; width:200px; float:left; }
 #column-left dt { padding-left:5px; }
 #column-left p.portrait  {
	float: left;
	/*width:161px;*/
	margin:0;
	}

  #header-welcome { background:url("../images/index/header-welcome.gif"); height:82px; }
  #wrap-procedures-index { background:url("../images/index/bg-procedures-index.gif") repeat-y; } 
  #wrap-procedures-index p, #wrap-procedures-index ul { padding-left:46px; padding-right:240px; margin-bottom:7px; }
  #wrap-procedures-index ul a { color:#DCE8EE; text-decoration:none; }
  #wrap-procedures-index ul a:hover { text-decoration:underline; }
   #header-procedures-index { background:url("../images/index/header-procedures-index.gif"); height:92px; }
   #bg-woman { background:url("../images/index/bg-woman.jpg") no-repeat; }
   #bottom-procedures-index { background:url("../images/index/bottom-procedures-index.gif"); height:13px; } 
  
  
 #column-right { width:210px; float:left; }
 #column-right p { padding-left:25px; padding-right:21px; }
  #header-quick-contact { background:url("../images/index/header-quick-contact.gif"); height:101px; }
 
 #bottom { background:url("../images/index/bottom.gif") no-repeat; width:730px; height:47px; clear:both; overflow:hidden; }


/* skeleton inside
 * ------------------------------------------------------------------------- */
 #header-about-dr-bell { background:url("../images/inside/header-about-dr-bell.gif"); height:82px; }
 #header-about-the-practice { background:url("../images/inside/header-about-the-practice.gif"); height:82px; }
 #header-contact { background:url("../images/inside/header-contact.gif"); height:82px; }
 #header-thankyou { background:url("../images/inside/header-thankyou.gif"); height:82px; }
 #header-gallery { background:url("../images/inside/header-gallery.gif"); height:82px; }
 #header-procedures { background:url("../images/inside/header-procedures.gif"); height:82px; }
 #header-sitemap { background:url("../images/inside/header-sitemap.gif"); height:82px; }
 #header-locate { background:url("../images/inside/header-locate.gif"); height:101px; }
 #map { margin-top:10px; padding-left:24px; }


/* bna
* ------------------------------------------------------------------------- */
#bna-wrap { width:600px; height:440px; }
 #bna-top { background:url("../bna/images/layout/bna-top.jpg") no-repeat; height:108px; }
 #bna-top span { display:none; }
 #bna-top a { height:108px; display:block; }
 #bna-case { height:280px; }
 #bna-bottom { background:url("../bna/images/layout/bna-bottom.gif") no-repeat; height:52px; }


/* footer
 * ------------------------------------------------------------------------- */
#footer { width:705px; text-align:center; margin:10px auto; }
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#DCE8EE; margin-bottom:5px; }
#footer a:hover, #footer a:active { text-decoration:underline; }


/* horizontal navigation
 * ------------------------------------------------------------------------- */
#nav { background:url("../images/index/nav.gif") no-repeat; width:730px; height:41px; position:relative; }
#nav li { position:absolute; top: 0; }
#nav li, #nav a { height:41px; display:block; }
#nav span { display:none; }

#nav-01 { width:95px; left:1px; }
#nav-02 { width:155px; left:99px; }
#nav-03 { width:125px; left:256px; }
#nav-04 { width:114px; left:383px; }
#nav-05 { width:123px; left:499px; }
#nav-06 { width:104px; left:624px; }


#nav-01 a:hover { background: transparent url("../images/index/nav.gif") -1px -41px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/index/nav.gif") -99px -41px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/index/nav.gif") -256px -41px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/index/nav.gif") -383px -41px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/index/nav.gif") -499px -41px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/index/nav.gif") -624px -41px no-repeat; }

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#153B4E;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; /* Height of each drop down nav item */
	border:1px solid #495167;
	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-02 ul a:hover { 
	background-image:none;
	background-color:#495167;
	color:#FFFFFF;
	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:155px; }