/*
-------------------------------------------------------------------------------------------------
Theme Name:   Labs
-------------------------------------------------------------------------------------------------
*/

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td img{ margin: 0; padding: 0; }

html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222222;
	line-height:22px;
}
body{
	background:#efefef url(../images/bg-stroke.jpg) repeat-x;
}
input, 
textarea{
	outline:none;/* preventing the chrome and safari nasty yellow border */	
}
a:focus{
	outline:none;
}
a, 
a:visited, 
a:active{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}
i{
	font-size:11px;
}
h1{
	color:#333;
}
h2{
	color:#333;
}
h3{
	color:#333;
}
h4{
	color:#333;
}
h5{
	color:#333;
}
h6{
	color:#333;
}
img{
	border:none;
}
ol{
	list-style:none!important;
}
div#container{
	width:1000px;
	margin:0 auto!important;
	position:relative;
}
div#header{
	width:1000px;
	height:164px;
	float:left;
}
div#menu{
	width:1000px;
	height:30px;
	float:left;
	padding:10px 0 0 0;
	color:#FFF;
}
div#menu .left{
	width:700px;
	float:left;
}
div#menu .right{
	width:300px;
	float:left;
	text-align:right;
}
div#menu a,
div#menu a:active,
div#menu a:visited{
	color:#FFF;
	font-size:16px;
}
div#banner{
	width:728px;
	height:90px;
	margin:17px 135px 10px 135px;
	float:left;
}
div#banner img{
	width:728px;
	height:90px;
	/*border:1px solid #6da54c;*/
}
div#banner img a{
	width:728px;
	height:90px;
	background:#3C3;
}

/* content styels */

div#content{
	width:1000px;
	float:left;
}
div.temp-box{
	width:1000px;
	float:left;
	margin-top:80px;
}
div.box-header{
	width:1000px;
	height:50px;
	float:left;
	background:#528037;
	margin-bottom:20px;
}
div.box-header h2{
	float:left;
	width:700px;
	font-size:24px;
	font-weight:normal;
	color:#FFF;
	margin:14px 0 0 10px;
}
div.box-header h3{
	float:right;
	width:280px;
	_width:270px;/* IE 6 */
	font-size:24px;
	font-weight:normal;
	color:#FFF;
	margin:14px 10px 0 0px;
	_margin:14px 5px 0 0px;/* IE 6 */
	text-align:right;
}
div.screenshots{
	width:500px;
	float:left;
	margin-right:40px;
	_margin-right:20px;/* IE 6 */
}
div.temp-box-img{
	width:480px;
    border:1px solid #ccc;
	float:left;
	background-color:#FFF;
	padding:10px;
	margin-bottom:20px;
	line-height:0;
}
div.info{
	width:460px;
	float:left;
}
div.temp-box p{
	float:left;
	width:458px;
	margin-bottom:20px;
}
div.temp-box h3.fea{
	float:left;
	width:458px;
	margin:10px 0 20px 0;
	color:#333;
	font-size:24px;
	font-weight:normal;
	padding-bottom:6px;
	border-bottom:1px solid #ccc;
}
div.temp-box ul{
	width:229px;
	float:left;
	list-style-position:inside;
	list-style-image:url(../images/tick_16.png);
}
div.temp-box ul li{
	line-height:26px;
}
div.btn-bar{
	width:300px;
	height:40px;
	float:left;
	margin-top:24px;
	border-top:1px solid #ccc;
	padding:10px 0 0 160px;
}
div.btn-bar a.demo,
div.btn-bar a.buy{
	width:140px;
	height:32px;
	float:left;
	border:none;
	background:url(../images/btn.jpg);
	font-size:24px;
	font-weight:normal;
	color:#FFF;
	text-align:center;
	padding-top:8px;
	margin-left:10px;
}
div.btn-bar a.demo:hover,
div.btn-bar a.buy:hover{
	text-decoration:none;
	background:url(../images/btn-hover.jpg);
}
div.btn-bar a.buy{
	float:right;
}

/* footer styles */

div#footer{
	width:100%;
	height:500px;
	background:#1b1b1b;
	float:left;
	color:#FFF;
	margin-top:80px;
}
div#footer-header{
	width:100%;
	height:40px;
	background:#528037;
	border-bottom:1px solid #6da54c;
	float:left;
}
div#footer-header p{
	width:1000px;
	height:22px;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
	margin-top:9px;
	position:relative;
}
div#footer-header p a#beammeup{
	position:absolute;
	right:0;
	top:0;
}
div#footer-body{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
div.footer-box{
	width:235px;
	float:left;
	margin:40px 20px 0 0;
}
div.footer-box h3{
	width:235px;
	float:left;
	color:#FFF;
	border-bottom:1px solid #666;
	padding-bottom:4px;
}
div.footer-box ul{
	float:left;
	list-style-type:none;
}
div.footer-box ul li{
	width:235px;
	height:27px;
	display:block;
	padding:3px 0 0 0;
	border-bottom:1px solid #2e2e2e;
	font-weight:normal;
}
div.footer-box ul li,
div.footer-box ul li a,
div.footer-box ul li a:active,
div.footer-box ul li a:visited{
	width:235px;
	height:27px;
	display:block;
	font-weight:normal;
}
div.footer-box ul li:hover,
div.footer-box ul li a:hover{
	background:#282828;
	text-decoration:none;
}
div#footer-banner{
	width:1000px;
	height:100px;
	margin:100px 0px 0px 0px;
	float:left;
}
div#footer-banner img{
	border:none;
}