html, body {margin: 0; padding: 0;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;}

body {font-family: "Fira Sans", Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-variant-ligatures: none;}

#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;}
a, a:visited, a:hover {color: #2E3FE1;} a {text-decoration: none;}
a, .ham {-webkit-tap-highlight-color: transparent;} img {border: 0;}
.phlink {color: inherit !important; text-decoration: none !important; white-space: nowrap;} .phlink:hover {cursor: text;}

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

/*HEADER*/

#quote {font-style: italic;}
#logo img {width: 150px;}
#phone {text-align: center; width: 100%; font-weight: 500;}
#phone a {text-decoration: none;}
#lic {position: relative; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px;}

@media (max-width: 959px) {#lic {margin-right: 8px !important;} #logo {padding: 10px 0 0 10px;}}
	
@media (min-width: 411px) {
#quote {font-size: 22px; line-height: 28px; text-align: center; top: 0; margin: 26px auto 0 32%; position: absolute; width: 300px;}
#phone {top: 5px; right: 8px; font-size: 32px; line-height: 37px; text-align: right !important; position: absolute;}
#lic {margin: -24px 0px 3px 0; text-align: right;}
}

@media (max-width: 875px) {#quote {margin: 28px auto 0 30%;}}
@media (max-width: 775px) {#quote {font-size: 20px; line-height: 26px; margin: 29px auto 0 28% !important; width: 270px;}}
@media (max-width: 690px) {#quote {font-size: 19px; line-height: 24px; margin: 22px auto 0 29% !important; width: 220px;}}
@media (max-width: 630px) {#quote {font-size: 17px; line-height: 21px; margin: 8px auto 0 33% !important; width: 140px;}}
@media (max-width: 550px) {#quote {display: none;}}

@media (max-width: 410px) {
#logo {top: 0px; text-align: center; width: 100%; margin: auto; position: relative; padding-left: 0;}
#logo img {padding-left: 0;}
#phone {margin-top: 10px; font-size: 30px; line-height: 36px;}
#lic {margin: 15px auto 4px auto; font-size: 11px; text-align: center; margin-right: 0px !important;}
}

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

/*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; text-transform: uppercase;}
#nav ul {margin: 0; padding: 0;} #nav li {list-style:none;}
#nav li a {display: table-cell; padding: 0; vertical-align: middle; font-size: 20px; line-height: 23px; font-weight: 400;}

@media (min-width: 335px) {	
#nav.nav-ph {display: none;}
#nav, #nav li a {height: 40px; padding-bottom: 3px;}
#nav ul {padding-bottom: 1px;}
#nav li {display: inline-block; vertical-align: middle; margin-left: -3px;}
#nav li a {padding: 1px 20px 2px 20px;}
#nav li a:hover {text-decoration: underline;}
#nav a.selected:hover {text-decoration: none !important;}
}

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

@media (max-width: 380px) {#nav li a {padding: 1px 15px 2px 15px;}}
	
@media (max-width: 334px) {
#nav.nav-dsk {display: none;} #nav {height: 50px;}
#nav ul {position: absolute; width: 33.6%;}
#nav li a {height: 50px; width: 1%; padding: 0; font-size: 18px; line-height: 21px;}
#nav .col2 {left: 33.3%;} #nav .col3 {left: 66.3%;}
}

@media (max-width: 300px) {#nav {text-transform: none;}}

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

/*TOP PIC*/

#toppic {margin: auto; padding: 0; width: 100%;} #toppic img {width: 100%; margin-bottom: -5px;}

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


/*BODY AREA*/

#bodyback, #bodyarea {position: relative;}

@media (min-width: 960px) {#bodyback {box-shadow: 0px 0px 5px 0px #000;}}

#bodyarea {padding: 10px 15px 0 15px;}

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

#bodyhead {font-size: 26px; line-height: 32px; font-weight: 500; text-align: center;}
#bodytext {padding-bottom: 20px;} #bodytext, h1 {font-size: 19px; line-height: 25px; font-weight: 400;}

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

/*RIGHT BOX*/

#rightbox {padding: 5px 10px 5px 0px;}
.rbhead {text-align: center; font-weight: 500;}
#rightbox ul {margin: 10px 0 0 -15px; text-align: left;}
#rightbox li {font-size: 17px; line-height: 21px; padding-bottom: 12px;}

@media (min-width: 898px) {.rb-dsk {width: 200px; margin: 5px 0px 0 15px;}}
@media (max-width: 899px) and (min-width: 603px) {.rb-dsk {width: 28%; margin: 5px 0 15px 12px;}}
@media (max-width: 725px) {.rb-dsk {width: 33%;}}
@media (min-width: 603px) {.rb-ph {display: none;} .rb-dsk {float: right;}}

@media (max-width: 602px) {
.rb-dsk {display: none; visibility: hidden;}
.rb-ph {padding: 0; margin: 25px auto 10px auto; left: 0; right: 0; width: 95%; max-width: 270px;}
}

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

/*PHOTO GALLERY*/

#pics {text-align: center; margin-bottom: 20px;}
#pics td {vertical-align: top;} #pics th {width: 3%;}
#pics img {border: 1px solid #777; margin-top: 10px;}
#pics p {margin: 0 0 20px 0; font-size: 16px; line-height: 22px;}
#pics img.tall {width: 73%;}

@media (min-width: 851px) {#pics img {max-width: 390px;}}
@media (max-width: 850px) and (min-width: 603px) {#pics img {width: 100%;}}

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

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

/*BOTTOM AREA*/

#bottomarea {font-size: 12px; line-height: 19px; text-align: center; font-family: Arial, Helvetica, sans-serif; width: 100%; padding-bottom: 10px;}
.bottomtext {padding-top: 10px;}
#btm_menu {padding: 20px 5px 10px 5px; font-size: 16px; line-height: 22px; text-transform: uppercase;}
#btm_menu a {text-decoration: none;}
#btm_menu a:hover {text-decoration: underline;}
#btm_menu span {padding: 0 10px;}
.web {display: inline;}
.rights {display: inline;}

@media (max-width: 959px) {#btm_menu {padding: 15px 5px 10px 5px;}}
@media (min-width: 641px) {.web {padding-left: 20px;}}
@media (max-width: 640px) {.bottomtext {margin-bottom: 10px;} .web {display: block;}}
@media (max-width: 535px) {.ph2 {display: block;} .bottomtext {margin-bottom: 10px;}}
@media (max-width: 410px) {.addr2 {display: block;}}
@media (max-width: 375px) {.rights {display: block;}}

@media (max-width: 290px) {
#btm_menu {padding: 15px 0 10px 0 !important;}
#bottomarea {font-size: 11px; line-height: 16px;}
#btm_menu span {padding: 0 7px;}
}


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


/*COLORS*/
#bodyback {background-color: #FFF;} #bodyarea, #bodytext {background-color: #FFEFC5;}

@media (min-width: 960px) {body {background: #D9AD58 url('back.png') repeat !important;}}
body {background-color: #D9AD58; color: #1B2C58;}

#phone, #phone a {color: #506475;}

.logotext {color: #BE2226;}
.tb {color: #FED518 !important; font-style: italic;}
#bodyhead {color: #506475;}

@media (min-width: 960px) {#bodyarea {border: 1px solid #93A7AE; border-bottom: none;}}


#nav ul, #nav li {background-color: #506475;}
#nav a {color: #FFF;} #nav a.selected {color: #FED518;}

@media (max-width: 334px) {
#nav a {border-left: 1px solid #CCC;}
#nav a.selected {background-color: #2D3A5C;}
#nav a:hover {background-color: #40536e;}
#nav a.selected:hover {background-color: #1B2C58;}
#nav .col1 a {border-left: none !important;}
}
@media (min-width: 335px) {#nav a:hover, #nav a.selected, #nav a.selected:hover {background: none;} #nav a {border: none;}}


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

#pics img, .svcpic img {border: 1px solid #777;}

#bottomarea, #bottomarea a, #btm_menu a {color: #FFF;}
#bottomarea {background-color: #2D3A5C;}
#btm_menu {color: #BBB; background-color:#506475;}
.ph2, .ph2 a {color: #FFF !important;}