@charset "utf-8";
/*  CSS */

a,
a:link,
a:visited,
a:hover,
a:active	{color:#026268; outline: none;}
:focus		{ -moz-outline-style: none;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font:1.6em Arial, Helvetica, sans-serif;margin:0;padding:0}
h2			{font:1.5em Arial, Helvetica, sans-serif;margin:0;padding:0}
h3			{font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font-size:0.63em;}
.sm10		{font-size:0.69em;}
.w350		{width:310px;}

img {behavior: url(inc/pngbehavior.htc);}
#map img {behavior:none !important;}
#map {line-height:15px;}

hr	{border-top:1px solid #cdeaec;border-bottom:1px solid #fff;}

ul#pdf	{list-style-image:url(../images/pdf.png);}
 
.bgblue	{background:#A3D2D8;} 
#directions	{
	float:right;
	width:450px;
	}
	

/******   LAYOUT   ******/
* {outline-style: none;}

html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 62.5% tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #026268;
	background:#532c14 url(../images/bg.jpg);
	}
	
#wrapper	{
	width:1000px;
	height:auto;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	background: url(../images/bgwrapper.png) repeat-y;
	font: 1.3em/1.5em tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	
#header	{
	height:335px;
	margin:35px auto 0 auto;
	}


#header	#address	{
	background: url(../images/header1.jpg) no-repeat;
	width:370px;
	height:90px;
	float:left;
	color:#fff;
	font-size:10px;
	line-height:13px;
	padding:10px 15px;
	}

#header	#address, 
#header	#address a,
#header	#address a:link,
#header	#address a:visited,
#header	#address a:hover,
#header	#address a:active	{color:#fff;}

#content	{
	width:980px;
	margin:0px;
	padding: 10px;
	background: url(../images/wrapperbg.jpg) repeat-y;
	position: relative;
	}
	

a.patientLogin { position: absolute; top: 0px; /*left: 20px;*/ right:30px; display: block; /*width:147px;*/ height:32px; padding-left:15px;background: url(../images/login-left.jpg) no-repeat; color: #fff; font-size: 16px; line-height: 28px; text-decoration: none; font-weight: bold; }
a.patientLogin:hover { text-decoration: underline }
a.patientLogin span { background: url(../images/login-right.jpg) no-repeat right; display: block; height: 32px; padding-right:15px; }

.announcement { position: absolute;/* width: 300px;*/ top:18px; /*right:30px;*/ left: 20px; }
.announcement p { /*color: #01A5AF;*/ color:#CD844D; font-weight: bold; font-size: 22px; font-style:italic}

/******* FOOTER *******/
#footer	{
	height:100px;
	width:980px;
	font-size:.85em;
	line-height:1.3em;
	background: url(../images/footerbg.jpg) no-repeat;
	clear:both;
	padding: 60px 10px 0 10px;
	}
#footer a	{text-decoration:none;}

#footer #credit				 {float:right;width:115px;}
#footer #credit a 	 		 {color:#4b959b;text-decoration:none;}
#footer #credit a:hover 	 {color:#02646a;text-decoration:none;}




/******* HORIZONTAL NAV MENU  ***********/
#nav	{
	width:600px;
	height:110px;
	background:url(../images/navbg.jpg) no-repeat;
	float:right;
	}
	
ul#hrznav {
  margin: 21px 0 0 18px;
  border: 0 none;
  padding: 0;
  width: 580px; /*For KHTML*/
  list-style: none;
  height: 24px; 
	}

ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
	}

ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
	}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}

/* Root Menu */
ul#hrznav a {

  padding: 0 12px 0 12px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font:13px/34px tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  background: #b8672c;
  color: #FFF;
	}

/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  font:13px/26px tahoma, Verdana, Arial, Helvetica, sans-serif;
  border:1px solid #c97131;
  border-top:0px;
  background: #d18650;
  color: #fff;
	}
	
html>/**/body ul#hrznav li:hover li a {font:13px/23px tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #c97131;
  color: #FFF;
	}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
	}







/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0 15px 0 0;
	padding: 5px;
	float:right;
	width: 275px;
	}	


#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	background: #bae2e4;
	border: 1px solid #56adb4;	
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#01a5af;
	font-variant:small-caps;
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}

#contact fieldset ol {  
	padding-top: 0.25em;
	}
	
#contact #city {
	display: block;
	width: 60px;
	margin-right:12px;
	float: left;
	margin-bottom: 10px;
	}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	
#contact .shhhh, .shhhh {display:none;}

#orthoservices	{
	float:right;
	padding:8px;
	width:270px;
	height:160px;
	margin: 55px 20px 15px 0;
	}

#orthoservices h1	{font-size:13px; line-height:19px;}

#dr	{
	width:645px;
	height:300px;
	background:url(../images/boxbg.jpg) 0 70px no-repeat;
	}

#dr	p{padding:95px 0 0 18px;}





#dr2	{
	width:645px;
	height:300px;
	margin-top:-45px;
	background:url(../images/dr2.jpg) 284px 50px no-repeat;
	}

#dr2 p	{padding:95px 0 0 18px;}