@charset "utf-8";
@import "reset.css";
@import "leftNavstyle.css";

/* Main Styles */
header, footer, section, article, nav { display:block; }
html, body, #container { height: 100%; }
body { color:#000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
/*  ===== @DEFAULT STYLES ============================== */
.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; }
img { border:none; }
hr { height:1px; border:0; background:#d2d2d2; }
#container {outline:none; }
a:hover, a:active { color:#003771; }

/* Sticky Footer */ 
* { margin:0; padding:0; }
body > #container { height: auto; min-height: 100%; }


/* Layout */
#container { width:100%; margin:0 auto; background-image:url(../images/mainBG.jpg); background-repeat:repeat-x; }
.companyName { color:#1496ea; }

/* Header */
.header { width:900px; margin:0 auto;}
.logo { float:left;}
.serving { line-height:52px; font-size:18px; color:#555555; text-align:right; font-style:italic; }
.callUs { font-size:20px; color:#555555; text-align:right; font-style:italic; }
.phoneNumber  {font-size:26px; color:#1496ea; padding-left:5px; font-style:normal; }
.phoneNumber2  {font-size:26px; color:#1496ea; padding-left:5px; font-style:normal; }
.nav { margin:0 auto; width:900px; height:31px; clear:both; }
.nav ul{  }
.nav ul li{ float:left; width:224px; list-style:none; text-align:center; }
.nav ul li a{ font-size:17px; color:#FFF; text-decoration:none; font-weight:normal; line-height:31px; }
.nav ul li a:hover{ cursor: pointer; color:#1496ea; }

.featured { margin:0 auto; width:900px; height:208px; }
.featured .product { float:left; width:179px; height:208px; }

/* Free Quote */
.featured .flashQuote { width:900px; height:208px; margin-top:5px; overflow:hidden;}
.featured .flashQuote .flashConatiner { float:left; width:529px; height:203px; padding-left:13px; padding-top:5px;}
.featured .flashQuote .quoteForm { float:left; width:357px; height:174px; padding-top:10px; }
.featured .flashQuote .quoteForm fieldset { width:357px; }
.featured .flashQuote .quoteForm .row { width:357px; padding-bottom:3px; }
.featured .flashQuote .quoteForm .row input.text1 { width:170px; height:20px; color:#333; }
.featured .flashQuote .quoteForm .row input.text2 { width:347px; height:20px; color:#333; }
.featured .flashQuote .quoteForm .row input.text3 { width:193px; height:20px; color:#333; }
.featured .flashQuote .quoteForm .row input.text4 { width:64px; height:20px; color:#333; }
.featured .flashQuote .quoteForm .row input.text5 { width:76px; height:20px; color:#333; }
.featured .flashQuote .quoteForm .rowBTN { width:357px; padding-top:2px; padding-bottom:2px; text-align:center; }
.featured .flashQuote .quoteForm label.check { font-size:13px; color:#fff; padding-top:3px; padding-left:5px;}


/* Sub Pages */
#subPages {width:900px; margin:0 auto; clear:both; }

/* Side Menu */
#subPages .sideMenu { float:left; width:245px; margin-top:10px; margin-left:15px; clear:both; }
#subPages .sideMenu .insideMenu {margin-top:10px;  }
#subPages .sideMenu .sideButtons { width:292px; padding-top:16px; }
#subPages .sideMenu .sideButtons .social { width:292px; height:64px; padding-bottom:7px; background: url(../images/getSocial.jpg) no-repeat; }
#subPages .sideMenu .sideButtons .SideBTNSpace { padding-bottom:7px; }

/* Main Text */
#subPages .homeText { float:right; width:570px; padding-top:10px; padding-left:20px; padding-bottom:10px;}
#subPages .homeText h1 { font-size:18px; color:#1e1e1e; font-weight:bold; text-align:justify; line-height:48px;}
#subPages .homeText p { font-size:14px; color:#000; padding-top:2px; line-height:18px; text-align:justify;}
#subPages .homeText p a{ color:#1496ea; text-decoration:none;}
#subPages .homeText p a:hover{ color:#000; text-decoration:none;}

/* Main Text */
#subPages .mainText { float:right; width:570px; padding-top:10px; padding-left:20px; padding-bottom:10px;}
#subPages .mainText h1 { font-size:28px; color:#000; text-align:justify; line-height:48px;}
#subPages .mainText h2 { font-size:22px; color:#000; padding-top:15px; text-align:justify;}
#subPages .mainText h3 { font-size:18px; color:#000; padding-top:10px; font-weight:normal; line-height:28px; }
#subPages .mainText h3 a { font-size:18px; color:#000; text-decoration:none; font-weight:normal; }
#subPages .mainText h3 a:hover { font-size:18px; color:#005dce; text-decoration:none; font-weight:normal; }
#subPages .mainText h3 a:visited { font-size:18px; color:#000; text-decoration:none; font-weight:normal; }
#subPages .mainText p { font-size:13px; color:#000; padding-top:5px; line-height:14px; text-align:justify;}
#subPages .mainText p a{ color:#333; text-decoration:none;}
#subPages .mainText p a:hover{ color:#005dce; text-decoration:none;}
#subPages .mainText ul, #subPages .mainText ol { margin:3px 0 3px 15px; }
#subPages  .mainText  ul li, #subPages .mainText ol li { margin:3px 0; color:#676767; }

/* Footer */
#footer { /*width:100%; height:105px; margin-left:auto; margin-right:auto; position: relative; margin-top: -105px;"*/ clear:both; padding-top:100px; }
#footer .footerContainer { width:900px; height:30px; margin:0 auto;}
#footer .footerNav { width:900px; margin:0 auto; font-size: 11px; color:#CCC; padding-bottom:13px; text-align:center; }
#footer .footerNav a { margin:0 8px; color:#6e6e6e; text-decoration:none; }
#footer .footerNav a:hover { margin:0 8px; color: #000; text-decoration:none; }

/* Squid */
#footer .squid { width:100%; height:55px; padding-top:20px;}
#footer .squid a { width:132px; height:50px; background-image: url(../images/squidLogo08.png); background-repeat: no-repeat; display:block; margin:0 auto;}
#footer .squid a:hover { background-image: url(../images/squidLogo08.png); background-repeat: no-repeat; background-position: 0 -50px; display:block; }

/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ===== @VIDEO GIRL  STYLES  ============================================= */
#vpPlayer, #vpBtn, #vpBtnPause{ position:fixed; bottom:0; right:0; z-index: 9999; }
#vpBtn{display:none;}

/* Get a Quote Forms*/
#formGetQuote .row { width:550px; padding-bottom:5px;}
#formGetQuote .row input.text1 { width:265px; height:20px; color:#333;}
#formGetQuote .row input.text2 { width:265px; height:20px; color:#333;}
#formGetQuote .row input.text3 { width:155px; height:20px; color:#333;}
#formGetQuote .row input.text4 { width:44px; height:20px; color:#333;}
#formGetQuote .row input.text5 { width:56px; height:20px; color:#333;}
#formGetQuote .row .textArea { width:265px; height:50px; color:#333; overflow:auto; font-family: Helvetica, Arial, sans-serif; font-size:13px; color:#333;}
#formGetQuote .rowBTN { width:530px; padding-top:2px; padding-bottom:2px; text-align:center; }
#formGetQuote label.check { font-size:13px; color:#333; padding-top:3px; padding-left:5px;}
#formGetQuote .row  input{margin:0; padding:0; border-width:1px;}


/* Contact Form */
#address{float:left; width:250px;}
#googleMap{clear:both; padding:20px 0 0 0;}
#contactForm { float:left; width:295px;}
#contactForm .row { width:295px; padding-bottom:3px; }
#contactForm .row input.text1 { width:140px; height:20px; color:#333;}
#contactForm .row .text2{ width:287px; height:50px; color:#333; overflow:auto; font-family: Helvetica, Arial, sans-serif; font-size:13px; color:#333;}
#contactForm .rowBTN { width:295px; padding-top:2px; padding-bottom:2px; text-align:center; }
#contactForm label.check { font-size:13px; color:#333; padding-top:3px; padding-left:5px;}