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

html,body {
	margin:0px;
	padding:0px;
	height:100%;
	background:#FFF url(../images/bg.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#838383;
}

#container {
	position:relative;
	width:900px;
	min-height:100%;
	margin:0 auto;
}
#header {
	position:relative;
	width:900px;
	height:220px;
	background:url(../images/header.png);
	background-position:0 -40px;
}
#graphic_bar {
	position:relative;
	width:812px;
	height:280px;
	margin:0 0 30px 44px;
	background:#000;
}
#left_box {
	width:420px;
	float:left;
	padding-left:30px;
}
#right_box {
	width:420px;
	float:right;
	padding:15px;
}
#learn {
	position:absolute;
	top:207px;
	left:659px;
}
	#learn a {width:68px;height:29px; background:url(../images/learn.png); display:block;}
	#learn a:hover {background:url(../images/learn.png); background-position:-68px 0px;}
#content {
	position:relative;
	width:900px;
	min-height:100%;
	background:#FFF;
}
#footer {
	position:relative;
	width:900px;
	min-width:100%;
	height:50px;
	margin:0 auto;
	background:#323232;
	border-top:#494949 solid 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
}
	#footer a {
		text-decoration:none;
		color:#FFF;
	}
	#footer a:hover {
		color:#94beb4;
	}
#footer_container {
	position:relative;
	width:900px;
	height:50px;
	margin:auto
}
.heading {
	font-size:24px;
	color:#94beb4;
}
.app_box {
	position:relative; 
	margin-top:20px;
}
.prod_box {
	position:relative;
	width:730px; 
	margin:40px auto 0;
}
.prod_box div {
	position:relative;
	width:460px; 
	margin-bottom:20px;
}
.prod_box a {
	text-decoration:none;
	color:#c5c273;
}
.prod_box a:hover {
	color:#000;
}