@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/bkgnd_main.png);
	background-repeat:repeat-x;
	background-color:#3E9BFB;
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Default Link Styling */
a {color: #2C76C9; text-decoration:none;}
a:link {color: #2C76C9; text-decoration:none;}      /* unvisited link */
a:visited {color: #2C76C9; text-decoration:none;}  /* visited link */
a:hover {color: #E76420; text-decoration:none;}  /* mouse over link */
a:active {color: #2C76C9; text-decoration:none;}  /* selected link */

/* TopNav Links */
.topnav a {color: #fff; text-decoration:none;}
.topnav a:link {color: #fff; text-decoration:none;}      /* unvisited link */
.topnav a:visited {color: #fff; text-decoration:none;}  /* visited link */
.topnav a:hover {color: #FC0; text-decoration:none;}  /* mouse over link */
.topnav a:active {color: #FFF; text-decoration:none;}  /* selected link */

/* MainNav links */
.mainnav a {color: #012566; text-decoration:none;}
.mainnav a:link {color: #012566; text-decoration:none;}      /* unvisited link */
.mainnav a:visited {color: #012566; text-decoration:none;}  /* visited link */
.mainnav a:hover {color: #F00; text-decoration:none;}  /* mouse over link */
.mainnav a:active {color: #012566; text-decoration:none;}  /* selected link */

/* Footer links */
.footer a {color: #EBEBEB; text-decoration:none; font-size:12px; font-weight:bold;}
.footer a:link {color: #EBEBEB; text-decoration:none; font-size:12px; font-weight:bold;}      /* unvisited link */
.footer a:visited {color: #EBEBEB; text-decoration:none; font-size:12px; font-weight:bold;}  /* visited link */
.footer a:hover {color: #327CDB; text-decoration:none; font-size:12px; font-weight:bold;}  /* mouse over link */
.footer a:active {color: #327CDB; text-decoration:none; font-size:12px; font-weight:bold;}  /* selected link */

/* Begin Text Formatting Section */

body,td,th {
	font-family: Arial, Verdanda, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
}

p {
	font-family: Arial, Verdanda, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	line-height:20px;
}

h1 {
	font-size:23px;
	font-weight:bold;
	line-height:25px;
}

h2 {
	font-size:24px;
	font-weight:normal;
	line-height:40px;
	color:#022567;
}

h3 {
	font-size:17px;
	font-weight:normal;
	line-height:30px;
	color:#1d48a6;
}

h4 {
	font-size:18px;
	font-weight:normal;
}

span {
	font-size:12px;
}

span.title {
	color:#999;
	font-size:26px;
	font-weight:500;
}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.shadow {text-shadow: #222 2px 2px 4px;}
.white {color:#fff;}
.lightgrey {color:#999;}
.mediumgrey {color:#666;}
.darkgrey {color:#333;}
.black {color:#kkk;}
.red {color:#F00;}
.darkred {color:#900;}
.lightorange {color:#FFB36C;}
.orange {color:#C0923A;}
.lightyellow {color:#FF6;}
.yellow {color:#FF0;}
.warmyellow {color:#FC0;}
.lightgreen {color:#BBFFA8;}
.green {color:#0C0;}
.darkgreen {color:#060;}
.lightblue {color:#2C76C9;}
.blue {color:#327CDB;}
.darkblue {color:#022567;}
.darkblue2 {color:#022567;
font-weight:normal;
line-height:30px}
.medblue{
	color:#1d48a6;
	font-weight:normal;
}
.darkblue3 {color:#022567;
font-weight:bold;
font-size:14px;}
.lightpurple {color#E1AAFF;}
.purple {color:#606;}
.darkpurple {color:#3F0053;}
.pink {color:#F9F;}
.whiteline {background-color:#fff; height:2px; width:95%;}
.blackline {background-color:#000; height:2px; width:95%;}

/* End Text Formatting Section */


/* Begin Div Containers */

#container {
	width:100%; 
	margin:0px auto;
}

#header {
	width:960px;
	height:130px;
	margin:0px auto;
	text-align:left;
}

#logo {
	width:225px; 
	height:63px;
	float:left;
	text-align:left;
	padding:10px 0px 0px 0px;
}

#topnav {
	background-image: url(../images/bkgnd_topnav.png);
	background-repeat:no-repeat;
	background-color: #242424;
	float:none;
	width:100%;
	height:30px;
	margin:0px auto;
	overflow:hidden;
}

.topnavtext {
	width:700px;
	height:30px;
	float:right;
	line-height:30px;
	text-align:right;
	margin:0px;
	overflow:hidden;
}

.topnavicon { position:relative; top:3px; } 

#contentbox {
	background-color:#fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.32, #FFFFFF), color-stop(0.83, #F2F2F2));
	background-image: -moz-linear-gradient(center bottom, #FFFFFF 32%, #F2F2F2 83%);
	-moz-border-radius: 0px 0px 12px 12px;
    -webkit-border-radius: 0px 0px 12px 12px;
    -khtml-border-radius: 0px 0px 12px 12px;
	border-radius: 0px 0px 12px 12px;
	-moz-box-shadow: 0px 3px 10px #000;
	-webkit-box-shadow: 0px 3px 10px #000;
	box-shadow: 0px 3px 10px #000;
	width:960px;
	min-height:320px;
	margin:0px auto;
	overflow:visible;
	behavior: url(http://www.butlerandmessier.com/Scripts/PIE.htc);
}

#mainnav {
	width:700px;
	height:50px;
	float:right;
	margin:0px;
	line-height:32px;
	text-align:left;
	overflow:visible;
}

.main {
	width:860px;
	float:none;
	margin:50px;
	text-align:left;
	overflow:hidden;
}

.onecol {
	background-color:;
	width:900px;
	float:left;
}

.twocol {
	background-color:;
	width:435px;
	float:left;
	margin:0px 15px 0px 0px;
}

.threecol {
	background-color:;
	width:290px;
	float:left;
	margin: 0px 10px 0px 0px;
}

.subfeaturecontainer {
	width:960px;
	margin:0px auto;
	text-align:center;
}

subfeature.spacer {clear:both;}

.subfeature {
	background-repeat:no-repeat;
	width:280px;
	float:right;
	padding:0px 32px 0px 0px;
}

.subfeature a {color: #2C76C9;}
.subfeature a:link {color: #2C76C9; text-decoration:none;}      /* unvisited link */
.subfeature a:visited {color: #2C76C9; text-decoration:none;}  /* visited link */
.subfeature a:hover {color: #E76420; text-decoration:none;}  /* mouse over link */
.subfeature a:active {color: #2C76C9; text-decoration:none;}  /* selected link */

.hometext {
	width:900px;
	border-color:#333;
	text-align:left;
	margin:0px auto;
}

.freetrial {
	width:200px;
	height:70px;
	float:right;
}

.clearfix {clear:both;}

#footercontainer {
	width:960px;
	margin:0px auto;
}

#footer {
	background-image: url(../images/bkgnd_footer.png);
	background-repeat:repeat-x;
	background-color: #022567;
	width:100%;
	height:132px;
	margin:0px auto;
	overflow:hidden;
}
	
/* End Div Containers */


/* ================Slider Section=============== */

#slide1 {background:url(../images/slider/slider1.jpg) no-repeat;}
#slide1b {background:url(../images/slider/slider1b.jpg) no-repeat;}
#slide2 {background:url(../images/slider/slider2.jpg) no-repeat;}
#slide3 {background:url(../images/slider/slider3.jpg) no-repeat;}
#slide4 {background:url(../images/slider/slider4.jpg) no-repeat;}

.sliderHeaderText {
    margin:25px 5px 5px 60px;
    color:#fff;
    font: bold 24px Arial, sans-serif;
    text-shadow: .1em .1em .1em #00406F;
}

#slider ul li img { margin: 30px 0 5px 60px; }

.slidertext {
    width:400px;
    margin-left: 60px;
    font: 18px Arial, Verdana, Helvetica, sans-serif;
    text-align:left;
	line-height:28px;
}

.headline {
	color:#C4D7FF;
	font-size:36px;
	font-weight:bold;
	text-shadow: 1px 1px 5px #000;
}

.large {
	font-size:24px;
	font-weight:bold;
}

.medium {
	font-size:18px;
	
}

.small {
	font-size:16px;
}

.featuresBtn{
    margin-left: 60px;
    background:url(../images/slider/btn_features.png) no-repeat;
    height:35px;
    width:145px;
    display:block;
    text-indent:-9999px;
    background-position: bottom left;
}

a.featuresBtn:hover{ background-position: top left;}

.freetrialBtn{
    margin-left: 60px;
    background:url(../images/slider/btn_freetrial.png) no-repeat;
    height:35px;
    width:145px;
    display:block;
    text-indent:-9999px;
    background-position: bottom left;
}

a.freetrialBtn:hover{ background-position: top left;}

.learnmoreBtn{
    margin-left: 60px;
    background:url(../images/slider/btn_learnmore.png) no-repeat;
    height:35px;
    width:145px;
    display:block;
    text-indent:-9999px;
    background-position: bottom left;
}

a.learnmoreBtn:hover{ background-position: top left;}

.pricingBtn{
    margin-left: 60px;
    background:url(../images/slider/btn_pricing.png) no-repeat;
    height:35px;
    width:145px;
    display:block;
    text-indent:-9999px;
    background-position: bottom left;
}

a.pricingBtn:hover{ background-position: top left;}

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
    z-index:500 !important;
}

#sliderContainer {
    background:#FFF;
    margin:0 auto;
    position:relative;
    text-align:left;
    width:960px;
    margin-bottom:2em;
}

#sliderContent {
    position:relative;
    margin:0 auto;
}

#slider ul{
  overflow: hidden;
  }

#slider ul, #slider li, #slider2 ul, #slider2 li {
    margin:0;
    padding:0;
    list-style:none;
}

#slider2 {margin-top:1em;}

#slider li, #slider2 li,  #slider3 li {
    width:960px;
    height:300px;
    overflow:hidden;
}

#prevBtn, #nextBtn, #slider1next, #slider1prev {
    display:block;
    width:25px;
    height:25px;
    position:absolute;
    left:-12px;
    top:131px;
    z-index:1000;
}

#nextBtn, #slider1next {
    left:947px;
}

#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {
    display:block;
    position:relative;
    width:25px;
    height:25px;
    background:url(../images/slider/prevButton.png) no-repeat 0 0;
}

#nextBtn a, #slider1next a {
	background:url(../images/slider/nextButton.png) no-repeat 0 0;
}


/*  ===== HOMEPIECE ============================ */

#homeMenu{
background:#fff url(../images/slider/sliderBack.jpg) repeat-x bottom;
height:410px;
width:100%;
margin:0 0 10px;
text-align:center;
}

#productImgs{
  width:960px;
  margin:0 auto;
}

.homeProduct{
  float:left;
  margin:0;
  text-align:center;
  width:293px;
  height:auto;
}

.homeProductBtn{
  margin:5px auto 0;
  background:url(../images/slider/quote-button.png) no-repeat;
  height:35px;
  width:145px;
  display:block;
  text-indent:-9999px;
  background-position:bottom left;
}

a.homeProductBtn:hover{background-position:top left;}


.oilBtn{
  margin:5px auto 0;
  background:url(../images/slider/learnMoreBtn.jpg) no-repeat;
  height:35px;
  width:145px;
  display:block;
  text-indent:-9999px;
  background-position:bottom left;
}

a.oilBtn:hover{background-position:top left;}

.smaller {
	font-size:12px;
}

ul.normal { 
list-style-type: disc;
padding-left:20px;
}

li.normal { 
list-style-type: disc;
margin-left:30px;
}

/* ==============END SLIDER SECTION============== */

#header-mobile {
display:none;
}

#nav-mobile {
	display:none;
}

#nav-mobile1 {
	display:none;
}

.footer-mobile {
	display:none;
}

.quote-mobile {
	display:none;
}