/*resets*/
h1,
h2,
h3,
h4 { margin: 0 0 30px; color: #000; font-family: Arial, Helvetica, sans-serif; /*text-transform: uppercase;*/ }
h1 { font-size: 28px; }
h2 { font-size: 25px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
img { border: none; }
p,
ul { margin: 0 0 10px; }
a { color: #900 !important; text-decoration: none; }
a:hover { color: #000 !important; text-decoration: underline !important; }
table { margin-bottom: 25px; }
table td,
table th { padding: 5px; /*border: 1px solid #000;*/ }
table th { font-size: 12px; }
table td { font-size: 11px; vertical-align: top; }
.clear { clear: both; }
.display_none { display: none; }
input { font-family: Arial, Helvetica, sans-serif; }
input[type="submit"] { border: none; cursor: pointer; }
hr { color: #000; }
.image { padding: 5px; margin: 5px; border: 3px solid #000; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px !important; color: #000 !important; margin: 0; padding: 0; min-width:320px; }
/*==================================== layout =======================================*/

.wrapper { width: 984px; margin: auto; }
#header,
#mainnav,
#banner,
#content,
#footer { width: 100%; height: auto; float: left; }
#header,
#header .wrapper { background: url(/slices/bg_header.jpg) repeat-x center top; min-height: 159px; }

#header .phnum { float:right; margin-top:15px; font-size:16px; font-weight:bold; color:#FFF; }
#header .phnum a { color: #fff !important; }
#header .phnum a:hover { text-decoration: none !important; }

#mainnav,
#mainnav .wrapper { background: url(/slices/bg_mainnav.jpg) repeat-x center top; min-height: 54px; }
#banner,
#banner .wrapper { background: url(/slices/bg_banner.jpg) no-repeat center top; min-height: 555px; }
#content { background: url(/slices/bg_content.png) center bottom repeat-x; min-width: 984px; }
#content,
#content .wrapper { padding-bottom: 5px; position: relative; }
/*#footer { margin-top: -12px; }*/
#footer { background: url(/slices/bg_footer.jpg); min-width: 984px; }
#footer,
#footer .wrapper { font-size: 11px; font-weight: bold; }
#footer .wrapper { min-height: 38px; padding: 15px 0; }
#mainnav ul,
#footer ul { padding: 0; margin: 0; list-style: none; }
#mainnav ul li,
#footer ul li { display: inline-block; }
/*==================================== header =======================================*/

a#logo { width: 204px; height: 130px; float: left; margin-top: 28px; margin-left: 15px; background: url(/slices/logo.png) no-repeat; }
#logo_container { width: 300px; height: 159px; background: url(/slices/bg_logo.jpg) no-repeat; float: left; }
#mainnav ul li { line-height: 42px; float: left; font-size: 16px; font-weight: bold; text-transform: uppercase; padding-right: 2px; background: url(/slices/li_image.jpg) right no-repeat; }
#mainnav ul li a { padding: 11px 45px; color: #fff !important; text-decoration: none !important; }
#mainnav ul li a:hover { background: url(/slices/li_hover.png); }
#mainnav ul { float: left; background: url(/slices/li_image.jpg) left no-repeat; }
#sociallinks { float: right; width: 110px; margin-top: 8px; }
#sociallinks a { float: left; width: 26px; height: 26px; }
a.tw { background: url(/slices/sprite_socialicons.png) 0 -26px no-repeat; }
a.fb { margin-left: 14px; background: url(/slices/sprite_socialicons.png) -39px -26px no-repeat; }
a.rss { margin-left: 14px; background: url(/slices/sprite_socialicons.png) -79px -26px no-repeat; }
a.tw:hover { background: url(/slices/sprite_socialicons.png) 0 0 no-repeat; }
a.fb:hover { background: url(/slices/sprite_socialicons.png) -39px 0 no-repeat; }
a.rss:hover { margin-left: 14px; background: url(/slices/sprite_socialicons.png) -79px 0 no-repeat; }
/*==================================== banner =======================================*/

#banner { margin-top: 20px; margin-bottom: -75px; }
#slideshow { float: left; height: 349px; margin-top: 17px; padding: 0 19px; width: 945px; }
ul#slides { margin: 0; padding: 0; list-style: none; width: 945px; height: 349px; float: left; }
ul#slides li { width: 945px; height: 349px; float: left; display: none; }
#slideindicators { width: 133px; display: block; margin: auto; position: relative; z-index: 99; }
ul#slidesnav { background: url(/slices/bg_slidenav.png) no-repeat; float: left; height: 25px; list-style: none; margin: -10px 0 0; padding: 10px 0 0 20px; width: 113px; }
ul#slidesnav li { float: left; margin-left: 15px; }
ul#slidesnav li a { background: url(/slices/sprite_slideindicator.png) no-repeat -20px 0; float: left; height: 10px; width: 10px; }
ul#slidesnav li.activeSlide a,
ul#slidesnav li a:hover { background: url(/slices/sprite_slideindicator.png) no-repeat 0 0; }
/*==================================== content =======================================*/

#contentcol { width: 100%; float: left; background: url(/slices/bg_contentcol.jpg) no-repeat center bottom; min-height: 600px; }
#contentcol p { line-height: 20px; margin-bottom: 20px; }
.boxfull { width: 100%; float: left; height: auto; padding-bottom: 150px; }
.boxleft,
.boxright { width: 48%; float: left; height: auto; padding-bottom: 150px; }
.boxright { float: right; }
.services { width: 100%; margin-bottom: 20px; float: left; }
a.services_image { width: 181px; height: 170px; text-align: center; float: left; margin-right: 20px; padding-top: 11px; background: url(/slices/bg_image.png) no-repeat 0 -181px; }
a.services_image:hover { background: url(/slices/bg_image.png) no-repeat 0 0; }
/*==================================== footer =======================================*/

#footer p { color: #fff !important; line-height: 20px; margin: 0; }
#footer a { color: #fff !important; }
#footer a:hover { color: #e2ac6a !important; text-decoration: none !important; }
#footer ul { margin-bottom: 10px; }
#footer ul li { border-left: 1px solid #fff; margin-left: 10px; padding-left: 10px; display: inline; }
#footer ul li:first-child { border: none; margin: 0; padding: 0; }
/*==================================== websuite =======================================*/

.mceListBoxMenu,
.mceColorSplitMenu { position:fixed !important; top:51px !important; }
.mceContentBody p { margin-bottom: 25px; line-height: 24px; }
.mceContentBody a:hover { cursor: pointer; }
.mceToolbar a { color: #000 !important; }
#loc_main_content,
#loc_services_main_content { width: 100%; float: left; height: auto; }
#loc_main_content,
#loc_services_main_content { min-height: 150px; }


@media only screen and (max-width: 1080px) {
    .wrapper { width: 100%; }
    
    #logo_container { background: none; width: auto; height: auto; }
    .phnum { margin-right: 15px; }
    
    #slideshow { padding: 0; width: 100%; margin: 17px auto 0; }
    #slides { width: 100%!important; padding: 0; }
    #slides li { width: 100%!important; }
    
    #content { min-width: initial; }
    #content .boxfull { width: 96%; float: none; margin: 0 auto; }
    #content .boxleft,
    #content .boxright { padding: 1%; }
    
    #footer { min-width: initial; }
    
    #footer .wrapper {
        width: 98%;
        padding: 15px 5px;
    }
}

@media only screen and (max-width: 979px) {
    #content object { width: 100%; }
    #content table { width: 100%; }
    #content table td { width: 100%; display: inline-block; }
}

@media only screen and (max-width: 768px) {
    
}

@media only screen and (max-width: 620px) {
    #header .wrapper {
        text-align: center;
    }
    #header #logo_container { float: none; display: inline-block; width: 100%; }
    #header #logo_container a { margin: 28px auto 0; display: block; float: none; }
    #header .phnum { float: none; display: inline-block; margin: 5px 0; }
    
    #mainnav ul {
        float: none;
        text-align: center;
    }
    #mainnav ul li {
        float: none;
    }
    #mainnav ul li:first-child {
        background: url(/slices/li_image.jpg) left no-repeat, url(/slices/li_image.jpg) right no-repeat; 
    }
    #mainnav ul li a {
        padding: 10px;
    }
    
    #banner, #banner .wrapper {
        min-height: 490px;
    }
    
    #content object { height: auto; }
    #content img { width: 100%; height: auto; }
}

@media only screen and (max-width: 479px) {
    #content .boxleft,
    #content .boxright { width: 96%; float: none; margin: 0 auto; }
    
    #footer .wrapper {
        width: 92%;
        text-align: center;
    }
}