html, body {overflow-x: hidden; height:100%;}

body {font-family: "Noto Sans", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; 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; color: #000;}
.desk, .tab, .phab, .phone, .phonesm {left: 32px; display: none;}
#width {left: 0px; color: #000;}


a, a:visited, a:hover {text-decoration: none; outline: none;}
img {border: 0;}
hr {height: 1px; border: 0px; color: #BBB; background-color: #BBB; margin: 15px 0;}
.emp {font-weight: 700; font-size: 17px;}


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

/*WEBSITE DESKTOP SHADOW & BORDER

@media (min-width: 901px) {
#toppic img {box-shadow: 0 22px 30px 10px #000; -webkit-box-shadow: 0 22px 30px 10px #000; behavior: url(csspie/PIE.htc);}
#nav {box-shadow: 0 6px 26px 10px #000; -webkit-box-shadow: 0 6px 26px 10px #000; behavior: url(csspie/PIE.htc);}
}*/

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

/*HEADER*/
#header {width: 100%;}
#social {text-align: right; z-index: 20; position: absolute;}
#logo {padding: 8px 0 5px 0;}
#logotext {font-weight: 700;}
#phone {text-align: center; font-size: 30px; line-height: 36px; font-weight: 700;}
#phone a {text-decoration: none;}
#phone span {font-weight: 400; font-size: 24px;}
#quote {font-size: 22px; font-weight: 700; text-align: center; position: absolute;}

@media (min-width: 801px) {
/*#logo img {width: 300px;}*/
#phone {top: 10px; right: 0px; font-size: 31px !important; text-align: right !important; position: absolute;}
#phone div {margin-top: -3px;}
.logotext {left: 70px; top: 5px;}
#social {top: 120px; right: 0;}
#quote {margin: 30px 0 0 41%; line-height: 25px;}
#quote span {display: block;}
}

@media (max-width: 920px) and (min-width: 621px) {
#logo {padding-left: 8px;}
#phone {padding-right: 10px;}
}

@media (max-width: 800px) {
#logo {padding-top: 5px;}
#quote {margin: 24px 0 0 38%; font-size: 20px; line-height: 24px;}
#quote span {display: block;}
#social {right: 5px;}
}
	
@media (max-width: 800px) and (min-width: 621px) {
#logo img {width: 350px;}
#phone {top: 8px; right: 5px; font-size: 30px !important; line-height: 34px; text-align: right !important; position: absolute;}
#social {top: 120px !important; right: 5px !important;}
}

@media (max-width: 680px) {#logo img {width: 300px;}}

@media (max-width: 750px) {#quote {display: none;}}

@media (max-width: 620px) {
#logo {text-align: center; padding: 5px 0 0 0;}
#logo img {width: 95%; max-width: 350px;}
.logotext {font-size: 26px; line-height: 30px;}
#phone {text-align: center; margin: 5px auto 10px auto; right: 0 !important;}
#social {margin-top: -60px; width: 30px;/*height: 22px; width: 22px; background:url('../fb.gif'); background-size: 22px 22px;*/}
}

@media (max-width: 380px) {#phone {font-size: 26px !important; line-height: 32px;}}


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


/*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 li {list-style:none; /*even widths alt: width: 130px;*/}
#nav ul {margin: 0; padding: 0;}
#nav ul a {display: table-cell; padding: 0; vertical-align: middle; font-size: 18px; line-height: 22px; font-weight: 400; /*even widths alt: width: 130px;*/}

@media (min-width: 755px) {	
#nav.nav-ph, #nav.nav-phab {display: none;}
#nav, #nav ul a {height: 50px; padding-bottom: 3px;}
#nav ul {padding-bottom: 1px;}
#nav ul a {padding: 1px 20px 2px 20px;}
#nav li {display: inline-block; vertical-align: middle; margin-left: -3px;}
#nav.nav-desk-alt a:hover {text-decoration: underline;}
#nav a.selected {text-decoration: underline; font-weight: 700;}
}

@media (max-width: 850px) and (min-width: 755px) {	
#nav ul a {font-size: 16px; padding: 1px 15px 2px 15px;}
}

@media (max-width: 815px) and (min-width: 755px) {#nav span {display: block;}}

/*Phablet & Phone*/
@media (max-width: 754px) {
#nav ul {position: absolute; vertical-align: middle;}
#nav ul a {height: 55px; width: 1%;}	
}

/*Phablet*/
@media (max-width: 754px) and (min-width: 541px) {
#nav {height: 112px;}
#nav.nav-dsk, #nav.nav-ph {display: none;}
#nav li {line-height: 22px;}
#nav li a {padding: 0 10px;}
#nav .col1, #nav .col1 li a {height: 111px;}
#nav .col1 a {border-left: none !important;}

#nav.odd7 ul {width: 28%;}
#nav.odd7 .col1 {width: 16% !important;}
#nav.odd7 .col2 {left: 16%;}
#nav.odd7 .col3 {left: 44%;}
#nav.odd7 .col4 {left: 72%;}
}

/*Phone*/
@media (max-width: 540px) {
#nav.nav-dsk, #nav.nav-phab {display: none;}
#nav.odd7 {height: 188px;}
#nav ul {width: 50%; margin-top: 38px;}
#nav ul a {height: 47px; padding: 0 10px 2px 10px;}
#nav .col1 {margin-top: 0;}
#nav.odd7 .col1 {width: 100%;}
#nav.odd7 .col1 a {height: 35px;}
#nav .col3 {left: 50%;}
}

@media (max-width: 315px) {#nav span {display: block;}}
@media (max-width: 300px) {#nav ul a {font-size: 17px; line-height: 21px;}}
@media (max-width: 280px) {#nav ul a {font-size: 15px; line-height: 19px;}}


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

/*TOP PIC (not slider)*/

#toppic {margin: 0; padding: 0;}
#toppic img {width: 100%;}

@media (min-width: 901px) {#toppic {height: 350px; width: 880px;}}


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


/*BODY AREA*/

#bodyback, #bodyarea {position: relative;}
#bodyarea {padding: 0px 15px 0 15px;}
#bodytext {padding-top: 15px; padding-bottom: 25px;}
#bodytext, h1, h2 {font-size: 16px !important; font-weight: 400 !important;}

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

#bodyhead {font-size: 24px; line-height: 28px; font-weight: 700; text-align: center;}
#bodyhead2 {font-size: 18px; font-weight: 700; text-align: center;}

@media (max-width: 399px) {#bodytext {text-align: center;}}


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


/*RIGHT BOX

#rightbox {padding: 8px 5px; height: 100%;}
.rbhead {text-align: center; font-weight: 700;}
#rightbox ul {margin-bottom: 0; text-align: left;}
#rightbox li {font-size: 14px; line-height: 19px; padding-bottom: 5px; margin-left: -18px;}

@media (min-width: 801px) {.rb-dsk {width: 240px; padding-top: 10px; margin: 10px 0 30px 15px;}}

@media (max-width: 800px) and (min-width: 603px) {.rb-dsk {width: 30%; margin: 10px 0 15px 8px;}}

@media (min-width: 603px) {
.rb-ph {display: none; visibility: hidden;}
.rb-dsk {float: right;}
}

@media (max-width: 602px) {
.rb-dsk {display: none; visibility: hidden;}
.rb-ph {padding: 0; margin: 5px auto 15px auto;; left: 0; right: 0; width: 95%; max-width: 320px;}
}
*/

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

/*Page Pics*/

.pic1 {float: left; margin: 5px 20px 5px 0;}
.pic2 {float: right; margin: 5px 0 5px 20px;}
.pic1 img, .pic2 img {width: 100%; max-width: 350px; border: 1px solid #777;}

/*Overflow hidden prevents text from wrapping under floated image,
and "p" stops wrapping in mid-paragraph*/
.imagewrap, .imagewrap2 p {overflow: hidden; margin: -10px 0;}
@media (max-width: 770px) {
.imagewrap {overflow: visible;}
.imagewrap p {overflow: hidden !important;}
.imagewrap2 p {overflow: visible !important;}
.imagewrap, .imagewrap2 p {margin: 0 !important;}
}

@media (max-width: 800px) and (min-width: 603px) {
.pic1 {margin: 8px 20px 10px 0 !important;}
.pic2 {margin: 8px 0px 10px 20px !important;}
}

@media (max-width: 602px) {
.pic1, .pic2 {width: 100%; margin: 5px auto 10px auto; text-align: center;}
.pic1 img, .pic2 img {max-width: 450px;}
}


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

/*MISC*/

.svclist li {text-align: left;}
.svclist li {padding-bottom: 3px;}
@media (max-width: 460px) {.svclist li {margin-left: -22px;}}

.fullwidth {margin: 0 -9999rem; padding: 0 9999rem;}

.pay {margin: auto; text-align: center;}
.pay img {margin: 10px auto 20px auto; width: 100%; max-width: 200px;}


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

/*BOTTOM AREA*/

/*BOTTOM AREA*/

#bottomarea {font-size: 12px; line-height: 19px;padding-bottom: 8px; text-align: center; font-family: Arial, Helvetica, sans-serif; margin-left: -15px}
#btm_menu {padding: 5px 0; margin-bottom: 8px; font-size: 16px; line-height: 26px !important;}
#btm_menu div {display: inline;}
#btm_menu a {text-decoration: none;}
#btm_menu a:hover {text-decoration: underline;}
#btm_menu span {padding: 0 10px;}
.bottomtext {font-size: 12px;}
.web {display: inline;}
.rights {display: inline;}
.tb {font-style: italic;}

@media (min-width: 899px) {#bottomarea {width: 880px !important;}}
@media (max-width: 900px) {#bottomarea {width: 100%; position: absolute;}}


@media (max-width: 810px) {
#btm_menu div {display: block;}
#btm_menu .noline {display: none;}
}

@media (min-width: 561px) {.web {padding-left: 20px;}}

@media (max-width: 630px) {.web {display: block;}}

@media (max-width: 800px) {
.bottomtext {margin-top: 3px;}
}

@media (max-width: 480px) {
.bottomtext {display: none;}
#btm_menu a {display: block !important; text-transform: uppercase; line-height: 32px;}
#btm_menu span {display: none;}
}

@media (max-width: 360px) {.rights {display: block;}}
@media (max-width: 290px) {.tb {display: block;}}

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



/*COLORS*/

/*if wide border at top of page
#bodyback {border-top: 8px solid #FF0;}*/

/*#bodyback {background-color: #FFF;}
#bodyarea {background-color: #039;}
#bodytext {background-color: #063;}*/

#header {background-color: #C20102;}
body {background-color: #1A1A1A;}
#bodytext {background-color: #1A1A1A;}

/*#header {background-color:rgba(44,67,36,0.7);}
@media (min-width: 901px) {#header {box-shadow: 0 0 12px 10px rgba(44,67,36,0.85);}}*/


body, #response .success {color: #EEE;}
a, a:visited, a:hover {color: #fcaeb0;}
#phone, #phone a {color: #FFF;}
@media (max-width: 540px) {#phone, #phone a {color: #FFF;}}
#bodyhead {color: #FFF;}
#bodyhead2 {color: #999;}
.logotext {color: #302614;}
#quote {color: #FFF;}

#nav, #nav ul, #nav li {background-color: #555;}
#nav a {color: #FFF; border-left: 1px solid #999;}
#nav a.selected {background-color: #333; /*color: #C1E470;*/}
#nav a:hover {background-color: #777 !important;}
#nav a.selected:hover {background-color: #006781 !important;}
#nav.nav-desk-alt a:hover, #nav.nav-desk-alt a.selected, #nav.nav-desk-alt a.selected:hover {background: none !important;}
#nav.nav-desk-alt a {border: none !important;}
@media (max-width: 754px) {#nav ul a {border-bottom: 1px solid #999;}}
@media (max-width: 540px) {#nav {border-top: 1px solid #999;}}

/*#nav, #navwrap {background-color: #444;}
#nav a {color: #FFF;}
#nav a.selected, .tb {color: #FFF !important;}*/

#rightbox, #fbfeed-dsk, #fbfeed-ph {background-color: #BDE6FB; color: #000; /*border: 1px solid #BBB;*/}

#certs {color: #000 !important; background-color:#BBB; border-top: 1px solid #999;}
#certs a {color: #00F !important;}

#bottomarea, #bottomarea a, #btm_menu a {color: #FFF;}
#bottomwrap, #bottomarea {background-color: #333;}
#btm_menu {color: #FFF; background-color:#444; border-top: 1px solid #444;}