﻿/***** RESET ******/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,em,strong,dfn,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}

img, div { 
	behavior: url(iepngfix.htc) 
}


/***** END RESET *****/


body {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	background-color: black;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
}


a {
	color: #557199;
	text-decoration: none;
}

a:hover {
	color: #557199;
	text-decoration: underline;
}



/*
HEADER --------------------------------------- */
#header {
	background: url('../images/headerBG.jpg') repeat-x left top;
	height: 115px;
	width: 100%;
}

#header .content {
	height: 95px;
	margin: auto;
	padding: 10px;
	width: 950px;
}



/*
NAV --------------------------------------- */

#header .content .nav {
	float: right;
	width: 520px;
}

#header .content .nav ul {
	float: right;
	margin-top: 25px;
	width: 520px;
	text-align: right;
}

#header .content .nav ul li {
	float: right;
	display: inline;
	margin-left: 30px;
	margin-right: 0px;

}


#header .content .nav ul li a {
	color: #557199;
	display: block;
	font-size: 1.1em;
	padding: 5px 5px;
	text-decoration: none;
}

#header .content .nav ul li a:hover {
	background-color: #557199;
	color: #fff;
}



/*
BANNER --------------------------------------- */

#banner {
	background: url('../images/bannerBG.jpg') repeat-x left top;
	height: 240px;
	width: 100%;
}


#banner .content {
	height: 240px;
	margin: auto;
	height: 100%;
	width: 970px;
}



/*
BODY --------------------------------------- */

#body {
	background: white url('../images/bodyBG.jpg') repeat-x top left;
	clear: both;
	margin-top: -1px;
	width: 100%;
}

#body .content {
	margin: auto;
	width: 970px;
}

#body .content .leftColumn {
	float: left;
	font-size: .9em;
	line-height: 1.2em;
	padding: 25px 0px 0px 10px;
	width: 470px;
}

#body .content .leftColumn p {
	margin-top: 20px;
}

#body .content .leftColumn h1.m3 {
	color: #2f578b;
	font-size: 2.5em;
	line-height: .65em;
}

#body .content .leftColumn h1.m3 span.secondary {
	font-size: .5em;
	margin-left: 0px;
}

#body .content .rightColumn {
	float: right;
	padding: 25px 10px 0px 0px;
	width: 450px;
}


/** QUOTES **/

.quoteModule {
	font-size: 1.1em;
	margin: auto;
	padding: 5px;
	width: 440px;
}

.quoteModule p {
	background-color: #ebbf22;
	border: 1px #deaa06 solid;
	padding: 7px;
}

.quoteModule p .quoteBy {
	display: block;
	font-size: .8em;
	font-style: italic;
	text-align: right;
}


/** PRODUCT MODULES **/

.productModule table {
	margin-top: 25px;
}


/*
FOOTER --------------------------------------- */

#footer {
	border-top: 1px #2f578b solid;
	clear: both;
	font-size: .7em;
	margin: auto;
	padding-bottom: 20px;
	position: relative;
	top: 00px;
	text-align:center;
	width: 700px;
	height: 40px;
}

#footer ul {
	margin: auto;
	text-align:center;
	width: 300px;
}

#footer ul li	{
	float: right;
	margin: 0px 10px;
}

#footer ul li a {
	color: black;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer p {
	clear: both;
	display: block;
	padding-top: 10px;
}



/*
GENERAL STYLES --------------------------------------- */


.left {
	float: left;
}

.right {
	float: right;
}

img.center {
	display: block;
	margin: auto;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.list {
	margin: 20px 0px 0px 20px;
}

ul.list li {
	list-style: disc;
}

ul.list li ul {
	margin-left: 20px;
}

ul.list li ul li {
	list-style: circle;
}