body {font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; margin: 0; padding: 0;}

@media (min-width: 801px) {.desk {display: inline !important;}}
@media (max-width: 800px) and (min-width: 603px) {.tab {display: inline !important;}}
@media (max-width: 602px) and (min-width: 400px) {.phab {display: inline !important;}}
@media (max-width: 399px) and (min-width: 321px) {.phone {display: inline !important;}}
@media (max-width: 320px) {.phonesm {display: inline !important;}}

.desk, .tab, .phab, .phone, .phonesm, #width {position:fixed; top: 0; z-index: 20; padding: 0 3px; font-size: 11px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; background-color: #FF0;}
.desk, .tab, .phab, .phone, .phonesm {left: 32px; display: none;}
#width {left: 0px;}

a, a:visited, a:hover {text-decoration: none; outline: none;} img {border: 0;}

.phlink {color: inherit !important; text-decoration: none !important; white-space: nowrap;} .phlink:hover {cursor: text;}
a:focus-visible {outline: 2px solid var(--focus, #66AFE9); outline-offset: 2px;}
.ham, .ham * {-webkit-touch-callout: none; -webkit-user-select: none; user-select: none; touch-action: manipulation;}

/*-----------------------------------------------*/

/*DESKTOP WIDTH & SHADOW*/

@media (min-width: 939px) {
#bodyshad {box-shadow: 0px 5px 10px 1px #111;}

body {
background: #cb0000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 20%, #cb0000 80%, #cb0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 20%,#cb0000 80%,#cb0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 20%,#cb0000 80%,#cb0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cb0000',GradientType=0 ); /* IE6-9 */
}
}

/*-----------------------------------------------*/


/*HEADER*/

#social {text-align: right; z-index: 20; position: absolute;}
#logowrap {padding-top: 3px; margin: auto; position: relative; text-align: center; width: 100%;}
#logo img {width: 95%; max-width: 250px;}
#phone a {text-decoration: none;}
#phone {font-size: 38px; line-height: 40px; font-weight: 600;}
#address {font-size: 22px; line-height: 26px;}
#lic {font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; margin-bottom: 3px;}

@media (min-width: 956px) {#social {right: 0px;}}
@media (min-width: 541px) and (max-width: 955px) {#logowrap {margin-left: 0px;} #phone, #address, #social {right: 12px;}}
@media (min-width: 541px) {
#logowrap {width: auto; text-align: left; margin-left: -8px;}
#phone, #address {top: 0; right: 0; position: absolute; text-align: right;} #phone {margin-top: 7px;}
#address {margin-top: 60px;} #address span {display: block;}
#social {margin-top: -28px; height: 24px; width: 87px; background:url('../fb.gif'); background-size: 87px 24px;}
}

@media (max-width: 540px) {
#phone, #address {position: relative; right: 0 !important; text-align: center;}
#phone {margin: 0 auto 15px auto; font-size: 38px; line-height: 40px; font-weight: 600;}
#address {margin: 0px auto 10px auto; font-size: 22px; line-height: 26px;}
#social {top: 10px; right: 10px; height: 22px; width: 22px; background-size: 22px 22px; background:url('../fb-sm.gif');}
}
@media (max-width: 410px) {#address span {display: block;}}
@media (max-width: 360px) {#logo img {max-width: 220px;}}
@media (max-width: 320px) {#social {top: 5px; right: 5px; height: 20px; width: 20px; background-size: 20px 20px !important; background:url('../fb-sm.gif')}}
@media (max-width: 280px) {#phone {font-size: 34px; line-height: 36px;}}

/*-----------------------------------------------*/

/*MENU*/

#nav, #nav a {-webkit-tap-highlight-color:transparent;}
#nav a:hover {background: none; /*prevents grey background in IE*/}

#nav {text-align: center; position: relative;}
#nav ul {margin: 0; padding: 0;} #nav li {list-style:none;}
#nav li a {display: table-cell; padding: 0; vertical-align: middle; font-size: 19px; line-height: 22px; font-weight: 400;}

@media (min-width: 415px) {	
#nav.nav-ph {display: none;}
#nav, #nav li a {height: 50px; padding-bottom: 3px;}
#nav ul {padding-bottom: 1px;}
#nav li {display: inline-block; vertical-align: middle; margin-left: -3px;}
#nav li a {padding: 1px 15px 2px 15px;}
}

@media (max-width: 414px) {
#nav.nav-dsk {display: none;} #nav {height: 100px;}
#nav ul {width: 50%; margin-top: 0px; position: absolute; vertical-align: middle;}
#nav li a {height: 47px; padding: 0 10px 2px 10px; width: 1%;}
#nav .col2 {left: 50%;}
}


/*-----------------------------------------------*/

/*TOP SLIDER*/

.slider_container {background-color: #FFF; position: relative; width: 100%; z-index: 0;}

.topslides_nav {position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; margin-top: -45px; opacity: 0.8; z-index: 3; text-indent: -9999px; height: 61px; width: 25px; background: transparent url("../images/toppics/nav.gif") no-repeat left top;}
.topslides_nav:hover {opacity: 1.0;}
.topslides_nav.next {left: auto; background-position: right top; right: 0;}

@media (max-width: 399px) {.topslides_nav {display: none;}}

.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}

/*-----------------------------------------------*/

/*BODY AREA*/

#bodyback, #bodyarea {position: relative;}
#bodytext {padding: 15px 15px 25px 15px;} #bodytext, h1 {font-size: 19px; line-height: 26px; font-weight: 400;}

@media (min-width: 939px) {
#bodyback {margin: 0px auto auto auto; padding: 0; max-width: 920px;} #bodyarea {top: 0px; padding: 12px 12px 0 12px;}
}

#bodyhead {font-size: 28px; line-height: 29px; font-weight: 600; text-align: center;}
@media (max-width: 602px) {#bodyhead span {display: block;}}


/*-----------------------------------------------*/

/*FB FEED*/

#fbfeed-dsk, #fbfeed-ph {overflow: hidden;}

@media (min-width: 801px) {#fbfeed-dsk {width: 280px; margin: 5px 0 25px 10px;}}
@media (max-width: 800px) and (min-width: 703px) {#fbfeed-dsk {width: 35%; margin: 5px 0 15px 8px}}
@media (min-width: 703px) {#fbfeed-ph {display: none;} #fbfeed-dsk {float: right; height: 550px;}}
@media (max-width: 702px) {
#fbfeed-dsk {display: none; visibility: hidden;}
#fbfeed-ph {height: 340px; padding: 0; margin: 25px auto auto auto; overflow: hidden; left: 0; right: 0;width: 95%; max-width: 320px;}
}

/*-----------------------------------------------*/

/*Photo Album*/

#pics {text-align: center;} #pics th {width: 3%;} #pics td {vertical-align: top;}
#pics img {border: 1px solid #777; width: 100%; max-width: 400px;}
#pics p {margin: 0 0 20px 0; font-size: 15px; line-height: 19px;}
#pics img.tall {width: 73%;}

@media (min-width: 603px) {#pics td {width: 50%;}}
@media (max-width: 602px) {#pics img {width: 100%;} #pics td, #pics th {display: block;}}

/*-----------------------------------------------*/

/*BOTTOM AREA*/

#bottomarea {font-size: 12px; line-height: 19px; padding-bottom: 15px; text-align: center; font-family: Arial, Helvetica, sans-serif;}
.bottomtext, .web {padding: 0 20px;}
#btm_menu {padding: 6px; margin-bottom: 7px; font-family: Arial, Helvetica, sans-serif !important; font-size: 16px; line-height: 20px;}
#btm_menu div {display: inline;}
#btm_menu a {text-decoration: none;}
#btm_menu a:hover {text-decoration: underline;}
#btm_menu span {padding: 0 5px;}
#btm_menu span.nxtline {padding: 0;}
.btm_menu-svcs {display: block !important;}

@media (min-width: 939px) {#bottomarea {margin-left: -12px; width: 920px;} #btm_menu {padding: 5px 0;}}
@media (min-width: 651px) {#btm_menu {line-height: 23px;}}
@media (max-width: 938px) {#bottomarea {margin-left: 0px; width: 100% !important;}}

@media (max-width: 938px) and (min-width: 651px) {#btm_menu {padding-bottom: 5px;}}

@media (max-width: 335px) {#btm_menu a {display: block; text-transform: uppercase; margin: 5px 0;} #btm_menu span {display: none;}}

.pay {width: 95%; max-width: 245px;} .tb {white-space: nowrap;}


/*====================================================*/

/*COLORS*/

#bodyarea {background-color: #FFF;}
#bodytext {background-color: #f4ecc8;
background: -moz-linear-gradient(-45deg,  #e6d79b 5%, #f4ecc8 20%, #ffffff 50%, #f4ecc8 80%, #e6d79b 95%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #e6d79b 5%,#f4ecc8 20%,#ffffff 50%,#f4ecc8 80%,#e6d79b 95%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #e6d79b 5%,#f4ecc8 20%,#ffffff 50%,#f4ecc8 80%,#e6d79b 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ecc8', endColorstr='#f4ecc8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

body {background-color: #000;}
body, .submit_test, #response .success, .cont, .cont a, .testsubmit {color: #222;}
a, a:visited, a:hover {color: #217e95;}
#address {color: #FFF;} #phone, #phone a {color: #E5B645;}
#quote {color: #555;} .logotext {color: #BE2226;}
.tb {color: #ffcf5b !important; font-style: italic;}
#bodyhead {color: #D50000;}

#nav, #nav ul {background-color: #CB0000;} #nav a {color: #FFF;}
#nav a.selected {background-color: #d19219; color: #000;}
#nav a.selected:hover {background-color: #d19219 !important;}
#nav a:hover {background-color: #d19219 !important;} /*#3B5591*/

#nav .col1 a {border-left: none !important;}

@media (max-width: 415px) {#nav a {border-left: 1px solid #000;} #nav li a {border-bottom: 1px solid #000;}}

#rightbox, #fbfeed-dsk, #fbfeed-ph {background-color: #FFF; border: 1px solid #BBB;}

#bottomarea, #bottomarea a, #btm_menu a {color: #FFF;}
#btm_menu {color: #BBB; background-color:#444;} #bottomarea {background-color: #222;}