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

body{
	background:#000 url(images/body-bg.jpg) left top repeat-x;
	font-size:13px; 	
}
*{
	margin:0px;
	padding:0px;	
}
.clear{
	clear:both;	
}
h1{
	font-size:22px;
	color:#FFF;
	padding:5px 0 10px 0;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
#body-wrap{
	width:100%;
	height:auto;
	background:url(images/inner-bg.jpg) center 71px no-repeat;	
}
#inner-top{
	width:940px;
	height:auto;
	margin:0 auto 0 auto;
}
#header{
	width:940px;
	height:70px;	
}
#logo{
	width:380px;
	height:60px;
	float:left;	
	padding-top:4px;
}
#nav{
	width:558px;
	height:40px;
	padding-top:16px;
	float:right;	
}
#nav ul{
	float:right;
	list-style:none;	
}
#nav ul li{
	float:left;
	list-style:none;	
	background:url(images/menu-bg.gif) left top no-repeat;
	height:29px;
	margin-right:5px;
	line-height:27px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
#nav ul li a{
	float:left;
	background:url(images/menu-bg.gif) right bottom no-repeat;
	height:29px;
	display:block;
	padding:0 10px 0 10px;
	text-decoration:none;
	color:#666;
}
#nav ul li a:hover{
	color:#000;
}
#introduction{
	width:940px;
	height:130px;
	text-align:center;	
}
#introduction h1{
	font-size:32px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-weight:normal;
	padding:5px 0 5px 0px
}
#introduction p{
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-weight:bold;
	padding:5px 0 5px 0px;
	line-height:24px;
}
#introduction a{
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-weight:bold;
}
#banner{
	width:940px;
	height:420px;	
}
#innerbanner{
	width:940px;
	height:220px;
	text-align:center;	
}
#innerbanner img{
	margin-top:33px;	
}
.inner{
	width:940px;
	height:auto;
	margin:0 auto 35px auto;
	padding-bottom:5px;
}
.inner p{
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-weight:bold;
	padding:5px 0 10px 0;
	line-height:24px;
	text-align:center;	
}
.innerBox{
	width:940px;
	height:auto;
	margin:0 auto 0 auto;
	padding-bottom:10px;
}
.innerBox p{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:5px 0 10px 0;
	line-height:20px;
}
#mid-wrap{
	width:100%;
	height:auto;
	background:url(images/black-1.jpg) left top repeat-x;
	padding-top:30px;	
}
#mid-wrap .box{
	width:292px;
	float:left;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
#mid-wrap .title{
	height:32px;
	background:url(images/bullet.png) left top no-repeat;
	padding:3px 0 0 40px;
	font-size:18px;
}
.title.green{
	color:#06a21a;
}
.title.blue{
	color:#66a6ff;
}
.title.yellow{
	color:#e4e657;
}
.box p{
	font-size:13px;
	color:#FFF;
	font-weight:normal;
	padding:5px 0 15px 0;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
a.learn{
	font-size:13px;
	color:#FFF;
	padding:0px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
a.learn:hover{
	text-decoration:underline;	
}
#footer-wrap{
	width:100%;
	height:auto;
	background:url(images/black-2.jpg) left top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
}
#footer-wrap .inner{
	text-align:left;
}
.footer{
	float:left;
	width:230px;
	height:50px;
	font-size:12px;	
	color:#FFF;
	padding-right:15px;
}
.footer.bg{
	background:url(images/line.png) 235px 5px no-repeat;	
}
.footer.bg p{
	font-size:13px;
	color:#FFF;
	font-weight:normal;
	padding:5px 0 15px 0;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
.footer-menu{
	float:right;
	width:400px;
	text-align:right;
	padding-top:5px;
		
}
.footer-menu a{
	color:#CCC;
	text-decoration:none;
	padding:0 10px 0 5px;
}

table.compare{
	color:#CCC;	
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #333;
	border-collapse:collapse;
}
table.compare td{
	padding:8px;
	border:1px solid #333;
}
table.compare tr.gray{
	background:#232323;	
}
table.compare th{
	padding:8px;
	border:1px solid #333;
	color: #CCC;
	font-weight:bold;
}
h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#CCC;
	padding:5px 0 5px 0;	
}
ul.product{
	padding:5px 0 15px 20px;
	list-style:none;	
}
ul.product li{
	padding:5px 0 0 20px;
	list-style:none;
	background:url(images/bullet.jpg) 0px 8px no-repeat;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;	
}
.projectBox{
	width:940px;
	height:auto;
	margin:0 auto 0 auto;
	padding-bottom:10px;
}
.projectBox img{
	float:left;
	margin: 0 25px 15px 0;
	padding:2px;
	border:1px solid #333;
}
.projectBox img:hover{
	border:1px solid #666;
}
.projectBox p{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:5px 0 10px 0;
	line-height:20px;
	width:300px;
	float:left;
}