/*-----------------------------------------------------/
	Complete Eyec Care CSS
	Copyright 2008 InterWorks, Inc.
	url:http://interworksinc.com/
/-----------------------------------------------------*/

@import url("typography.css");

* {margin:0;padding:0;font-family:arial,helvetica,sans-serif;font-weight:normal;outline:0;border:0;}

h2,h3,span,a,ul,li {behavior:url("/iepngfix.htc");}

body {
  background:#fff url(../images/bg.png) left top repeat-x;
  color:#5e686e;
  font-size:62.5%;
  behavior:url("/csshover.htc");
}

#wrapper {
  width:80em;
  margin:0 auto;
  position:relative;
}

#head {
  width:80em;
  padding:2em 0 0 0;
}

#index #mainGraphic {
  width:780px;
  height:236px;
  background:url(../images/mainGraphic.jpg) left top no-repeat;
  position:relative;
  margin:0 0 0 1.2em;
  display:inline;
  float:left;
}
#mainGraphic {
  display:inline;
}

#primaryContent {
  width:590px;
  *margin-top:30px;
  float:left;
}
#index #primaryContent {
  background:url(../images/divider.gif) right top no-repeat;
}

#sideContent {
  width:170px;
  float:right;
  *margin-top:30px;
  padding:0 1em 0 0;
  text-align:center;
}

#footer {
  width:80em;
  text-align:center;
  padding:4em 0 1em 0;
  float:left;
}

/*--------------------------------------------------------/
  Navigation Styling
/---------------------------------------------------------*/

#head ul {
  width:800px;
  height:55px;
  background:url(../images/nav-bg.png) left bottom no-repeat;
  margin:0 0 3em 0;
  *margin-top:-13px;
  float:left;
}

*:first-child+html #head ul {
  margin-top:0px;
}

#head ul li {
  float:left;
  position: relative;
  list-style:none;
  *margin:1.4em 0 0 0;
}

*:first-child+html #head ul li {
  margin:0 0 0 0;
}

#head ul a {
  background:url(../images/nav-buttons.gif);
  *background:url(../images/nav-buttons-ie.gif);
  height:42px;
  overflow:hidden;
  margin:0;
  color:#b1a394;
  margin:0 0.1em 0 0;
  float:left;
  text-indent:-500em;
}

#head ul .our_doctors a {
  background-position:0 0;
  margin:0 0.1em 0 1.3em;
  *margin:0 0 0 1.3em;
  width:128px;
}
#head ul .our_doctors a:hover {
  background-position:0 -8.4em;
  *background-position:0 -8.5em;
}

#our_doctors .our_doctors a.our_doctors {
  background-position:0 -4.2em;
  *background-position:0 -4.2em;
}

#head ul .choose_us a {
  background-position:-12.9em 0;
  *margin:0;
  width:150px;
}
#head ul .choose_us a:hover {
  background-position:-12.9em -8.4em;
  *background-position:-12.9em -8.5em;
}

#choose_us .choose_us a.choose_us {
  background-position:-12.9em -4.2em;
  *background-position:-12.9em -4.2em;
}

#head ul .services a {
  background-position:-28em 0;
  *background-position:-28.1em 0;
  *margin:0 0 0 0;
  width:85px;
}
#head ul .services a:hover {
  background-position:-28em -8.4em;
  *background-position:-28.1em -8.5em;
}

#services .services a.services {
  background-position:-28em -4.2em;
  *background-position:-28.1em -4.3em;
}

#head ul .eye_care a {
  background-position:-36.6em 0;
  *background-position:-36.7em 0;
  *margin:0;
  width:89px;
}
#head ul .eye_care a:hover {
  background-position:-36.6em -8.4em;
  *background-position:-36.7em -8.5em;
}

#eye_care .eye_care a.eye_care {
  background-position:-36.6em -4.2em;
  *background-position:-36.7em -4.3em;
}

#head ul .new_patients a {
  background-position:-45.6em 0;
  *background-position:-45.8em 0;
  *margin:0;
  width:119px;
}
#head ul .new_patients a:hover {
  background-position:-45.6em -8.4em;
  *background-position:-45.8em -8.5em;
}

#new_patients .new_patients a.new_patients {
  background-position:-45.6em -4.2em;
  *background-position:-45.8em -4.3em;
}

#head ul .news a {
  background-position:-57.6em 0;
  *background-position:-57.9em 0;
  *margin:0;
  width:84px;
}
#head ul .news a:hover {
  background-position:-57.6em -8.4em;
  *background-position:-57.9em -8.5em;
}

#news .news a.news {
  background-position:-57.6em -4.2em;
  *background-position:-57.9em -4.3em;
}

#head ul .contact a {
  background-position:-66.1em 0;
  *background-position:-66.4em 0;
  width:117px;
  *width:123px;
}
#head ul .contact a:hover {
  background-position:-66.1em -8.4em;
  *background-position:-66.4em -8.5em;
}

#contact .contact a.contact {
  background-position:-66.1em -4.2em;
  *background-position:-66.4em -4.3em;
}

/*
	Drop down navigation
*/

#head ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0 0 10px 0;
	width: 230px;
	height: auto;
	background-image: none;
	background-color: #C7E5FF;
	border-bottom: 2px solid #B5DBFD;
	border-right: 1px solid #B5DBFD;
}

* html #head ul ul {top: 130%;}

#head ul .contact ul, #head ul .specials ul {
  left: -100%;
}

#head ul .our_doctors ul {
  left: 20px;
}

#head ul li:hover ul {
	display: block;
}

#head ul li ul li a {
	display: block;
	margin: 0 8px !important;
	padding: 12px 7px;
	width: 200px !important;
	height: auto;
	font: bold 1.15em Tahoma;
	color: #495C8B;
  text-indent: 0;
  text-decoration: none;
	background: none;
	border-bottom: 1px solid #B6D9F7;
}

* html #head ul li ul li a {
	padding: 6px 7px;
}

#head ul li ul li a:hover {
	color: #306318;
	background-color: #D8F7C9;
}



/*--------------------------------------------------------/
  Styling
/---------------------------------------------------------*/

#text_box {
	width:568px;
	height:315px;
	background:url(../images/text-box.gif) left top no-repeat;
	float:left;
}

/*--------------------------------------------------------/
  Giving Back page
/---------------------------------------------------------*/

div.givingBackDisplay {
  margin-bottom:18px;
}

div.givingBackDisplay a {
  display:block;
  width:131px;
  height:145px;
  background:url(../images/gift.png) no-repeat;
  margin:0 auto;
  font-size:0;
  color:transparent;
  *text-indent:-5000em;
}

div.textBubble1 {
	height: 210px;
	width: 360px;
	padding: 50px 20px 0 20px;
	background: url(../images/orange-text-bubble.png) no-repeat;
	margin: 10px 0 0 25px;
}

div.textBubble2 {
	height: 210px;
	width: 340px;
	padding: 55px 20px 0 65px;
	background: url(../images/orange-text-bubble2.png) no-repeat;
	margin-left: 160px;
}

div.textBubble1 h3, div.textBubble2 h3 {
	color: #667584 !important;
}