* { margin: 0; padding: 0; outline: 0; }
body, html { height:100%; background:transparent; }
body {font-size:18px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#353535; line-height:1.8em; min-width:100%; overflow-x: hidden;}
/* Text */
h1 { font-size:52px; font-family:'Open Sans', san-serif; font-weight:800; color:#ffffff; line-height:1.2em; }
h1 a { font-size:52px; font-family: 'Open Sans', sans-serif; font-weight:800; color:#ffffff; }
h1 a:hover { font-size:52px; font-family: 'Open Sans', sans-serif; font-weight:800; color:#C00; }
h2 { font-size:28px; font-family:'Open Sans', san-serif; font-weight:300; color:#ffffff; line-height:1.4em; }
h2 a { font-size:28px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#ffffff; }
h2 a:hover { font-size:28px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#C00; }
h3 { font-size:14px; font-family:'Roboto', san-serif; font-weight:300; color:#000000; line-height:0.6em; }
h3 a { font-size:14px; font-family: 'Roboto', sans-serif; font-weight:300; color:#000000; }
h3 a:hover { font-size:14px; font-family: 'Roboto', sans-serif; font-weight:300; color:#C00; }
h4 { font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:400; color:#353535; line-height:0.2em; }
h4 a { font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:400; color:#353535; }
h4 a:hover { font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:400; color:#C00; text-decoration:none; }
h5 { font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:400; color:#353535; line-height:0.2em; }
h5 a { font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:400; color:#353535; }
h5 a:hover { font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:400; color:#C00; text-decoration:none; }
h6 { font-size:22px; font-family:'Open Sans', san-serif; font-weight:300; color:#ffffff; line-height:0.6em; }
h6 a { font-size:22px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#ffffff; }
h6 a:hover { font-size:22px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#C00; }
h7 { font-size:14px; font-family:'Roboto', san-serif; font-weight:300; color:#000000; line-height:1.6em; }
h7 a { font-size:14px; font-family: 'Roboto', sans-serif; font-weight:300; color:#000000; }
h7 a:hover { font-size:14px; font-family: 'Roboto', sans-serif; font-weight:300; color:#C00; }
a { color:#4b4b4b; text-decoration:none; cursor:pointer; font-weight:400; }
a:hover { text-decoration:underline; color:#C00; transition:0.3s ease; text-decoration:none; }
a img { border: 0; }
a.more { background: url(images/green-arr.png) no-repeat 0 5px; padding-left: 11px; color: #72ae13; text-decoration: underline; font-size: 12px; }
a.more:hover { text-decoration: none; }
article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
ul { margin-left:30px; }
.list { margin-left:30px; }
.shell { width: 1540px; margin: 0 auto; }
.header { padding-bottom:0px; position:fixed; width: 100%; background:url(../img/headerbg.png) repeat-x; top center; z-index:1000;}
.header .shell { width:auto; max-width:1540px; }
.header-top { height: 135px; }
.active-item { background:url(../img/hrule4.jpg) no-repeat top center; }
/* Navigation */
#mobilecall { display:none; visibility:hidden; width:0px; height:0px; }
#cssmenu ul { }
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin:0; padding:0; border:0; list-style:none; line-height:1; display:block;position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#cssmenu #menu-button { display: none; }
#cssmenu > ul > li:last-child > a {margin-right:0px; }
#cssmenu #menu-button { display: none; }
#cssmenu { background:none; margin-top:-50px; margin-left:300px; z-index:50; }
#cssmenu > ul > li > a {padding:7px; margin-left:42px; margin-right:42px; font-size:18px; font-family: 'Roboto', sans-serif; font-weight:700; text-decoration:none; color:#4b4b4b; text-transform:uppercase; transition:0.3s ease; padding:9px 0; -webkit-font-smoothing: antialiased; }
#cssmenu > ul > li { float: left;}
#cssmenu.align-center > ul {font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-center ul ul {text-align: left; }
#cssmenu.align-right > ul > li {float: right;}
#cssmenu > ul > li:hover > a {color:#C30;}
#cssmenu > ul > li.has-sub > a {padding-right: 0px;}
#cssmenu > ul > li.has-sub > a:after {display:none; visibility:collapse;}
#cssmenu > ul > li.has-sub > a:before {display:none; visibility:collapse;}
#cssmenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0;}
#cssmenu ul ul {position: absolute;left: -9999px;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu ul ul li {height: 0;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul {left: auto;right: 0;}
#cssmenu li:hover > ul > li {height: 35px; min-width:225px;}
#cssmenu ul ul ul {margin-left: 100%;top: 0;}
#cssmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li a {border-bottom: 1px solid rgba(150, 150, 150, 0.15);padding: 11px 11px; width:100%; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px;text-decoration: none;color: #707070; background:#ffffff; margin-left:10%;}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
color: #ffffff;
background:#000000;
font-family: 'Roboto', sans-serif; font-weight:400;
}
#cssmenu ul ul li.has-sub > a:after {
position: absolute;
top: 16px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #000000;
content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
right: auto;
left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
position: absolute;
top: 13px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
right: auto;
left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
top: 17px;
height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu {
width: 100%;
margin-top:15px;
max-width:770px;
background:transparent;
}
#cssmenu ul {
width: 100%;
display: none;
background:#000000;
}
#cssmenu.align-center > ul {
text-align: left;
}
#cssmenu ul li {
width: 100%;
border-top: 1px solid rgba(252, 253, 254, 0.2);
}
#cssmenu ul ul li,
#cssmenu li:hover > ul > li {
height: auto;
}
#cssmenu ul li a,
#cssmenu ul ul li a {
width: 100%;
border-bottom: 0;
color: #ffffff;
}
#cssmenu > ul > li {
float: none;
padding-top:10px;
padding-bottom:10px;
}
#cssmenu ul ul li a {
padding-left: 25px;
}
#cssmenu ul ul ul li a {
padding-left: 35px;
}
#cssmenu ul ul li a {
color: #ffffff;
background: none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
color: #ffffff;
background-color:#000000;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu.align-right ul ul {
position: relative;
left: 0;
width: 100%;
margin: 0;
text-align: left;
}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before {
display: none;
}
#cssmenu #menu-button {
display: block;
padding: 17px;
color: #ffffff;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
}
#cssmenu #menu-button:after {
position: absolute;
top: 22px;
right: 17px;
display: block;
height: 4px;
width: 20px;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
content: '';
}
#cssmenu #menu-button:before {
position: absolute;
top: 16px;
right: 17px;
display: block;
height: 2px;
width: 20px;
background: #dddddd;
content: '';
}
#cssmenu #menu-button.menu-opened:after {
top: 23px;
border: 0;
height: 2px;
width: 15px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu #menu-button.menu-opened:before {
top: 23px;
background: #ffffff;
width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#cssmenu .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
border-left: 1px solid rgba(120, 120, 120, 0.2);
height: 46px;
width: 46px;
cursor: pointer;
}
#cssmenu .submenu-button.submenu-opened {
background: #262626;
}
#cssmenu ul ul .submenu-button {
height: 34px;
width: 34px;
}
#cssmenu .submenu-button:after {
position: absolute;
top: 22px;
right: 19px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu ul ul .submenu-button:after {
top: 15px;
right: 13px;
}
#cssmenu .submenu-button.submenu-opened:after {
background: #ffffff;
}
#cssmenu .submenu-button:before {
position: absolute;
top: 19px;
right: 22px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
}
#cssmenu ul ul .submenu-button:before {
top: 12px;
right: 16px;
}
#cssmenu .submenu-button.submenu-opened:before {
display: none;
}
}
/* ----- Layout (COMPUTER) ----- */
#hub { width:100%; margin-top:-7px; margin-left:20px; }
#headercol1 { margin-left:-1%; }
#headercol2 { margin-left:9%; }
#headercol3 { margin-left:5%; }
#headercol4 { margin-left:5%; }
#menu { margin-left:500px; }
.rslides { width:100%; height:400px; position:absolute; background-attachment:fixed; margin-top:230px; }
#home1 { width:100%; height:230px; margin-top:0px;}
#featuredbox{ width:auto; max-width:600px; height:auto; margin-top:29%; margin-left:auto; margin-right:auto; z-index:0; text-shadow:2px 2px #333; }
.rslides2 { width:100%; height:200px; position:absolute; background-attachment:fixed; margin-top:230px; }
#home2 { width:100%; height:120px; margin-top:0px;}
#home3 { width:100%; height:190px; margin-top:0px;}
#featuredbox2{ width:auto; max-width:600px; height:auto; margin-top:22%; margin-left:auto; margin-right:auto; z-index:0; text-shadow:2px 2px #333; }
#subbox1 { width:100%; min-height:500px; height:auto; padding-top:230px; padding-bottom:100px; }
#subbox2 { width:100%; min-height:500px; height:auto; margin-top:130px; padding-bottom:20px; }
#subbox3 { width:100%; min-height:200px; height:auto; background:transparent; padding-top:130px; padding-bottom:40px; }
#subbox4 { width:100%; min-height:450px; height:auto; margin-top:150px; padding-bottom:20px; }
#subbox5 { width:100%; min-height:400px; height:auto; background:transparent; padding-top:10px; padding-bottom:0px; }
#subbox6 { width:100%; min-height:40px; height:auto; background:#ffffff; padding-top:10px; padding-bottom:0px; }
.line { clear:both; border-bottom:dotted 1px #ffffff; padding: 2.5px 0px; margin-bottom: 5px; }
.specialbox { width:100%; height:auto; margin:20px auto; }
.effect1 { background:#F4F4F4; -webkit-box-shadow:0 10px 6px -6px #777; -moz-box-shadow:0 10px 6px -6px #777; box-shadow:0 10px 6px -6px #777; padding:15px; border-radius:12px; }
#contactboxleft {float:left; width:75%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }
/* ----- Graphics (COMPUTER) ----- */
.entry { clear:both; padding:0px;}
.entry img { max-width: 100%; display:block; margin-left:auto; margin-right:auto; padding-top:5px; padding-top:5px; padding-right:0px; padding-left:0px;}
#logo { width:200px; margin-top:34px; margin-left:8px; }
#logo a { height:80px; display:block; background:url(../img/4-seasons-pawn.png) no-repeat 0 0; text-indent: -4000px; }
#headericons{ margin-bottom:-10px; border:0px; }
#taglinebuttons{ padding-right:15px; padding-top:20px; border:0px; }
#jumpmenu { padding-left:80px; padding-right:80px; border:0px; }
#hrule { padding-top:20px; padding-bottom:10px; border:0px; }
#postidol { margin-bottom:-7px; border:0px; }
#leftthumbs { float:left; padding-right:10px; margin-top:25px; border:0px; }
#rightthumbs{ float:right; padding-left:10px; margin-top:25px; border:0px; }
#products { padding:35px; border:0px; }
/* ===== Carousel =============================================================== */
#flexisel { display:none; }
.nbs-flexisel-container { position:relative; max-width:100%; }
.nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; }
.nbs-flexisel-inner { overflow:hidden; float:left; width:100%; background:none; }
.nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; }
.nbs-flexisel-item img { width:100%; cursor:pointer; position:relative; margin-top:10px; margin-bottom:10px; max-width:135px; max-height:161px; }
/* ===== FAQs =============================================================== */
.pageList { list-style-type:none; margin-left:0px; width:100%; }
.pageList li{ padding:0 0 0px 0px; margin-left:-20px; width:100%; cursor:pointer; }
#faqboxes {width:100%; min-height:40px; height:auto; background-color:#CCC; margin-top:5px; padding-left:7px; padding-right:7px; padding-top:7px; padding-bottom:1px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.subtext {font-size:16px; font-family: 'Roboto Slab', sans-serif; font-weight:300; color:#313c44; line-height:22px; min-width:100%;}
/* Main (computer) */
.main { padding: 2px 0 2px 0; }
.main section { padding-bottom: 10px; }
.main .cols { padding-left:0px; padding-right:0px; width:100%; margin-left:0px; }
.main .cols .col { float:left; width:auto; max-width:300px; height:auto; padding:10px; margin-left:auto; margin-right:auto; display:inline-block; vertical-align:middle; }
.main .cols .col + .col { margin-left:1%; margin-right:1%; }
.main .cols .col img { padding-bottom:0px; width:auto;}
.main .cols .col .col-cnt { height: 100%; overflow: hidden; }
.main .content { padding-left:2px; padding-right:2px; }
.main .content span { text-decoration: underline; }
.main .cols .col2 { width:320px; height:auto; float:left; display: inline-block;}
.main .cols .col2 + .col2 { margin-left:5%; }
.main .cols .col2 img { padding-bottom:0px; width:auto; }
.main .cols .col2 .col-cnt { height: 100%; overflow: hidden; }
/* Footer (computer) */
#footer { background:#353535; min-height:300px; height:auto; padding-top:40px; padding-bottom:10px;}
#footer .shell { padding: 0px 0; }
#footer .footer-cols { padding: 0 32px 26px; }
#footer .col { width:32%; height:auto; padding:10px; display: inline-block; vertical-align:top; }
#footer .col + .col { margin-left: 31%; }
#footer .col ul { list-style: disc; list-style-position:inherit; }
#footer .col ul li { padding-bottom:px; color:#01b3fe; }
#footer p { font-size:16px; color:#cdcdcd; font-family:'Roboto', sans-serif; font-weight:300; line-height:1.2em; padding-top:3px; }
#footer p a { font-size:16px; color:#cdcdcd; font-family:'Roboto', sans-serif; font-weight:300; }
#footer p a:hover{ font-size:16px; color:#09C; font-family:'Roboto', sans-serif; font-weight:300; text-decoration:none; }
#footer h1 { font-size:18px; color:#cdcdcd; font-family:'Roboto', sans-serif; font-weight:500; line-height:0.6em; }
#footer h1 a { font-size:18px; color:#cdcdcd; font-family:'Roboto', sans-serif; font-weight:500; }
#footer h1 a:hover{ font-size:18px; color:#09C; font-family:'Roboto', sans-serif; font-weight:500; text-decoration:none; }
/* #Media Queries ================================================== */
/* 1280 display */
@media only screen and ( min-width: 1025px) and ( max-width: 1280px ) {
/* ----- Layout (1280 Display) ----- */
#hub { width:100%; margin-top:-7px;}
/* ===== FAQs =============================================================== */
.pageList { list-style-type:none; margin-left:0px; width:100%; }
.pageList li{ padding:0 0 0px 0px; margin-left:0px; width:100%; cursor:pointer; }
#faqboxes {width:100%; min-height:40px; height:auto; background-color:#CCC; margin-top:5px; padding-left:7px; padding-right:7px; padding-top:7px; padding-bottom:1px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.subtext {font-size:16px; font-family: 'Roboto Slab', sans-serif; font-weight:300; color:#313c44; line-height:22px; min-width:100%;}
}
/* tablet landscape */
@media only screen and ( min-width: 981px) and ( max-width: 1024px ) {
.shell {max-width:945px; }
.header .shell { padding: 0px 0px 0; width: 945px; }
/* Navigation (TABLET-L) */
#hub { width:100%; margin-top:-7px; }
#cssmenu { background:none; margin-top:-50px; margin-left:200px; z-index:50; }
#cssmenu > ul > li > a {padding:7px; margin-left:33px; margin-right:33px; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:900; text-decoration:none; color:#4b4b4b; text-transform:uppercase; transition:0.3s ease; padding:9px 0; -webkit-font-smoothing: antialiased; }
/* Layout (TABLET-L) */
#headercol4 { display:none; visibility:hidden; }
#home1 { width:100%; height:300px; margin-top:0px;}
#featuredbox{ width:auto; max-width:600px; height:auto; margin-top:29%; margin-left:auto; margin-right:auto; z-index:0; text-shadow:2px 2px #333; }
/* Graphics (TABLET-L) */
#logo { margin-left:-25px; }
#jumpmenu { padding-left:40px; padding-right:40px; border:0px; }
/* Main (TABLET-L) */
.main .cols .col2 { float:left; width:47%; height:auto; padding:10px; display: inline-block; vertical-align: middle; margin-top:-65px; }
.main .cols .col2 + .col2 { margin-left:1%; }
/* ===== FAQs =============================================================== */
.pageList { list-style-type:none; margin-left:0px; width:100%; }
.pageList li{ padding:0 0 0px 0px; margin-left:0px; width:100%; cursor:pointer; }
#faqboxes {width:100%; min-height:40px; height:auto; background-color:#CCC; margin-top:5px; padding-left:7px; padding-right:7px; padding-top:7px; padding-bottom:1px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.subtext {font-size:16px; font-family: 'Roboto Slab', sans-serif; font-weight:300; color:#313c44; line-height:22px; min-width:100%;}
#contactboxleft {float:left; width:75%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }
}
/* tablet portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
.shell {max-width:98%; }
.header .shell { padding: 0px 0px 0; width: 100%; }
/* Navigation (TABLET-P) */
#cssmenu { background:#000000; margin-top:19px; margin-left:0px; z-index:50; }
#cssmenu ul li:hover { background-color:#FFFFFF; }
/* ===== FAQs =============================================================== */
.pageList { list-style-type:none; margin-left:0px; width:100%; }
.pageList li{ padding:0 0 0px 0px; margin-left:0px; width:100%; cursor:pointer; }
#faqboxes {width:100%; min-height:40px; height:auto; background-color:#CCC; margin-top:5px; padding-left:7px; padding-right:7px; padding-top:7px; padding-bottom:1px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.subtext {font-size:16px; font-family: 'Roboto Slab', sans-serif; font-weight:300; color:#313c44; line-height:22px; min-width:100%;}
/* Layout (TABLET-P) */
.rslides2 { width:100%; height:400px; position:absolute; background-attachment:fixed; margin-top:150px; }
#home2 { width:100%; height:120px; margin-top:0px;}
#featuredbox2{ width:auto; max-width:600px; height:auto; margin-top:32%; margin-left:auto; margin-right:auto; z-index:0; text-shadow:2px 2px #333; }
#headercol1 { margin-left:55px; }
#headercol3 { display:none; visibility:hidden; }
#headercol4 { display:none; visibility:hidden; }
#home1 { width:780px; height:300px; margin-top:0px;}
#home2 { width:780px; height:250px; margin-top:0px;}
#featuredbox{ width:auto; max-width:600px; height:auto; margin-top:46%; margin-left:auto; margin-right:auto; z-index:0; text-shadow:2px 2px #333; }
#subbox1 { width:100%; min-height:500px; height:auto; background:#ffffff; padding-top:70px; padding-bottom:100px; }
#subbox3 { width:100%; min-height:200px; height:auto; background:#ffffff; padding-top:70px; padding-bottom:40px; }
/* Graphics (TABLET-P) */
#logo { margin-left:auto; margin-right:auto; }
#jumpmenu { padding-left:20px; padding-right:20px; border:0px; }
/* Main (TABLET-P) */
.main .cols .col2 { float:left; width:45%; height:auto; padding:10px; display: inline-block; vertical-align: middle; margin-top:-65px; }
.main .cols .col2 + .col2 { margin-left:1%; }
/* Footer (TABLET-P) */
#footer .col { width:32%; height:auto; padding:10px; display: inline-block; vertical-align:top; }
#footer .col + .col { margin-left: 29%; }
#contactboxleft {float:left; width:75%; height:auto; min-height:800px; }
#contactboxright{float:right; width:25%; margin-top:30px; }
}
/* Phone (L) */
@media only screen and ( min-width: 485px) and ( max-width: 690px ) {
.shell { width:100%; margin: 0 auto; }
.header { padding-bottom:0px; width:100%; }
.header .shell { padding: 0px 0px 0; width: 100%; }
/* Navigation (PHONE-L) */
#mobilecall { display:block; visibility:visible; width:auto; height:auto;}
#cssmenu { background:#000000; margin-top:10px; margin-left:0px; z-index:50; }
#cssmenu ul li:hover { background-color:#FFFFFF; }
/* Text (PHONE-L) */
h1 { font-size:24px; font-family:'Open Sans', san-serif; font-weight:800; color:#ffffff; line-height:1.2em; }
h1 a { font-size:24px; font-family: 'Open Sans', sans-serif; font-weight:800; color:#ffffff; }
h1 a:hover { font-size:24px; font-family: 'Open Sans', sans-serif; font-weight:800; color:#C00; }
h4 { line-height:1.6em; }
h5 { line-height:1.6em; }
/* ===== FAQs =============================================================== */
.pageList { list-style-type:none; margin-left:0px; width:100%; }
.pageList li{ padding:0 0 0px 0px; margin-left:0px; width:100%; cursor:pointer; }
#faqboxes {width:100%; min-height:40px; height:auto; background-color:#CCC; margin-top:5px; padding-left:7px; padding-right:7px; padding-top:7px; padding-bottom:1px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.subtext {font-size:16px; font-family: 'Roboto Slab', sans-serif; font-weight:300; color:#313c44; line-height:22px; min-width:100%;}
/* Layout (PHONE-L) */
#hub { display:none; visibility:hidden; }
.rslides2 { width:100%; height:300px; position:absolute; background-attachment:fixed; margin-top:150px; }
#home2 { width:100%; height:70px; margin-top:0px;}
#featuredbox2{ width:auto; max-width:600px; height:auto; margin-top:50%; margin-left:auto; margin-right:auto; z-index:0; text-shadow:2px 2px #333; }
#subbox1 { min-height:150px; }
#subbox2 { width:100%; min-height:600px; height:auto; margin-top:130px; padding-bottom:20px; }
#subbox4 { width:100%; min-height:500px; height:auto; margin-top:150px; padding-bottom:20px; }
#home1 { width:680px; height:400px; margin-top:0px;}
#featuredbox{ width:auto; max-width:600px; height:auto; margin-top:35%; margin-left:auto; margin-right:auto; z-index:0; text-shadow:2px 2px #333; }
/* Graphics (PHONE-L) */
#headercol1 { margin-left:0px; }
#headercol2 { margin-left:-10px; }
#headercol3 { display:none; visibility:hidden; }
#headercol4 { display:none; visibility:hidden; }
#logo { margin-left:auto; margin-right:auto; }
#jumpmenu { padding-left:5px; padding-right:20px; border:0px; }
#contactboxleft {float:none; width:100%; height:auto; min-height:800px; }
#contactboxright{float:none; width:100%; margin-top:30px; }
/* Main (PHONE-L) */
.main .content { padding-left:20px; padding-right:20px; }
.main .cols .col2 { float:none; width:92%; height:auto; padding:10px; display: inline-block; vertical-align:top; margin-top:-35px; margin-left:auto; margin-right:auto; }
.main .cols .col2 + .col2 { margin-left:0%; }
/* Footer (PHONE-L) */
#footer .col { width:96%; height:auto; padding:10px; display: inline-block; vertical-align:top; }
#footer .col + .col { margin-left: 0%; }
}
/* phone (P) */
@media only screen and ( max-width: 480px) {
.shell { width:96%; margin: 0 auto; }
.header { padding-bottom:0px; width:100%; }
.header .shell { padding: 0px 0px 0; width: 100%; }
/* Graphics (PHONE-P) */
#jumpmenu { display:none; visibility:hidden; }
/* ===== FAQs =============================================================== */
.pageList { list-style-type:none; margin-left:0px; width:99%; }
.pageList li{ padding:0 0 0px 0px; margin-left:-5px; width:100%; cursor:pointer; }
#faqboxes {width:100%; min-height:40px; height:auto; background-color:#CCC; margin-top:5px; padding-left:7px; padding-right:7px; padding-top:7px; padding-bottom:1px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.subtext {font-size:16px; font-family: 'Roboto Slab', sans-serif; font-weight:300; color:#313c44; line-height:22px; min-width:100%;}
/* Navigation (PHONE-P) */
#mobilecall { display:block; visibility:visible; width:auto; height:auto;}
#cssmenu { background:#000000; margin-top:19px; margin-left:0px; z-index:50; }
#cssmenu ul li:hover { background-color:#FFFFFF; }
/* Text (PHONE-P) */
h1 { font-size:24px; font-family:'Open Sans', san-serif; font-weight:800; color:#ffffff; line-height:1.2em; }
h1 a { font-size:24px; font-family: 'Open Sans', sans-serif; font-weight:800; color:#ffffff; }
h1 a:hover { font-size:24px; font-family: 'Open Sans', sans-serif; font-weight:800; color:#C00; }
h4 { line-height:1.6em; }
h5 { line-height:1.6em; }
/* Layout (PHONE-P) */
#hub { display:none; visibility:hidden; }
.rslides2 { width:100%; height:240px; position:absolute; background-attachment:fixed; margin-top:170px; }
#home2 { width:100%; height:150px; margin-top:0px;}
#featuredbox2{ width:auto; max-width:600px; height:auto; margin-top:60%; margin-left:auto; margin-right:auto; z-index:0; text-shadow:2px 2px #333; }
#home1 { width:100%; height:350px; margin-top:0px;}
#featuredbox{ width:auto; max-width:300px; height:auto; margin-top:75%; margin-left:auto; margin-right:auto; z-index:0; text-shadow:2px 2px #333; }
#subbox1 { width:100%; min-height:200px; height:auto; background:#ffffff; padding-top:40px; padding-bottom:100px; }
#subbox3 { width:100%; min-height:200px; height:auto; margin-top:10px; padding-bottom:20px; }
#subbox5 { width:100%; min-height:400px; height:auto; background:transparent; padding-top:10px; padding-bottom:0px; }
#subbox4 { width:100%; min-height:400px; height:auto; background:#ffffff; padding-top:10px; padding-bottom:0px; }
.specialbox { width:90%; height:auto; margin:20px auto; margin-left:-5px; }
.effect1 { background:#F4F4F4; -webkit-box-shadow:0 10px 6px -6px #777; -moz-box-shadow:0 10px 6px -6px #777; box-shadow:0 10px 6px -6px #777; padding:15px; border-radius:12px; }
#contactboxleft {float:none; width:100%; height:auto; min-height:800px; }
#contactboxright{float:none; width:100%; margin-top:30px; }
/* Main (PHONE-P) */
.main .cols .col2 { float:none; width:100%; height:auto; padding:10px; display: inline-block; vertical-align:top; margin-top:-35px; margin-left:auto; margin-right:auto; }
.main .cols .col2 + .col2 { margin-left:0px; }
/* Footer (PHONE-P) */
#footer .col { width:96%; height:auto; padding:10px; display: inline-block; vertical-align:top; }
#footer .col + .col { margin-left: 0%; }
}