@import url('Global.css');
@import url('CMS.css');

*
{
margin: 0;
padding: 0;
font-size: 1.0em;
text-decoration: none;
font-weight: normal;
list-style: none;
outline: none;
border: none;
}

body 
{
background-color: #505e62;
font-family: Lucida Grande, Arial;
font-size: 10px;
color: #545454;
background-color: #171b2c;
background-color: #231F20;
}

/* MASTER PAGE
--------------------------------------------------------------------------------------------------------------*/

#wrapper
{
position: relative;
width: 949px;
margin: 0 auto;
background: #6D6B72 url(/Content/css/img/wrapper-background.gif) repeat-x left top;
}

#branding
{
position: relative;
float: left;
width: 949px;
height: 354px;
}

#banner
{
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 949px;
height: 354px;
overflow: hidden;
background-color: #27397B;
}

#branding #nav-site
{
position: relative;
z-index: 2;
float: right;
margin: 10px 27px 0 0 !important; margin-right: 15px;
}

#branding #nav-site li
{
float: left;
margin-left: 0;
list-style: none;
}

#nav-site a
{
padding: 0 15px;
border-left: solid 1px #fff;
font-family: Microsoft Sans Serif;
font-size: 13px;
text-decoration: none;
font-weight: normal;
color: #fff;
}

#nav-site a.main {border: none;}

#nav-site a:hover {color: #000;}

#branding #logo
{
position: relative;
z-index: 2;
float: left;
margin: 20px 0 0 27px;
}

#header
{
float: left;
width: 895px;
padding: 9px 27px 9px 27px; 
background-color: #27397B;
}

#header h1
{
float: left;
width: 365px;
height: 17px;
margin: 2px 0 0 0;
background: url(/Content/css/img/boca-raton-orthapedic-group.png) no-repeat left top;
line-height: 17px;
text-indent: -9999px;
}

#header p
{
float: right;
margin-bottom: 0;
font-size: 13px;
color: #fff;
}

#nav-main
{
float: left;
width: 238px;
padding: 35px 0;
border-right: solid 1px #95999d;
}

ul#MeetDoctorsNav, ul#ServicesNav /*fix for Accordion JS weirdness */
{
height: 56px !important;
overflow: hidden;
}
ul#FormsNav {height: 112px;}

#nav-main li
{
margin-left: 0;
list-style: none;
font-size: 14px;
text-transform: uppercase;
}

#nav-main li a
{
display: block;
width: 238px;
height: 28px;
line-height: 28px;
text-indent: 36px;
text-decoration: none;
font-weight: normal;
color: #fff;
}

#nav-main li ul
{
margin-bottom: 0;
}

#nav-main li ul li a
{
font-size: 0.9em;
text-indent: 46px;
text-transform: none;
}

#nav-main li a:hover
{
background: url(/Content/css/img/nav-main-hover.png) no-repeat left top;
}

#nav-main li a.current
{
background: url(/Content/css/img/nav-main-hover.png) no-repeat left top;
color: #000;
}

#navigation.ui-accordion li ul li
{
float: left;
height: auto;
}

#content
{
float: left;
width: 630px;
min-height: 350px;
padding: 30px 30px 30px 50px;
background-color: #fff;
}

#footer
{
clear: both;
width: 690px;
padding: 10px 20px 5px 0px;
border-top: solid 1px #BFBFBF;
margin-left: 239px;
background-color: #f4f4f4;
text-align: right;
}
#footer p
{
font-size: 11px;
margin-bottom: 0;
}

/* PAGES
--------------------------------------------------------------------------------------------------------------*/

/* Contact Forms
---------------------------------------------------------*/
.contact-form
{
float: right;
width: 277px;
margin: 0 0 20px 20px;
padding: 15px;
background-color: #E0E4E7;
}

.contact-form label
{
clear: left;
float: left;
width: 115px;
margin: 3px 5px 10px 0;
font-size: 12px;
text-align: right;
}

label.long {width: 100%; text-align: left;}

.contact-form input, .contact-form textarea, .contact-form select
{
float: left;
padding: 2px;
margin-bottom: 5px;
border-top: solid 1px #999;
border-left: solid 1px #999;
border-bottom: solid 1px #bec7ce;
border-right: solid 1px #bec7ce;
font-size: 12px;
}

.contact-form input
{
width: 150px;
}

.contact-form textarea
{
width: 270px;
height: 150px;
}

select#LocationDoc {width: 100%;}

.contact-form .btn
{
float: right;
width: 82px;
height: 23px;
margin: 10px 0 0 0;
background: url(img/btn-send.gif) no-repeat right top;
border: none;
text-indent: -9999px;
}

.contact-form .btn:hover {background-image: url(/Content/css/img/btn-send-hover.gif);}

.map
{
clear: left;
float: left;
padding: 2px;
margin: 0 10px 5px 0;
border: solid 1px #D1D9DF;
}

#contact-info
{
float: left;
}

#contact-policies
{
clear: left;
margin-top: 20px;
}