/*---------------------------------------*
|   Surgical Advanced Specialty Center   |
|     Copyright. All Rights Reserved     |
*----------------------------------------*/

/*--- OVERALL STYLES -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, 
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, 
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio, video 
{margin:0; padding:0; border:0; vertical-align:baseline;}

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, 
video, object 
{display: block;}

a {cursor:pointer; text-decoration:none;}
a:hover {text-decoration:none;}
a img {border:none;}

/*COPY ALL HEADER STYLES INTO h1, h2, h3, h4 classes for CMS use*/
h1 {color:#dbb258; font-size:30px; margin-bottom:20px;}
h2 {color:#dbb258; font-size:22px;}
h3 {color:#dbb258; font-size:18px;}
h4 {color:#f3d593; font-size:14px;}
.header-line {border-bottom:2px solid #290a02; padding-bottom:12px;}

* {margin:0; padding:0;}

#content-right ul li ul {margin-left:15px;}

/*ul, li {list-style:none outside none;}*/

/*---CLASSES---*/
.left {float:left;}
.right {float:right;}
.clear {clear:both; overflow-x:hidden; overflow-y:hidden; height:0; width:100%; margin:0; padding:0;}
.msg_head {cursor:pointer;}
.msg_head h3:hover {color:#eaa630;}
/*-------------*/

body {border-top:3px solid #846863 !important; background:url(../images/bg.jpg) repeat-x top left #4d1202 !important; font-family:Arial, Helvetica, Verdana, Serif !important;}
.container {width:994px;}

/*--- HEADER -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header {background:url(../images/header_bg.png) no-repeat top center; color:#fff; text-shadow:1px 1px 0 #000; border-bottom:1px solid #f0e5c9; padding-top:15px;}
#header #logo {float:left; margin-left:10px;}
#header-contact {float:right; text-align:right; margin-right:17px; margin-top:16px;}
#header-contact h2 {font-size:14px; color:#fff;}
#header-contact h2 span {color:#f1d59a; font-family:Oswald, Helvetica, Arial, Serif; font-size:40px; text-shadow:2px 2px 0 #000; font-weight:normal;}
#header-contact h2 span a {color:#f1d59a; font-family:Oswald, Helvetica, Arial, Serif; font-size:40px; text-shadow:2px 2px 0 #000; font-weight:normal;}
#header-contact h2 span a:hover {color:#f1d59a; font-family:Oswald, Helvetica, Arial, Serif; font-size:40px; text-shadow:2px 2px 0 #000; font-weight:normal;}

/*--- MENU ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#menu {background:url(../images/menu_bg.jpg) repeat-x top left #6a1107 !important; color:#fff; text-shadow:1px 1px 0 #000; font-size:16px; height:48px; overflow:hidden; position:relative; z-index:999;}
#menu ul {list-style:none; margin-left:6px;}
#menu li {float:left; /*width:142px; background:url(../images/menu-spacer.png) no-repeat bottom;*/}
#menu a {background:url(../images/spacer-left.png) no-repeat left !important; color:#fff; display:inline-block; line-height:44px; padding-left:25px; height:48px;}
#menu a:hover {color:#000; text-shadow:none; background:url(../images/menu-tab-left.jpg) top left no-repeat #ddd !important;}
#menu a span {background:url(../images/spacer-right.png) no-repeat right !important; line-height:44px; height:48px; display:block; padding-right:25px; padding-top:3px;}
#menu a:hover span {background:url(../images/menu-tab-right.jpg) top right no-repeat !important;}
#menu .navselected {color:#555; text-shadow:none; background:url(../images/menu-selected-left.jpg) top left no-repeat #fff !important; padding-left:25px;}
#menu .navselected span {background:url(../images/menu-selected-right.jpg) no-repeat #fff top right !important; padding-right:25px; line-height:44px; height:48px; display:block;}

/*--- GALLERY ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#gallery {width:100%; background:url(../images/gallery_bg.jpg) repeat-x top left #f2cc76 !important; height:292px; overflow:hidden;}
#gallery-layer {height:100%; background:url(../images/gallery_top_bg.png) no-repeat top center !important;}
#gallery-int {height:206px; background:url(../images/gallery_bg.jpg) repeat-x top left #f2cc76 !important; overflow:hidden; width:100%;}

#gallery-replace {background:url(../images/gallery-replace.png) no-repeat top left; width:998px; height:292px;}

/*--- CONTENT ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#content {width:100%; background:url(../images/content_bg.jpg) repeat-x top left !important; color:#fff; text-shadow:1px 1px 0 #000; font-family:Arial, Helvetica, Verdana, Tahoma;
          font-size:14px; line-height:24px; padding-bottom:122px;}
#content a {color:#c88614; text-decoration:underline;}
#content a:hover {color:#bc270e; text-decoration:none;}
          
    /*--- Content Left Area ---*/
#content-left {float:left; position:relative; z-index:200; bottom:18px; width:331px; background:url(../images/content-left_bg.jpg) no-repeat top #4d1202; margin-right:17px;}
#content-left .padding {padding:14px 21px 0 21px; text-align:left;}
#sidenav-buttons {margin-bottom:14px;}
#contact-us-button, #patient-forms-button {width:288px; display:block; height:88px; margin-bottom:8px; overflow:hidden;}
#contact-us-button {background:url(../images/contact-us_button.jpg) no-repeat;}
#patient-forms-button {background:url(../images/patient-forms_button.jpg) no-repeat;}
#finances-button {background:url(../images/finances_button.jpg) no-repeat; width:288px; display:block; height:88px; overflow:hidden;}
#contact-us-button:hover, #patient-forms-button:hover, #finances-button:hover {background-position:-288px;}

#testimonials {background:#491102;}
#testimonials h1 {background:#3c1004; height:38px; line-height:38px; border-bottom:1px solid #581c0c; padding-left:18px; margin-bottom:1px;}
#testimonials p {padding:18px;}
        /*--- Flash Buttons ---*/
        #flash-buttons {margin-bottom:21px;}
        #flash-buttons div {/*temporary-bg*/background:#111; height:88px; width:288px; margin-bottom:7px;}


    /*--- Content Right Area ---*/
#content-right {float:left; width:646px; background:url(../images/content-right_bg.jpg) no-repeat top left #4d1202; margin-top:25px;}
#content-right .padding {padding:30px 40px 0 40px; text-align:left;}

#content-right .staff-section {margin-bottom:23px;}
#content-right .staff-section img {float:left; margin-right:23px;}
#content-right .staff-section div {width:380px;}

#location-map {}


/*--- FOOTER -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer {text-shadow:1px 1px 0 #000;}
#footer-top {width:100%; height:43px; line-height:43px; border-top:1px solid #5e1b0a; border-bottom:1px solid #2e0f07; 
             background:url(../images/footer-top_bg.jpg) repeat-x top left #380b02 !important; font-size:12px; color:#ab9592; font-family:Verdana, Arial, Helvetica, Tahoma;}
#footer-top #copyright {float:left;}
#footer-top #footer-menu {list-style:none outside none; float:right;}
#footer-top #footer-menu li {float:left; padding:0 8px;}
#footer-top #footer-menu li a {color:#c88614; -webkit-transition-duration:.12s,.12s,.12s;}
#footer-top #footer-menu li a:hover {color:#bc270e;}             

#footer-main {width:100%; background:url(../images/footer-main_bg.jpg) repeat-x top left #1e0c07 !important; 
              border-bottom:1px solid #000; border-top:1px solid #000; color:#ccc8b0; font-size:13px;}

#footer-contact {background:url(../images/footer-contact_bg.png) no-repeat top right; float:left;}
#footer-contact .padding {padding:23px 39px 29px 0;text-align:left; line-height:22px; margin-left:21px;}
#footer-contact a {color:#c88614; -webkit-transition-duration:.12s,.12s,.12s;}
#footer-contact a:hover {color:#bc270e; text-decoration:underline;}

#footer-logo .padding {padding:45px 0 0 0;}

#footer-divider {width:100%; background:#100301; height:9px; border-bottom:1px solid #1f1310;}

#footer-bottom {width:100%; background:#000; font-family:Verdana, Arial, Helvetica, Tahoma; font-size:10px; height:37px; line-height:37px; border-bottom:1px solid #111;}
#footer-bottom .container {text-align:center;}
#footer-bottom a {color:#454545; -webkit-transition-duration:.1s,.2s,.1s;}
#footer-bottom a:hover {color:#bc270e;}

#w3 img {position:relative; top:2px;}