@charset "utf-8";
@import "/reset.css";
@import "leftNavstyle.css";
/* Main Styles */
header, footer, section, article, nav { display:block; }
html, body { height: 100%; }
body { color:#000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; background-color: #333; }
.inbody { background:url("images/mainBG_03a.jpg") no-repeat fixed 0 0; width:100%; height: 100%; }
/*  ===== @DEFAULT STYLES ============================== */
.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; }
img { border:none; }
hr { height:1px; border:0; background:#d2d2d2; }
#container { color:#0088db; text-decoration:none; outline:none; }

.companyName { color:#9cde3e; }

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

/* Layout */
#container { width:100%; margin:0 auto; font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#000; }
#header { width:900px; margin:0px auto; }
#header .logo { float:left; width:218px; height:85px; margin:12px 0 3px; display:block; }
#header .phoneNumber { float:right; width:270px; height:48px; padding-top:2px; }
#header .phoneNumber .call { color:#FFF; font-size:15px; text-align:right; text-shadow: 1px 1px 4px #333; }
#header .phoneNumber .number { font-size:30px; color:#FFF; text-align:right; line-height:33px; text-shadow: 1px 1px 4px #333; }
#header .nav { width:900px; height:38px; margin-bottom:2px; clear:both; }
#header .nav ul{ border:none; padding:0px; margin:0px; list-style:none;}
#header .nav li{ float:left;}
#header .nav li a{ width:225px; height:38px; background-image:url(/navBG.png); background-repeat:no-repeat; font-size:18px; color:#FFF; text-decoration:none; text-align:center; line-height:38px; display:block; }
#header .nav li a:hover{ color:#9cde3e; background-color:#000;}

/* Header */
#header .featuredProduct a{ float:left; width:900px; height:211px; margin-top:2px; overflow:hidden;}
.social{ float:left; width:900px; height:53px; padding-top:3px; padding-bottom:3px;}
.social .facebook a{ float:left; width:225px; height:53px; background-image:url(/facebook.png); background-repeat:no-repeat; display:block;}
.social .facebook a:hover{ float:left; width:225px; height:53px; background-image:url(/facebook.png); background-repeat:no-repeat; background-position:0 -53px; display:block;}
.social .twitter a{ float:left; width:225px; height:53px; background-image:url(/twitter.png); background-repeat:no-repeat; display:block;}
.social .twitter a:hover{ float:left; width:225px; height:53px; background-image:url(/twitter.png); background-repeat:no-repeat; background-position:0 -53px; display:block;}
.social .linkedIn a{ float:left; width:225px; height:53px; background-image:url(/linkedIn.png); background-repeat:no-repeat; display:block;}
.social .linkedIn a:hover{ float:left; width:225px; height:53px; background-image:url(/linkedIn.png); background-repeat:no-repeat; background-position:0 -53px; display:block;}
.social .youTube a{ float:left; width:225px; height:53px; background-image:url(/youTube.png); background-repeat:no-repeat; display:block;}
.social .youTube a:hover{ float:left; width:225px; height:53px; background-image:url(/youTube.png); background-repeat:no-repeat; background-position:0 -53px; display:block;}

/* Free Quote */
#header .flashQuote { width:900px; height:211px; background-image:url(/freeQuoteBG.png); background-repeat:no-repeat; margin-top:2px; overflow:hidden;}
#header .flashQuote .flashConatiner { float:left; width:520px; height:203px; padding-left:13px; padding-top:13px; padding-right:7px;}
#header .flashQuote .quoteForm { float:left; width:357px; height:174px; padding-top:48px; }
#header .flashQuote .quoteForm fieldset { width:357px; border:none;  padding:0px; }
#header .flashQuote .quoteForm .row { width:357px; padding-bottom:2px; }
#header .flashQuote .quoteForm .row input.text1 { width:168px; height:17px; color:#333; }
#header .flashQuote .quoteForm .row input.text2 { width:345px; height:17px; color:#333; }
#header .flashQuote .quoteForm .row input.text3 { width:187px; height:17px; color:#333; }
#header .flashQuote .quoteForm .row input.text4 { width:64px; height:17px; color:#333; }
#header .flashQuote .quoteForm .row input.text5 { width:76px; height:17px; color:#333; }
#header .flashQuote .quoteForm .rowBTN { width:357px; padding-top:1px; padding-bottom:1px; text-align:center; }
#header .flashQuote .quoteForm label.check { font-size:13px; color:#CCC; padding-top:0px; padding-left:5px;}

/* 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 Quote */
#address { float:left; width:218px; /* height:174px; padding-top:48px; */ }
#contactForm { float:right; width:365px; /* height:174px; padding-top:48px; */ }
#contactForm fieldset { width:300px; border:none;  padding:0px; }
#contactForm .row { width:350px; padding-bottom:2px; }
#contactForm .row input.text1 { width:160px; height:17px; color:#333; }
#contactForm .row .text2 { width:327px; height:34px; color:#333; }
#contactForm .row input.text3 { width:187px; height:17px; color:#333; }
#contactForm .row input.text4 { width:64px; height:17px; color:#333; }
#contactForm .row input.text5 { width:76px; height:17px; color:#333; }
#contactForm .rowBTN { width:357px; padding-top:1px; padding-bottom:1px; text-align:center; }
#contactForm label.check { font-size:13px; color:#CCC; padding-top:0px; padding-left:5px;}

/* Home Content */
#home { width:900px; margin:0 auto; }
#home .innerHome { float:left; width:850px; color:#FFF; background-image:url(/contentBG.png); background-repeat:repeat-y; padding:10px 25px; text-align:center; }
#home .innerHome h1 { font-size:32px; line-height:38px; }
#home .innerHome h1 .companyName { color:#9cde3e; font-size:40px;}
#home .innerHome h2 { font-size:24px; line-height:33px; padding-top:12px; }
#home .innerHome h3 { font-size:18px; line-height:33px; padding-top:12px; }

/* Main Content */
#contentContainer { width:900px; margin:0 auto; }
#contentContainer .content { float:right; width:600px; padding:0 25px; background-image:url(/mainContentBG.png); background-repeat:repeat-y; }
#contentContainer .content .innerContent { width:600px; color:#FFF;  padding:10px 0px; text-align:justify; }
#contentContainer .content .innerContent h1 { font-size:40px; line-height:38px; }
#contentContainer .content .innerContent h1 .companyName { color:#9cde3e; }
#contentContainer .content .innerContent h2 { font-size:20px; line-height:26px; padding-top:5px; }
#contentContainer .content .innerContent h3 { font-size:18px; line-height:23px; padding-top:15px; }
#contentContainer .content .innerContent p { font-size:13px; color:#CCC; padding-top:5px; line-height:14px; text-align:justify;}
#contentContainer .content .innerContent p a{ color:#9cde3e; text-decoration:none;}
#contentContainer .content .innerContent p a:hover{ color:#FFF; text-decoration:none;}
.content .innerContent ul,.content .innerContent ol { margin-left:15px; margin-bottom:3px; }
.content .innerContent ul li, .content .innerContent ol li { margin-bottom:3px; color:#F0F0F0; }


/* Side Menu */
#contentContainer .sideMenu { float:left; width:240px; margin-top:0px; }
/*
#contentContainer .sideMenu .insideMenu {margin-top:10px; }
*/

/* Bottom */
#bottom { width:900px; height:108px; margin:0 auto; clear:both;}
#bottom .iPod a{ float:left; width:300px; height:106px; background-image:url(/winIpod.png); background-repeat:no-repeat; display:block; margin:2px 0; }
#bottom .iPod a:hover{ float:left; width:300px; height:106px; background-image:url(/winIpod.png); background-repeat:no-repeat; background-position:0 -106px; display:block; }
#bottom .gasCard a{ float:left; width:300px; height:106px; background-image:url(/gasCard.png); background-repeat:no-repeat; display:block; margin:2px 0; }
#bottom .gasCard a:hover{ float:left; width:300px; height:106px; background-image:url(/gasCard.png); background-repeat:no-repeat; background-position:0 -106px; display:block; }
#bottom .goGreen a{ float:left; width:300px; height:106px; background-image:url(/goGreen.png); background-repeat:no-repeat; display:block; margin:2px 0; }
#bottom .goGreen a:hover{ float:left; width:300px; height:106px; background-image:url(/goGreen.png); background-repeat:no-repeat; background-position:0 -106px; display:block; }
#bottom .referFriend a{ float:left; width:300px; height:106px; background-image:url(/referFriend.png); background-repeat:no-repeat; display:block; margin:2px 0; }
#bottom .referFriend a:hover{ float:left; width:300px; height:106px; background-image:url(/referFriend.png); background-repeat:no-repeat; background-position:0 -106px; display:block; }


/* Squid */
#footer { width:900px; height:36px; background-image:url(/footerBG.png); background-repeat:no-repeat; margin:0 auto; clear:both; }
#footer .footerNav { float:left; padding-left:14px; padding-top:12px; color:#FFF;  }
#footer a  { font-size:11px; color:#FFF; text-decoration:none; margin:0 10px;}
#footer a:hover { color:#9cde3e; text-decoration:none; }
#footer .squid a{ float:right; width:106px; height:36px; background-image:url(/squidLogo.png); background-repeat:no-repeat; display:block; }
#footer .squid a:hover { float:right; width:106px; height:36px; background-image:url(/squidLogo.png); background-repeat:no-repeat;  background-position:0 -36px; 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 */