@import url('reset.css');

body{
	background: #a9c8d7 url(../img/bg.jpg) repeat-x;
	font-family: Arial;
	font-size: 12px;
	color: #676767;
}

.valign{
	vertical-align: middle;
}

#wrap{
	width: 822px;
	margin: 0 auto;
}

	#wrap .header{
		background: url(../img/header_bg.jpg) no-repeat;
		width: 822px;
		height: 205px;
		border-bottom: 1px solid #ededed;
	}
	
		#wrap .header .logo{
			float: left;
			margin-top: 115px;
			margin-left: 37px;
		}
		
		#wrap .header .buyit{
			float: right;
			margin-top: 106px;
			margin-right: 26px;
		}
	
	#wrap .top_nav{
		border-top: 1px solid #fefefe;
		border-bottom: 1px solid #fefefe;
		height: 35px;
		background: url(../img/top_nav_bg.jpg) repeat-x;
	}
	
			#wrap .top_nav ul li{
				float: left;
				font-size: 15px;
				font-family: Arial;
				font-weight: bold;
				color: #1b384e;
				border-right: 1px solid #dee0e1;
				padding: 10px;
				padding-right: 18px;
				padding-left: 18px;
				
			}
			
			#wrap .top_nav ul li a{
				color: #1b384e;
				text-decoration: none;
			}
			
			#wrap .top_nav ul li a:hover{
				color: #a17331;
			}
	
	#wrap .strip{
		background: url(../img/strip_bg.jpg) no-repeat;
		width: 822px;
		height: 222px;
	}
		#wrap .strip ul li{
			padding-left: 36px;
		}
	
		#wrap .strip ul li .text{
			padding-top: 58px;
			float: left;
			width: 320px;
		}
		
		#wrap .strip ul li .text .button{
			margin-top: 10px;
		}
		
		#wrap .strip ul li .image{
			float: right;
			padding-top: 10px;
			padding-right: 50px;
		}
	
	#wrap ul.feature-list{
		list-style-type: none;
	}
	#wrap ul.feature-list li{
		clear: both;
		background: none;
		display: block;
	}
	#wrap ul.feature-list .left{
		float: left;
	}
	
	#wrap ul.feature-list .right{
		float: right;
	}
	
	#wrap ul.feature-list .desc{
		width: 400px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	#wrap ul.feature-list .desc p{
		margin-bottom: 15px;
	}
	
	#wrap .feature-list .image{
		margin-top: 10px;
		margin-bottom: 20px;
		margin-right: 20px;
		width: 293px;
		height: 186px;
		background: url(../img/rotator/bg.jpg) no-repeat;
	}
	
	#wrap .feature-list .image img{
		padding-left: 10px;
		padding-top: 10px;
	}
	
	#wrap .features{
		border-bottom: 1px solid #eef2f4;
		height: 56px;
		background: url(../img/features_bg.jpg) repeat-x;
	}
			#wrap .features ul{
				margin: 0 auto;
				width: 720px;
			}
	
			#wrap .features ul li{
				float: left;
				font-size: 15px;
				font-family: Arial;
				font-weight: normal;
				color: #132431;
				border-right: 1px solid #d2e8f4;
				border-left: 1px solid #a9c7d7;
				padding: 20px;
				padding-right: 18px;
				padding-left: 18px;
				
			}
			
			#wrap .features ul li.first{
				border-left: 0;
			}
			
			#wrap .features ul li.last{
				border: 0;
			}
			
			#wrap .features ul li a{
				color: #132431;
				text-decoration: none;
			}
			
			#wrap .features ul li a:hover{
				color: #132431;
			}
	
	#wrap .content{
		background: #FFF url(../img/content_bg.jpg) repeat-y;
		width: 822px;
	}
	
	#wrap .content h2{
		color: #132431;
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 10px;
	}
	
	#wrap .content .inner{
		padding: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		line-height: 20px;
	}
	
		#wrap .content .inner .col1{
			width: 225px;
			float: left;
		}
		
		#wrap .content .inner .col1 ul{
			margin-bottom: 54px;
		}
		
		#wrap .content .inner .col2{
			width: 295px;
			float: left;
			margin-left: 15px;
			margin-right: 15px;
		}
		
		#wrap .content .inner .col2 ul.features{
			background: #FFF url(../img/icons.jpg) no-repeat;
			height: 124px;
			border: 0;
		}
		
		#wrap .content .inner .col2 ul.features h3{
			font-size: 16px;
			color: #676767;
		}
		
		#wrap .content .inner .col2 ul.features li{
			background: none;
			padding-left: 40px;
			padding-bottom: 10px;
		}
		
		#wrap .content .inner .col2 .rotator{
			background: url(../img/rotator/bg.jpg) no-repeat;
			width: 293px;
			height: 186px;
			margin-bottom: 20px;
		}
			#wrap .content .inner .col2 .rotator li{
				background: none;
				padding: 0;
				margin: 0;
				padding-top: 10px;
				padding-left: 10px;
			}
		
		#wrap .content .inner .col3{
			width: 225px;
			float: left;
		}
		
		#wrap .content .inner .col3 hr{
			height: 1px;
			background: #f1f1f1;
			margin-top: 15px;
			margin-bottom: 15px;
		}
		
		#wrap .content .inner ul{
			margin-top: 10px;
			margin-bottom: 15px;
		}
		
		#wrap .content .inner ul li{
			background: url(../img/li_star.jpg) no-repeat;
			padding-left: 20px;
			margin-bottom: 10px;
			margin-left: 15px;
		}
		
	
	#wrap .content .bottom{
		background: url(../img/content_bottom.jpg) no-repeat;
		width: 822px;
		height: 47px;
	}
	
	#wrap .footer{
		text-align: center;
		font-size: 11px;
		padding: 10px;
		font-weight: bold;
		color: #3a3a3a;
	}