/* Copyright © 2005 - 2007 VenCo International LLC. All rights reserved. */

body {
	margin:5px;
	padding:0px;
	text-align:center;
	background-color:#5C0100;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}

* {margin:0; padding:0;}

h1 { 
	font: bold 11pt Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #000000;
}

h2 { 
	font: italic bold 14pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #FFF;
}

h3 { 
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #5C0100; /*#675331;*/
}

h4 { 
	font: italic bold 10pt Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #FFF;
}

h5 { 
font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #fff; /*#675331;*/
}	
a:link { 
  font:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: underline; 
	color: #e2e3e4;
}
	
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #e0b78b;
}
	
a:hover, a:active { 
	text-decoration: underline; 
	color: #a6b6ab;
}

div#sideNavBar {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-right:thin;
	border-color:#CCCCCC;
	padding-right: 5px;
}

div#intro {
  width:485px;
  font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;
}

div#intro a:link {
  text-decoration: none; 
	color: #00639e;
}

div#intro h6 {
  height: 20px;
  margin: 0px 55px 0px 0px;
  font-size:.8em;
  padding-left:25px;
  color: red;
}

div#mainwrap {
  width:774px; 
  margin-left:auto; 
  margin-right:auto;  
  text-align:left;
  
}

div#header {
  margin-top:5px;  
  background-position:left;
  width:774px; 
  height:0px;
  background-color:#5C0100; 
  text-align:right; 
  }
  
div#contentarea {
  background: url('../images/Swoop-L_3.jpg') no-repeat;
  width:820px;
  height:auto;
  min-height:780px;
  position: relative;
  border:solid;
  border-color:#8F9190;
}

div#column1 {
  margin-top:170px;
  padding: 25px 5px 50px 5px;
  width:100px;
  float:left;
  border-right: 1px solid;
  border-color:#999999;
}
  
div#column1 ul {
  margin: 20px 0 0 20px;
}

div#column1 a:link, a:visited {
  font-size:.9em;
  font-weight: bold;
  text-decoration: underline;
  color: #333333;
}

div#column2 {
  margin-top:170px;
  padding:5px 5px 5px 8px;
  width:610px; 
  float:left;  
}

div#column2 img {
  float:right;
  margin:2px 6px 6px 20px;
}

div#oilImg img {
  float:right;
	margin:-315px 150px 6px 0px;
}

div#column2 p {
  font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	letter-spacing:.1em;
  margin:1em 30px;
}  
  
div#column2 ul {
  font: 12px/18px Verdana, Arial, Helvetica, sans-serif; 
  padding-left:5px;
  margin: 20px 0 0 20px;
} 

div#column2 ul a:link { 
  font-size:1em;
	font-weight: bold; 
	text-decoration: underline; 
	color: navy;
} 

div#column2 a:visited {
  font-size:1em; 
	font-weight: bold; 
	text-decoration: underline; 
	color: #ad855a;
}

div#column2 a:hover { 
  font-size:1em;
	font-weight: bold; 
	text-decoration: underline; 
	color: #011341;
}

div#benefits {
  float:right;
  font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
/*	line-height:20px;
	letter-spacing:.1em;*/
	margin-top:85px;
  width:600px;
}

div#intro img {
  float:right;
	margin-top:6px; 2px; 6px; 6000px;
}

div#benefits img {
  float:left;
  margin-right:20px;
  margin-top:50px;
}

div#products img {
  float:right;
  margin-bottom: 120px;
  margin-top: -100px;
}

div#floatImg {
  float:right;
  margin-left: 200px;
  margin-top: -1800px;
}

div#inf {
  width:320px;
  height:auto;
  float:right;
  margin-top:-600px;
	margin-right:15px;
	background-color:#5C0100;
	border:double;
	border-color:#000;
}



div#footer {
  font: .85em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
  width:774px; 
  height: 60px;
  text-align:center; 
  padding-top:6px;
}

div#footer a:visited {
  font-size:1em;
  font-weight: bold; 
	text-decoration: underline; 
	color: #0099CC;
}

.foot {
  background-color:#00639e;
  font: .85em Verdana, Arial, Helvetica, sans-serif;
  width:774px; 
  height: 60px;
  text-align:center; 
  padding-top:6px;
}

.sideBarText {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #23282d;
	margin-bottom: 10px;
}
.sideBarText2 {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #23282d;
	margin-bottom: 10px;
}

.sideBarTextLink {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #23282d;
	margin-bottom: 10px;
}

.heading {
	font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e2e3e4;
	margin-bottom: 10px;
}

.whiteText {
  font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	/*line-height:20px;
	letter-spacing:.1em;*/
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
  	display: block;            /* inline elements don't respond to the clear property */ 
    height: 0;                 /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	       /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}/* bug in IE6 */
* html .clearfix {height: 1%;}
.clearfix {display: block;}