/* << ----------------// General Styles //---------------->> */
body {
margin:10px;
padding:0;
font-family: Arial;
font-size:11px;
line-height:18px;
color:#585939;
text-align:center;
}

p {
margin:8px 0 12px 0;
}

strong {
font-weight:bold;
}

blockquote {
 font-style:italic;
}

em {
font-style:italic;
}

h1, h2, h3, h4 {
margin:10px 0 0 0;
text-transform: uppercase;
letter-spacing:.04em;
}

h1 {
font-size:1.2em;
}

h2 {
font-size:1.13em;
margin-bottom:5px;
}

h3 {
font-size:1.10em;
}

h4 {
font-size:1.05em;
}

a:link, a:visited {
color:#8e846b;
text-decoration:none;
}

a:hover, a:active {
color:#b3aa99;
}

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;
}

/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer {
margin:0 auto;
padding:0;
width:775px;
border:1px solid #585939;
text-align:left;
}

/* << ----------------// Header //---------------->> */
#header {
margin:0;
margin-bottom:17px;
padding:0px;
width:765px;
height:80px;
position:relative;
}

#header h1 a {
 text-indent:-9999em;
 background:url(images/BNL_logo_331x40.gif) no-repeat;
 height:40px;
 width:331px;
 position:absolute;
 left:22px;
 bottom:0;
}
#header h3 {text-indent:-9999em;}
#header span {color: #8e846b;font-size:1.5em;display:block;line-height:1.2em;}
#header p {margin:0;padding:0;position:absolute;right:17px;bottom:0;text-align:right;color: #b3aa99;font-size:1.15em;}
#header p.info a {font-size: .85em;}

/* << ----------------// Horizontal navigation //---------------->> */
#navHorizontal {
margin:0;
margin-bottom:30px;
padding:0;
width:775;
height:30px;
line-height:30px;
background-color:#b3aa99;
font-size:1.10em;
}

#navHorizontal ul {
margin:0 0 0 67px;
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 4px 0px 6px;
color:#fff;
text-decoration:none;
border-right:1px solid #fff;
}

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

#navHorizontal ul li a:hover, #navHorizontal ul li a:active,
#home #navH_home a,
#doctors #navH_doctors a,
#services #navH_services a,
#invis #navH_invis a,
#zoom #navH_zoom a,
#gallery #navH_gallery a,
#faqs #navH_faqs a,
#appointment #navH_appointment a,
#contact #navH_contact a{
color:#585939;
}

/* << ----------------// Left column - unused //---------------->> */
#columnOne {
float:left;
margin:0;
padding:0 5px 10px 5px;
width:190px;
background-color:#cccccc;
}

#columnOne p, #columnThree p, #columnOne ul li, #columnOne ol li, #columnThree ul li, #columnThree ol li {
font-size:13px;
}

#columnOne h2, #columnThree h2 {
font-size:16px;
}

/* << ----------------// Vertical navigation //---------------->> */
#navVertical {
margin:0 -5px 0 -5px;
padding:0;
width:200px;
background-color:#454545;
}

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

#navVertical ul li {
margin:0 0 0 -5px;
padding:0;
list-style:none;
border-bottom:1px solid #999999;
}

#navVertical ul li a:link, #navVertical ul li a:visited {
padding:5px 8px 5px 8px;
color:#eeeeee;
text-decoration:none;
display:block;
}

#navVertical ul li a:hover, #navVertical ul li a:active {
color:#454545;
text-decoration:none;
background-color:#eeeeee;
}

/* << ----------------// Middle column //---------------->> */
#columnTwo {
float:left;
margin:0;
padding:0 15px 10px 59px;
width:320px;

}

/* << ----------------// Right column //---------------->> */
#columnThree {
float:left;
margin:0;
padding:0 0px 0px 0px;
width:381px;

}

/* << ----------------// Footer //---------------->> */
#footer {
margin:0;
padding:25px 5px 25px 10px;
width:750px;
height:20px;
text-align:center;
clear:both;
color: #8e846b;
}

#footer p span {color:#585939;}



#footer a:link, #footer a:visited {
color:#999999;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#ffffff;
text-decoration:underline;
}

/* << ----------------// Form //---------------->> */
label {display:block;margin-top:20px;}
.frm_button {margin-top: 20px;}
form span {display:block;font-size:.8em;}
body#services h4 a, body#faqs h4 a {text-transform:capitalize;}

/* << ----------------// Single Pages //---------------->> */
body#services #columnThree, body#faqs #columnThree {display:none;}
body#services #columnTwo, body#faqs #columnTwo {width:661px;}

body#gallery #columnTwo {width:440px;}
body#gallery #columnThree {width:261px;}
body#gallery #gallery_main {width:100%; text-align:right;margin: 30px 0 30px 0px;}
body#gallery #gallery_nav {margin: 20px 0 0 60px;text-align:center;}
body#gallery #gallery_nav .middle {margin: 0 34px 5px 34px;}
body#gallery #desc {display:none;}
/* << ----------------// 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 */
