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

html, body{
	margin: 0;
	background: white url(/images/bg-main.gif) center top repeat-x;
}
/*---------------------------------------------platform--*/
.platform{
	width: 750px !important;
}
/*---------------------------------------------header--*/
.header{
	height: 115px;
	padding: 15px 20px 0 20px;
	background: url(/images/bg-header.gif) left top no-repeat;
}
	.navigation{
		height: 35px;
	}
/*---------------------------------------------container--*/
.container{
	background: white;
	color: #666666;
	font: 12px "Trebuchet MS";
	line-height: 1.5em;
}
	.contentWraper{
		padding: 35px 40px 50px 40px;
		background: url(/images/bg-container.gif) left top no-repeat;
		text-align: justify;
	}
/*---------------------------------------------featured--*/
.featured{
	width: 710px;
	padding: 30px 20px 20px 20px;
	background: #005882;
}
.featureWrapper{
	width: 690px;
	border: 10px solid #83a4bb;
	height: 280px;
	position: relative;
	display: block;
}
	.products{
		background: white url(/images/products.jpg) right top no-repeat;
	}
	.installation{
		background: white url(/images/installation.jpg) right top no-repeat;
	}
	.service{
		background: white url(/images/service.jpg) right top no-repeat;
	}
	.promotions{
		background: white url(/images/promopics.jpg) right top no-repeat;
	}
/*---------------------------------------------footer--*/
.footer{
	background: white;
	padding: 20px 20px 45px 20px;
	color: #a5bccd;
	font: 12px "Trebuchet MS";
}
	.footer div{
		width: 620px;
		background: #f2f6f9;
		border: 1px solid #d5e4ed;
		color: #97b2c5;
		padding: 8px;
		margin-bottom: 10px;
	}
	.footer a{ color: #a5bccd; text-decoration: none;}
	.footer a:hover{ color: #c73d41;}
	
/*---------------------------------------------text--*/
h1{
	color: #cf151a;
	font: bold 35px Arial, Helvetica, sans-serif;
	margin: 0;
	line-height: 1em;
	letter-spacing: -1px;
}
h2{
	color: #83a4bb;
	font: bold italic 12px Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
	line-height: 1em;
}
h4{
	color: #005882;
	font: italic normal 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0 0 10px 0;
	line-height: 1em;
}
.logos img{
	float: left;
	margin-left: 30px;
}
.sendBtn{
	background: #005882;
	border: none;
	color: #FFFFFF;
	font: italic 12px "Lucida Sans";
	padding: 5px 15px 5px 15px;
	float: right;
}
textarea, input{
	font: italic 12px "Lucida Sans";
}
.sendBtn:hover{
	background: #990000;
}
ul{
	margin: 10px 0 0 20px;
	padding: 0;
}
ul li{
	list-style-image: url(/images/bg_bullets.gif);
}
a{
	color: #005882;
	text-decoration: none;
}
	a:hover{
		color: #cf151a;
		text-decoration: underline;
	}

.detail{
	line-height: 1.2em;
}
	.detail span{
		color: #C00;	
	}