/*====================
	Title: DOCLEY
	Date: 12.10.09
====================*/
body{
	font-family: Arial,Verdana,Georgia, Lucida,Helvetica,sans-serif,Tahoma,"Trebuchet MS";
	text-align:center;
	background:url(../images/body-bg.jpg) repeat-x top;
	font-size:12px;
	color:#3f3f3f;
}
#form{
	background:url(../images/body-bg2.jpg) repeat-x top;
}
:focus{
	outline:none;
}
*{
	margin:0; padding:0;
}
img,fieldset{
	border:none;
}
ul,ol,li{
	list-style:none;
}	
a{
	color:#3f3f3f;
	text-decoration:none;
	font-size:12px;
}
a:hover{
	color:#3f3f3f;
	text-decoration:underline;
}
.hide{
     position: absolute;
     left: -9999px;
}
/*---------------- page structure ----------*/
.wraper{
	width:920px; 
	margin:0 auto;
	text-align:left;
}
/*---------------- header ----------*/
.header{
	width:920px;
	background:url(../images/header-bg.png) no-repeat top left;
}
.altheader{
	height:147px;
}
.hdrTop{
	width:920px; height:80px;
	overflow:hidden;
	position:relative;
}
.logo{
	width:140px; height:70px;
	float:left;
	display:block;
	margin:30px 0 0 20px;
}
/*---------------- navigation ----------*/
.nav{
	position:absolute;
	bottom:7px;
	right:12px;
}
.nav li{
	height:26px;
	float:right;
}
.nav a{
	float:left;
	height:26px;
	display:block;
}
.nav a span{
	float:left;
	height:26px;
	display:block;
}
.nav a span span{
	font-size:13px;
	color:#FFF;
	line-height:26px;
	padding:0 20px;
	display:block;
}
.nav a:hover,#selected{
	background:url(../images/hover-fill.jpg) repeat-x;
	cursor:pointer;
	text-decoration:none;
}
.nav a:hover span,.nav #selected span{
	background:url(../images/hover-left.jpg) no-repeat left top;
	cursor:pointer;
}
.nav a:hover span span,.nav #selected span span{
	background:url(../images/hover-right.jpg) no-repeat right top;
	color:#e7ceaf;
}
/*---------------- banner ----------*/
.banner{
	width:900px; height:350px;
	padding-left:20px;
	overflow:hidden;
}
.bannerCont{
	width:330px;
	float:left;
}
.imgHolder{
	width:530px; 
	float:right;
	padding-top:18px;
	display:block;
}
.bannerCont strong{
	font-size:33px;
	font-family:"Trebuchet MS";
	color:#d1ba9e;
	font-weight:normal;
	line-height:35px;
	padding:50px 0 20px 0;
	display:block;
}
.bannerCont p{
	line-height:25px;
	font-size:20px;
	color:#FFF;
	padding-bottom:30px;
}
.bannerCont a{
	margin-left:40px;
}
.bannerCont span{
	width:330px;
	text-align:center;
	display:block;
	color:#d1ba9e;
	font-size:16px;
}
/*---------------- mainbody ----------*/
.mainbody{
	width:900px;
	padding:20px 0 20px 20px;
	overflow:hidden;
}
.left{
	width:330px;
	float:left;
}
.right{
	width:530px;
	float:right;
}
.videoHolder{
	width:330px; height:248px;
	display:block;
	padding-bottom:40px;
}
.title{
	font-family:"Trebuchet MS";
	font-size:21px;
	color:#317a87;
	padding-bottom:17px;
}
.left p,.right p{
	line-height:19px;
	padding-bottom:20px;
}
.boxList{
	width:530px;
	overflow:hidden;
	padding-bottom:20px;
}
*+ html .boxList{
	padding-bottom:30px;
}
.boxList li{
	width:235px; height:114px;
	float:left;
	padding:0 10px;
	background:url(../images/box-bg.gif) no-repeat;
	display:block;
	margin-bottom:20px;
}
.boxList li.fast{
	margin:0 20px 20px 0;
}
.boxList span{
	width:72px;
	float:left;
	padding:15px 5px 0 0;
	display:block;
}
.boxList p{
	line-height:16px;
	color:#45423a;
	font-size:11px;
	padding:15px 0 0 0;
}
.boxList b{
	font-size:15px;
	color:#504f4f;
	font-family:"Trebuchet MS";
	display:block;
	padding-bottom:3px;
}
.list{
	width:510px;
	padding-bottom:21px;
}
.list li{
	background:url(../images/arrow.jpg) no-repeat left 5px;
	padding:0 0 7px 16px;
}
/*---------------- footer ----------*/
.outerftr{
	width:100%; height:auto;
	background:#4a473e;
}
.footer{
	width:900px; height:100px;
	margin:0 auto;
	text-align:left;
}
.footer p{
	line-height:20px;
	padding-top:16px;
}
.footer p,.footer a{
	color:#c3bfb3;
	font-size:11px;
}
.footer a:hover{
	color:#FFF;
}
/*----------------- form -------------*/
.subTitle{
	font-size:16px;
	color:#5699a7;
	padding-bottom:10px;
}
.formArea{
	width:900px; height:113px;
	background:url(../images/form-bg.jpg) no-repeat;
	margin-bottom:10px;
}
.formArea h3{
	padding:10px;
}
.formArea p{
	padding-top:24px;
	overflow:hidden;
}
.formArea label{
	width:234px;
	display:block;
	float:left;
	text-align:right;
	padding-right:60px;
	line-height:24px;
}
.txt{
	width:290px; height:19px;
	padding:5px 0 0 10px;
	float:left;
	font-size:12px;
	margin-right:50px;
}
.placeHolder{
	width:920px;
	display:block;
	text-align:center;
	padding:30px 0 30px 0;
}

/*----------------- added by Sohel: This does spacing in my help files  -------------*/
.spacing h3{
	margin-bottom:10px;
}
.spacing img{
	margin-bottom:20px;
}