* {
	padding: 0px;
	margin: 0px;
}

html { 
	padding: 0px;
	margin: 0px;
}

body {
	background: #000 url(/img/background.jpg) top left repeat-x;	
	padding: 0px;
	margin: 0px;
	font-family: Arial, verdana, san-serif, georgia;
	color: #444;
	font-size: small;
}

div.clear {
	clear: both;
}

img {
	border: none;
}


/****************** HEADER ******************/


div.header {
	height: 90px;
}

div.headerwrap {
	width: 900px;
	margin: 0px auto;
	height: 90px;
}

div.headcol1 {
	width: 300px;
	float: left;
	text-align: left;
}

h1 {
	font-weight: 100;
	font-size: 180%;
	color: #f0f0f0;
	text-transform: uppercase;
	padding-top: 25px;
}

h1 a{
	color: #f0f0f0;
	text-decoration: none;
}



h2.slogan {
	font-weight: 100;
	font-size: 160%;
	color: #f0f0f0;
	padding-top: 40px;
}


div.headcol2 {
	width: 300px;
	float: left;
	text-align: center;
}

div.headcol3 {
	width: 300px;
	float: left;
	text-align: right;
	color: #f0f0f0;
}

div.headcol3 p.first {
	padding-top: 28px;
}

div.headcol3 a {
	color: #3366ff;
	text-decoration: none;
}

div.headcol3 a:hover {
	color: #CC3333;
	border-bottom: 1px dotted #CC3333;
}


/****************** NAVIGATION ******************/

div.nav {
	height: 37px;
}

div.navwrap {
	width: 900px;
	margin: 0px auto;
	height: 37px;
}

div.nav ul {
	list-style: none;
	background: url(/img/nav-bg.jpg) top left repeat-x;
	height: 37px;
}

div.nav ul li{
	float: left;
	text-align: center;
	width: 180px;
	font-size: 140%;
	letter-spacing: -1px;
}

div.nav ul li a{
	line-height: 37px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	display: block;
}

div.nav ul li a:hover {
	color: #3366ff;
}


div.nav ul li.first {
	background: url(/img/nav-first.jpg) top left no-repeat;	
}

div.nav ul li.firstselected {
	background: url(/img/nav-first-dark.jpg) top left no-repeat;
}

div.nav ul li.lastselected{
	background: url(/img/nav-last-dark.jpg) top right no-repeat;
}

div.nav ul li.firstselected a{
	color: #f0f0f0;
} 

div.nav ul li.lastselected a{
	color: #f0f0f0;
} 

div.nav ul li.last {
	background: url(/img/nav-last.jpg) top right no-repeat;	
}

div.nav ul li.selected {
	background: url(/img/nav-dark.jpg) top left repeat-x;	
}

div.nav ul li.selected a{
	color: #f0f0f0;
}


/****************** CONTENT ******************/
div.content {
}

div.contentwrap {
	width: 900px;
	margin: 0px auto;
}

div.banner {
	height: 128px;
	background: url(/img/banner.png) top right no-repeat;	
	margin-bottom: 15px;
}

div.banner h3{
	padding-top: 40px;
	padding-left: 48px;
	font-weight: 100;
	color: #f0f0f0;
	letter-spacing: -1px;
	font-size: 170%;
	text-transform: uppercase;
}


div.banner h4 {
	font-weight: 100;
	color: #f0f0f0;
	font-size: 120%;
	padding-left: 48px;
	text-transform: uppercase;
}

div.boxtop {
	background: url(/img/box-top.jpg) bottom left no-repeat;
	height: 10px;
}

div.box {
	background: #abacab url(/img/box-bg.jpg) top left repeat-x;
	padding: 20px 30px;
}

div.boxbottom {
	background: url(/img/box-bottom.jpg) top left no-repeat;
	height: 10px;
}




/****************** PRODUCTS ******************/


div.product {
	height: 175px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #999;
}

div.leftbox {
	float: left;
	width: 169px;
	height: 175px;
	margin-right: 30px;
	
}

div.rightcopy {
	float: left;
	width: 640px;
}

div.rightcopy p{
	line-height: 1.8em;
	color: #000;
	font-weight: bold;
}

div.rightcopy strong{
	line-height: 2.2em;
	color: #3366ff;
	font-weight: bold;
	text-transform: uppercase;
}



/****************** SERVICES ******************/


div.services {
	height: 570px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #999;
}

div.leftbox {
	float: left;
	width: 169px;
	height: 175px;
	margin-right: 30px;
	
}

div.rightcopy {
	float: left;
	width: 640px;
}

div.rightcopy p{
	line-height: 1.8em;
	color: #000;
	font-weight: bold;
}

div.rightcopy p a{
	line-height: 1.8em;
	color: ##3366ff;
	font-weight: bold;
	text-decoration: none;
}

div.rightcopy p a:hover {
	color: #cc3333;
	border-bottom: 1px dotted #cc3333;
}

div.rightcopy p a:visited {
	color: #137F00;
	
}

div.rightcopy strong{
	line-height: 2.2em;
	color: #3366ff;
	font-weight: bold;
	text-transform: uppercase;
}


/****************** QUOTE *******************/

div.quoteleft{
	float: right;
	width: 360px;
	margin-left: 50px;
}

div.quoteleft h3{
	font-size: 200%;
	font-weight: 100;
	padding-bottom: 5px;
	
}

div.quoteleft p{
	line-height: 1.3em;
	
}

div.quote{
	width: 422px;
}

div.quote textarea{
	background: none;
	border: 1px solid #353535;
	padding: 10px;
	color: #000;
	width: 400px;
}

div.quote input{
	background: none;
	border: 1px solid #1D1D1D;
	padding: 5px;
	color: #000;
	width: 410px;
}

div.quote label{
	width: 180px;
	font-size: 120%;
	letter-spacing: -1px;
	padding-bottom: 5px;
	color: #353535;
}

div.quote input.submit{
	background: none;
	padding: 5px;
	color: #353535;
	width: 100px;
	text-transform: uppercase;
}


/****************** CONTACT *******************/

div.contactleft{
	float: right;
	width: 360px;
	margin-left: 50px;
}

div.contactleft h3{
	font-size: 200%;
	font-weight: 100;
	padding-bottom: 5px;
	
}

div.contactleft p{
	line-height: 1.3em;
	
}

div.contact{
	width: 422px;
}

div.contact textarea{
	background: none;
	border: 1px solid #353535;
	padding: 10px;
	color: #000;
	width: 400px;
}

div.contact input{
	background: none;
	border: 1px solid #1D1D1D;
	padding: 5px;
	color: #000;
	width: 410px;
}

div.contact label{
	width: 180px;
	font-size: 120%;
	letter-spacing: -1px;
	padding-bottom: 5px;
	color: #353535;
}

div.contact input.submit{
	background: none;
	padding: 5px;
	color: #353535;
	width: 100px;
	text-transform: uppercase;
}


div.contactleft p2 a {
	color: #3366ff;
	text-decoration: none;
}

div.contactleft p2 a:hover {
	color: #CC3333;
	border-bottom: 1px dotted #CC3333;
}	


/****************** FOOTER ******************/


div.footer {
	height: 75px;
}

div.footerwrap {
	width: 900px;
	margin: 0px auto;
}

div.footer p.left {
	float: left;
	padding-top: 10px;
}


div.footer p.right {
	float: right;
	padding-top: 10px;
}

div.footer p.right a{
	color: #3366ff;
	text-decoration: none;
}

div.footer p.right a:hover{
	color: #cc3333;
	border-bottom: 1px dotted #cc3333;
}

div.footer p.center {
	float: center;
	padding-top: 10px;
}
