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

html, body{
	margin: 0px;
}
body{
	background: #efefef;
}
/*================================================================================================ PLATFORM */
#platform{
	background: white;
}
.wrapper{
	width: 900px;
	margin: 0px auto;
}
a{
	text-decoration: none;
	color: #f24d1a;
}
a:hover{
	color: #090;
}
a img{
	border: none;
}
.clear{
	clear: both;
}
/*================================================================================================ HEADER */
#header{
	background: white;
	border-bottom: 10px solid #525252;
	color: #525252;
	font: normal normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	#header .wrapper{
		padding-top: 25px;
	}
	.tollFree{
		float: right;
		text-align: right;
		margin-top: -10px;
		text-transform: uppercase;
		line-height: 1em;
		font-style: italic;
		width: 200px;
	}
	.tollFree span{
		display: block;
		font: italic bold 30px Tahoma, Geneva, sans-serif;
		color: #f24d1a;
		line-height: 1em;
	}
/*================================================================================================ CONTAINER */
#container{
	border-bottom: 1px solid #CCC;
	color: #666;
	font: normal normal 11px Verdana, Geneva, sans-serif;
}
.featured{
	background: url(/images/bg_backend.gif) center top repeat;
}
	.featured .wrapper{
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		line-height: 0em;
	}
	.home{
		background: #e9f1f2 url(/images/ft_home3.jpg) right bottom no-repeat;
		height: 338px;
		display: block;
		position: relative;
	}
.list li{
  list-style-image: url(/images/bg_list.gif);
  color: #333;
  font: italic normal 16px "Trebuchet MS";
  padding: 4px;
  float: left;
  width: 250px;
  margin-bottom: 10px;
}
.content{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	width: 840px;
	margin: 0px auto;
	background: url(/images/bg_content.gif) center top repeat-x;
	line-height: 1.6em;
	padding: 30px;
}
.hotButtons{
	margin-left: -30px;
	width: 900px;
}
	.hotButtons div{
		display: block;
		float: left;
		width: 265px;
		height: 110px;
		margin: 0px 10px;
		background: url(/images/bg_hotbtn.gif) left center repeat-y;
		color: #696969;
		position: relative;
		padding: 30px 0px 0px 15px;
	}
	.hotButtons div img{
		position: absolute;
		right: 0px;
	}
	.hotButtons div span{
		display: block;
		color: #f24d1a;
		font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	.hotButtons div a{
		display: block;
		height: 17px;
		width: 87px;
		color: #666;
		font: normal normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		line-height: 1em;
		background: url(/images/btn_hotbuttons.gif) left top no-repeat;
		padding: 6px 0px 0px 15px;
		position: absolute;
		bottom: 20px;
		left: 15px;
	}
	.hotButtons div a:hover{
		color: #f24d1a;
	}
.spaceIcons{
	float: right;
	width: 350px;
	margin-top: -10px;
}
	.spaceIcons a{
		display: block;
		background: url(/images/icon_space.gif) left center no-repeat;
		color: #666;
		font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 10px 0px;
		padding: 7px 0px 7px 35px;
		text-transform: uppercase
	}
	.spaceIcons a:hover{
		color: #F30;
	}
/*================================================================================================ FOOTER */
#footer{
	width: 900px;
	margin: 0px auto;
	text-align: center;
	font: normal normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
	text-transform: uppercase;
	line-height: 1.2em;
	padding: 25px 0px;
}
	#footer a{
		color: #999;
	}
	#footer a:hover{
		color: #f24d1a;
	}
/*================================================================================================ TYPOGRAPHY */
h1{
	color: #119d09;
	font: italic normal 40px "Myriad Pro", "Trebuchet MS";
	text-transform: uppercase;
	letter-spacing: -2px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
/*================================================================================================ MAP */
.contact{
		display: block;
		position: relative;
	}
		.contact a{
			display: block;
			width: 200px;
			position: absolute;
			background: #525252;
			color: #CCC;
			line-height: 1.3em;
			padding: 13px;
			text-align: center;
		}
		.contact a:hover{
			color: #FFF;
		}
		.contact a img{
			position: absolute;
			top: 10px;
		}