/* CSS Document 
Author  = Andrea Lane 
bontelucci.creative
bontelucci.com
*/


html, body {
	height: 100%;
}

body {
	background-color:#797E17;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	line-height:120%;
}

a:link, a:active {
	text-decoration: underline;
	color:#996633; 
}

a:visited {
	color: #333; 
	text-decoration: underline; 
}

a:hover, a:visited:hover {
	color: #1D1D1D;
	text-decoration: underline; 
}

p { 
	margin:0px 0px 10px 0px;
	padding:0px;}


h1 {
	font: bold 16px arial, serif;
	color:#E2AA18;
}

h2 {
	padding-top:5px;
	margin-top: 0px;
	margin-bottom: 10px;
	font: bold 13px arial, serif; 
	color: #797E17;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color: #F08B1D;
	line-height:100%;
	
}

ul {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 12px;
	color:#333333;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height:15px;
	list-style:outside;
	list-style-type:disc;
}

ol {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 12px;
	color:#333333;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height:15px;
	list-style:inside;
	list-style-type:decimal;
}


/* *** LAYOUT *** */

.highlight {
	padding:5px 10px 10px 10px;
	border:4px solid #FF9900;
}

.img_left {
	border:#FFFFFF;
	border-width:4px;
	border-style:solid;
	margin-right:10px;
}

#container {
	position:relative;
	margin: 0px auto;
	padding: 0px;
	width: 954px;
	/*height:100%; */
	background-color:#ffffcc;
	background-image:url(/structure/cherry_tree_right.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#masthead {
	position:relative;
	margin:0px;
	padding:0px;
	height:96px;
}

#contact-box {
	float:right;
	width:220px;
	margin:0px;
	padding:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#462D0A;
	line-height:100%;
}



#glory-strip {
	position:relative;
	margin:0px;
	padding:0px;
	height:127px;
}

#live-area {
	/*position:relative;*/
	background-image:url(/structure/cherry_tree_left.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px 0px 40px 0px;
}


#homecontent {
	float:right;
	margin:0px;
	padding:0 30px;
	width:894px;
}
#homemain-column {
	float:left;
	margin:0px;
	padding-top:10px;
	width:615px;
}
#homeright-column {
	float:right;
	margin:0px;
	padding:40px 10px 0px 10px;
	width:229px;
}

#content {
	float:right;
	margin:0px;
	padding:0 ;
	width:784px;
}
#left-column {
	float:left;
	width:160px;
	padding: 30px 0 0 10px;
}

#main-column {
	float:left;
	margin:0px;
	padding-top:10px;
	width:635px;
}

#right-column {
	float:right;
	margin:0px;
	padding:40px 10px 0px 10px;
	width:129px;
}

#footer { 
	/* CENTER THIS SUCKER! */
	/*position:absolute;  take it out of the flow */
	/*bottom:0px;  stick it to the bottom */
	/*left:0px;  set left and right to the same value */
	/*right:0px; */
	
	margin:0px auto 0px auto; /* set left and right margins to auto */
	padding:10px 0px 0px 0px;
	height:25px;
	width:954px;
	background-color:#462D0A;
	text-align:center;
}

#footer, #footer a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	text-decoration:none;
	color: #ffffcc;
}



/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.button {
	margin: 10px 0 10px 0; float: left;

}

.button a:link, .button a:active, .button a:visited, .button a:hover, .button a:visited:hover {
	display:block;
	width:160px;
	height:24px;
	padding:5px 0 0 0;
	background:transparent url(/structure/button_header.png);
	background-position:top left;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

 .button a:hover, .button a:visited:hover {
 	background-position:bottom left;
 }

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		
.phonenumber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #462D0A;
}

#nav { width: 953px;
	display:block;
	height: 32px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background-color:#462D0A;
	text-indent: -5000px;
		z-index:100;
}

#nav ul { /* all lists */
	display:block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	}

#nav li ul { /* second-level lists */
    text-indent: 0px;
	position: absolute;
	background: #963;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul li {padding: 5px; border-bottom: 1px solid #462D0A; width: 11em;}
#nav li ul li  a {color: #fff; font-weight: bold; text-decoration:none; font-size: 11px;}
#nav li ul li  a:hover {color: #ffc; }


#nav #home{display: block; height: 32px; width: 122px; background-image:url(../structure/nav/btn_home.gif); background-position:center}
#nav #home:hover{background-image:url(../structure/nav/btn_home_f2.gif)}
#nav #newpatient{display: block; height: 32px; width: 139px; background-image:url(../structure/nav/btn_newPatient.gif); background-position:center}
#nav #newpatient:hover{background-image:url(../structure/nav/btn_newPatient_f2.gif)}
#nav #services{display: block; height: 32px; width: 134px; background-image:url(../structure/nav/btn_services.gif); background-position:center}
#nav #services:hover{background-image:url(../structure/nav/btn_services_f2.gif)}
#nav #bio{display: block; height: 32px; width: 163px; background-image:url(../structure/nav/btn_bio.gif); background-position:center}
#nav #bio:hover{background-image:url(../structure/nav/btn_bio_f2.gif)}
#nav #testimonials{display: block; height: 32px; width: 135px; background-image:url(../structure/nav/btn_testimonials.gif); background-position:center}
#nav #testimonials:hover{background-image:url(../structure/nav/btn_testimonials_f2.gif)}
#nav #links{display: block; height: 32px; width: 112px; background-image:url(../structure/nav/btn_links.gif); background-position:center}
#nav #links:hover{background-image:url(../structure/nav/btn_links_f2.gif)}
#nav #contact{display: block; height: 32px; width: 112px; background-image:url(../structure/nav/btn_contact.gif); background-position:center}
#nav #contact:hover{background-image:url(../structure/nav/btn_contact_f2.gif)}