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

html, body{
	margin: 0;
}
body{
	background: url(/images/bg_backend.gif) center top repeat-x;
}
/*----------------------------------------------------------------------------------------------PLATFORM*/

/*----------------------------------------------------------------------------------------------HEADER*/
.header{
	background: url(/images/bg_header.jpg) right top no-repeat;
	height: 130px;
	width: 950px;
}
	a.logo{
		float: left;
		margin: 15px 0 0 30px;
	}
	.tollFree{
		background: url(/images/bg_toll-free.gif) left top no-repeat;
		color: #b6c1cd;
		float: right;
		font: italic bold 14px "lucida sans";
		letter-spacing: -1px;
		line-height: 1.2em;
		height: 23px;
		padding: 4px 0 0 0;
		margin: 0 30px 0 0;
		width: 235px;
	}
		.tollFree span{
			color: #e16d3c;
		}
/*----------------------------------------------------------------------------------------------NAVIGATION*/
#Nav{
	background: url(/images/bg_navigation.gif) center top repeat-x;
	height: 40px;
	width: 100%;
}
/*----------------------------------------------------------------------------------------------CONTAINER*/
.container{
	background: #eff0f2 url(/images/bg_container.gif) center top repeat-x;
	border-bottom: 1px solid  #d9dee3;
	color: #777d84;
	font: 12px "Trebuchet MS";
	width: 100%;
}
.content{
	border-top: 1px solid #90a0b2;
	border-left: 1px solid #c6cfd8;
	border-right: 1px solid #c6cfd8;
	text-align: left;
	width: 950px;
}
	.content .wrapper{
		padding: 20px;
		border-top: 1px solid #c6cfd8;
	}
/*----------------------------------------------------------------------------------------------FOOTER*/
.footer{
	color: #a5b0be;
	font: 10px "Trebuchet MS";
	line-height: 1.2em;
	text-transform: uppercase;
	padding: 25px 0 25px 0;
	width: 900px;
}
	.footer a{
		color: #a5b0be;
	}
	.footer a:hover{
		color: #e16d3c;
	}
/*----------------------------------------------------------------------------------------------TYPE FACE + LINKS*/
h1{
	color: #ef561a;
	font: normal normal 28px "Trebuchet MS";
	letter-spacing: -1px;
	line-height: .8em;
	margin: 0 0 20px 0;
}
h2, h3{
	color: #14417a;
	font: normal normal 16px "Trebuchet MS";
	line-height: 1.2em;
	margin: 0 0 15px 0;
}
	h3{
		color: #ef561a;
	}
.blueText{
	font-weight: bold;
	color: #14417a;
}
.italics{
	font: italic normal 11px "lucida sans";
	line-height: 1.3em;
}
.smallText{
	font: italic normal 10px "lucida sans";
	color: #b0b0b0;
	line-height: 1em;
}
a.readmore{
	display: block;
	width: 68px;
	height: 16px;
	background: url(/images/btn_readmore.gif) left top no-repeat;
	color: white;
	font: italic 10px "lucida sans";
	float: right;
	padding: 2px 0 0 5px;
}
	a.readmore:hover{
		background: url(/images/btn_readmore.gif) left bottom no-repeat;
		text-decoration: none;
	}
a{
	color: #ef561a;
	text-decoration: none;
}
	a:hover{
		text-decoration: underline;
	}
ul{
	margin: 0;
	padding: 0 0 20px 20px;
}
li{
	list-style-image: url(/images/bg_li.gif);
}

/********************
/** CONTENT
/********************/
.featured{
	background: #abb9c6;
	padding: 5px;
}
/*.bodyPanel{
	
}*/
.sidePanel, .sidePanel2{
	border-left: 1px solid #c6cfd8;
	line-height: 1.2em;
	width: 360px;
	padding-bottom: 30px;
}
	.sidePanel2{
		width: 270px;
	}
.options a{
	display:block;
	padding: 4px 10px 4px 30px;
	background: url(/images/bg-list.gif) 20px 8px no-repeat;
	color: #ef561a;
	font: italic 12px "Lucida Sans";
	text-decoration: none;
}
	.options a:hover{
		background-color: #c3cad3;
	}
.plane{
	position: absolute;
	top: 510px;
	left: 50%;
	margin-left: 325px;
	z-index: 100;
}
.hotBtns{
	width: 590px;
	margin-left: -1px;
}
	.cells{
		float: left;
		border-left: 1px solid #c6cfd8;
		width: 254px;
		height: 200px;
		padding: 20px;
		line-height: 1.2em;
	}
	.cells img{
		padding: 1px;
		border: 1px solid #c6cfd8;
	}
	.cells:hover img{
		border: 1px solid #e06835;
	}
/********************
/** NEWS LATTER FORM
/********************/
form{
	margin: 0;
	padding: 0;
}
.inputField{
	background: white;
	border: 1px solid #d6dbe1;
	color: #ef561a;
	font: italic 12px "lucida sans";
	padding: 5px 0 5px 5px;
}
.btnSignup{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 74px;
	height: 27px;
	background: url(/images/btn_signup-btn.gif) left top no-repeat;
	border: none;
	margin: 0;
	padding: 0;
}
	.btnSignup:hover{
		background: url(/images/btn_signup-btn.gif) left bottom no-repeat;
	}
	
/********************
/** CONTACT FORM
/********************/
.formField{
	width: 280px;
	background: white;
	border: 1px solid #d6dbe1;
	color: #ef561a;
	font: italic 12px "lucida sans";
	padding: 5px 0 5px 5px;
}
.formArea{
	width: 280px;
	height: 100px;
	background: white;
	border: 1px solid #d6dbe1;
	color: #ef561a;
	font: italic 12px "lucida sans";
}
.formBtn{
	width: 74px;
	height: 27px;
	background: url(/images/submit-btn.gif) left top no-repeat;
	border: none;
	cursor: default;
	margin-right: 5px;
}
	.formBtn:hover{
		background: url(/images/submit-btn.gif) left bottom no-repeat;
	}
/*---quote---*/
.bqstart {
     float: left;
     height: 5px;
     margin-top: -35px;
     font-size: 1000%;
     color: #d5d8dd;
	 z-index: 1;
 }

 .bqend {
     float: right;
     height: 25px;
     margin-top: -37px;
     font-size: 1000%;
     color: #dfe1e3;
	 z-index: 1;
 }