/* << ----------------// General Styles //---------------->> */
body {
margin:60px 10px;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
line-height:1.125em;
color:#805120;
color:#58421b;
color:#583716;
text-align:center;
background: url(graphics/dark_background3.jpg) repeat;
}

p {
margin:4px 0 6px 0;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h1, h2, h3, h4 {
margin:10px 0 0 0;
}

a:link, a:visited {
color:#805120;
color:#58421b;
color:#583716;
}

a:hover, a:active {
color:#a88d49;
text-decoration:none;
}

ul {
margin:5px 0 5px 20px;
padding:0;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ul li, ol li {
margin:0 0 4px 0;
padding:0;
}

h4 {text-transform:uppercase;font-weight:normal;}

/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer {
margin:0 auto;
padding:0;
width:800px;
background: url(graphics/light_backgroundtile.jpg) repeat-y;
font-size: .75em;
text-align:left;
}

/* << ----------------// Header //---------------->> */
#header {
margin:0;
margin-bottom: 25px;
padding:5px;
width:790px;
height:90px;
background: url(graphics/flourishline.gif) bottom center no-repeat;
}

#header h1 {
margin-left: 40px;
}
#header h1 a {
display:block;
background: url(graphics/logo.gif) no-repeat;
width:201px;
height:56px;
text-indent: -9999em;
}

#header p {
color:#987F44;
font-size:.95em;
margin-top: -50px;
margin-right: 30px;
text-align:right;
float:right;}

#header p span {font-size:1.05em;}

/* << ----------------// Horizontal navigation //---------------->> */
#navHorizontal {
margin:0;
margin-right: 28px;
margin-bottom: -25px;
padding:0;
width:800;
height:30px;
line-height:30px;
font-size: .875em;
text-align:right;
}

#navHorizontal ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navHorizontal ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
}

#navHorizontal ul li a:link, #navHorizontal ul li a:visited {
padding:0px 8px 0px 8px;
text-decoration:none;
border-right:1px solid #805120;
}

#navHorizontal ul li.nav_last a:link, #navHorizontal ul li.nav_last a:visited {
border-right:none;
} 

#navHorizontal ul li a:hover, #navHorizontal ul li a:active {
color:#a88d49;
text-decoration:none;

}

/* << ----------------// Left column //---------------->> */
#columnOne {
float:left;
margin:0;
padding:0 5px 10px 5px;
width:190px;
text-align:center;
}

#columnOne p, #columnThree p, #columnOne ul li, #columnOne ol li, #columnThree ul li, #columnThree ol li {
}

#columnOne h2, #columnThree h2 {
}

#columnOne p {
text-align:center;
font-size: .875em;
}

#columnOne a {
text-decoration: none;}

/* << ----------------// Vertical navigation //---------------->> */
#navVertical {
margin:0 -5px 0 -5px;
margin:0 auto;
padding:0;
width:101px;
text-align:center;

}

#nav_top, #nav_bottom {
margin:0 auto;
width:131px;
height:68px;
}

#nav_top {background: url(graphics/nav_top.gif) no-repeat;}
#nav_bottom {background: url(graphics/nav_bottom.gif) no-repeat;}

#navVertical ul {
margin:0 0 0 0px;
padding:0;
list-style:none;
border: 2px solid #583716;
border-width: 0 2px;
background-color: #ffffff;
}

#navVertical ul li {
margin:0 0 0 -1px;
padding:0 5px;
list-style:none;
font-size: .95em;
font-weight:bold;
line-height:1.25em;
}

#navVertical ul li a:link, #navVertical ul li a:visited {
padding:7px 1px 7px 4px;
color:#583716;
text-decoration:none;
display:block;
}

#navVertical ul li a:hover, #navVertical ul li a:active {
color:#a88d49;
text-decoration:none;

}

/* << ----------------// Middle column //---------------->> */
#columnTwo {
float:left;
margin:0;
margin-right:0px;
padding:0 5px 10px 5px;
width:330px;
}

#columnTwo p {
margin:15px 0;
line-height:1.75em;}

#columnTwo h1 {
height:52px;
text-indent:-9999em;
}

#columnTwo a.top { font-size:.75em;border:1px solid #805120; border-width:0 1px;padding:0 5px;text-decoration:none;}


body#home #columnTwo h1 { background: url(graphics/headers/head_welcome.gif) -5px 0 no-repeat; }
body#doctor #columnTwo h1 { background: url(graphics/headers/head_meet_your_doctor.gif) -5px 0 no-repeat; }
body#team #columnTwo h1 { width:188px; background: url(graphics/headers/head_meet_your_team.gif) -5px 0 no-repeat; }
body#tour #columnTwo h1 { background: url(graphics/headers/head_take_a_tour.gif) -5px 0 no-repeat; }
body#solutions #columnTwo h1 { width:194px; background: url(graphics/headers/head_smile_solutions.gif) -5px 0 no-repeat; }
body#services #columnTwo h1 { width:188px; background: url(graphics/headers/head_patient_services.gif) -5px 0 no-repeat; }
body#patients #columnTwo h1 { width:213px; background: url(graphics/headers/head_meet_our_patients.gif) -5px 0 no-repeat; }
body#candidate #columnTwo h1 { background: url(graphics/headers/head_are_you_a_candidate.gif) -5px 0 no-repeat; }
body#contact #columnTwo h1 { background: url(graphics/headers/head_contact_us.gif) -5px 0 no-repeat; }

/* << ----------------// Right column //---------------->> */
#columnThree {
float:left;
margin:0;
margin-right:0px;
margin-top: 35px;
padding:0 5px 10px 5px;
width:230px;
text-align:right;

}

#columnThree div {margin-right:-70px;zoom:1;position:relative;}

.blue {background:tan;zoom:1;position:relative;}

/* << ----------------// Footer //---------------->> */
#footer {
margin:0;
padding:5px 5px 5px 10px;
width:785px;
height:5px;
clear:both;
}

/* << ----------------// Index //------------------->> */
body#home #columnThree div {margin-right:-100px;}
/* << ----------------// Meet Your Team //------------------->> */
body#team #columnTwo {width:580px;}
body#team #columnThree {display:none;}
body#team #navHorizontal { visibility:hidden; }
body#team .team {width: 560px;}
body#team .team p {width: 420px;}
body#team .team img {float:right;}
body#team .team h3 {font-size:1.15em;}
body#team #columnTwo h1 {float:left;}
body#team #columnTwo span {float:left;margin-top:25px;font-size:.75em;}

body#team ul#team_full {
width:546px;
height:169px;
list-style-type:none;
padding:0;
margin:0;
margin-bottom: 60px;
background:url(graphics/team/assistants_head_pics_new.gif) no-repeat;
clear:left;
}

body#team ul#team_full a { width:75px; height:169px;display:block;}
body#team ul#team_full li {
float:left;
border:0px solid tan;
width:76px;
height:169px;
}

/* << ----------------// Meet Our Patients //------------------->> */
body#patients #columnTwo {width:580px;}
body#patients #columnThree {display:none;}
body#patients #navHorizontal { visibility:hidden; }
body#patients .team {width: 560px;margin-bottom:40px;}
body#patients .team p {width: 420px;}
body#patients .team img {float:right;}
body#patients .team h3 {font-size:1.15em;text-transform:uppercase;}
body#patients .team em {text-transform:capitalize;font-size:.9em;}
body#patients #columnTwo h1 {float:left;}
body#patients #columnTwo span {float:left;margin-top:25px;font-size:.75em;}


body#patients ul#patient_full {
width:546px;
height:169px;
list-style-type:none;
padding:0;
margin:0;
/*background:url(graphics/team/assistants_head_pic_2repeat.gif);*/
clear:left;
}

body#patients ul#patient_full a { width:75px; height:169px;display:block;}
body#patients ul#patient_full li {
float:left;
border:0px solid tan;
width:76px;
height:169px;
}

/**** use for 5 pics***/
body#patients ul#patient_full li {
	
border:0px solid tan;
width:106px;
}


/* << ----------------// Meet Your Doctor //------------------->> */
body#doctor #navHorizontal { visibility:hidden; }

/* << ----------------// Take a Tour //------------------->> */
body#tour #navHorizontal { visibility:hidden; }

/* << ----------------// Smile Solutions //------------------->> */
body#solutions h3 a { text-decoration:none; font-size: 1.15em;}
body#solutions #navHorizontal { visibility:hidden; }
body#solutions #columnTwo h1 {float:left;}
body#solutions #columnTwo span {float:left;margin-top:25px;font-size:.75em;}
body#solutions h3 {clear:both;}

/* << ----------------// Patient Services //------------------->> */
body#services h3 a { text-decoration:none; font-size: 1.15em;}
body#services #navHorizontal { visibility:hidden; }
body#services #columnTwo h1 {float:left;}
body#services #columnTwo span {float:left;margin-top:25px;font-size:.75em;margin-left:15px;}
body#services h2 {clear:both;text-transform:uppercase;margin-top:45px;}
body#services span.indent {padding:0 !important;margin:0 !important;font-size:95% !important;float:none !important;margin-left:6px !important;}

/* << ----------------// Contact Us //------------------->> */
body#contact #navHorizontal { visibility:hidden; }
body#contact #columnTwo p a {text-decoration:none;}
body#contact #columnTwo em {font-size:.75em;}
body#contact #columnTwo h2 {text-transform:uppercase;}
body#contact #columnTwo {}

/* << ----------------// Are You A Candidate //------------------->> */
body#candidate #navHorizontal { visibility:hidden; }
body#candidate #columnTwo p a {text-decoration:none;}
body#candidate #columnTwo em {font-size:.75em;}
body#candidate #columnTwo h2 {text-transform:uppercase;}
body#candidate #columnTwo {}

/************ patient survey form  ***/
form.areyou {}
form.areyou fieldset {
  margin-bottom: 10px;
  
}
form.areyou legend {
  padding: 0 2px;
  font-weight: bold;
}
form.areyou label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.areyou fieldset ol {
  margin: 0;
  padding: 0;
}
form.areyou fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;

}
form.areyou fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.areyou fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
  
}
form.areyou fieldset fieldset label {
  display: inline;
  width: auto;
}
form.areyou em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.areyou label {
  width: 42px !important; /* Width of labels */
}
form.areyou fieldset fieldset label {
  margin-left: 45px; /* Width plus 3 (html space) */;}

form.areyou input.txt {
margin-left:3px;
width:250px;
}

form.areyou textarea {
margin-left:3px;
width: 250px;
}

form.areyou p.btn {

}

form.areyou label.lbl_txt  {
display:block;
}
************************************/







/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */