/* CSS Document */

/******** RESET STYLES *********/
div, h1, h2, h3, h4, h5, h6, h7, h8, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
.clear{
clear:both;
}

/*fixes*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	

/******** BODY STYLES *********/

body{ 
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	background: url(../images/bg.jpg);
	margin:0 auto;
	padding:50px 0 80px 0;
}
#outer{ 
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0;
	border:#303030 4px solid;
	background:#FFFFFF;
}

/******** BODY STYLES *********/

#header{ 
	width:900px;
	height:522px;
	margin:0 auto;
	padding:0;
}
#header1{ 
	width:534px;
	height:522px;
	margin:0 auto;
	padding:0;
	background:url(../images/header1.jpg);
	float:left;
}
#header1 h1{
	display: none;
}
#header1 h2{ 
	width:320px;
	height:auto;
	margin:0 auto;
	padding:68px 63px 0 0;
	float:right;
	font-family:serif;
	font-size:18px;
	font-weight: normal;
}
#header2{ 
	width:366px;
	height:522px;
	margin:0 auto;
	padding:0;
	background:url(../images/header2.gif);
	float:left;
}

/******** NAV STYLES *********/

#nav-area{ 
	width:900px;
	height:28px;
	margin:0 auto;
	padding:0;
}
#nav1{ 
	width:89px;
	height:28px;
	margin:0 auto;
	padding:0;
	float:left;
}
#nav2{ 
	width:108px;
	height:28px;
	margin:0 auto;
	padding:0;
	float:left;
}
#nav3{ 
	width:190px;
	height:28px;
	margin:0 auto;
	padding:0;
	float:left;
}
#nav4{ 
	width:147px;
	height:28px;
	margin:0 auto;
	padding:0;
	float:left;
}
#nav5{ 
	width:366px;
	height:28px;
	margin:0 auto;
	padding:0;
	float:left;
}

/******** CONTENT AREA STYLES *********/

#content-area{ 
	width:860px;
	height:auto;
	margin:0 auto;
	padding:23px 0 20px 0;
}
.content-title{ 
	width:auto;
	height:auto;
	margin:0 auto;
	padding:20px 0 0 25px;
}
.content-title .detail {
	text-align: center;
}
.content-title .detail img, .content-area-center-process img {
	border: 1px solid black;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#444444',Direction=135,Strength=2);	
}
#content-area p, #content-area ul li, #content-area h3, #content-area h4, .content-area-center-process h2 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}
#content-area h3{ 
	font-weight: normal;
}
#content-area p,#content-area h3, #content-area h4{ 
	margin-top:15px;
	margin-bottom:15px;
	margin-right:25px;
}
#content-area-top{ 
	width:860px;
	height:auto;
	margin:0 auto;
	padding:0;
}
#content-area-center{ 
	width:860px;
	height:auto;
	margin:0 auto;
	padding:0;
	background:#f6f5f5;
}
.content-area-center-process{ 
	margin:0 auto;
	padding:30px 0 15px 0;
	text-align:justify;
	height: 130px;
}
.content-area-center-process-image{ 
	margin:0 auto;
	padding:0 15px 0 0;
	float:left;
}
.content-area-center-process-text{ 
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right: 20px;
}
#content-area-bottom{ 
	width:860px;
	height:auto;
	margin:0 auto;
	padding:0;
}
/******** LOWER CONTENT AREA STYLES *********/

#lower-content-area{ 
	width:860px;
	height:auto;
	margin:0 auto;
	padding:0;
	overflow:auto;
}
.lower-content-title{ 
	width:auto;
	height:auto;
	margin:0 auto;
	padding:10px 0 0 0;
}
#lower-content-area ul{ 
	width:860px;
	height:auto;
	margin:0 auto;
	padding:30px 0 0 0;
}
#lower-content-area li{ 
	width:266px;
	height:auto;
	margin:0 auto;
	padding:0 20px 0 0;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	float:left;
	list-style:none;
}
.lower-content-area-img{ 
	width:266px;
	height:auto;
	margin:0 auto;
	padding:0 0 20px 0;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
}
#lower-content-area p{ 
	width:266px;
	height:auto;
	margin:0 auto;
	padding:0 0 20px 0;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	text-align:justify;
}
#lower-content-area p a{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#fd9c00;
	text-decoration:none;
}
#lower-content-area p a:hover{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#000000;	
}
#badges {
	margin-top: 40px;
	margin-bottom: 10px;
	margin: 0 auto;
}
/******** FOOTER AREA STYLES *********/

#footer-area{ 
	width:900px;
	height:auto;
	margin:0 auto;
	padding:20px 0 0 0;
}
#footer-link{ 
	width:346px;
	height:auto;
	margin:0 auto;
	padding:0;
	color:#FFFFFF;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
#footer-link a{ 
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
#footer-link a:hover{ 
	color:#fd9c00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
#footer-copyright{ 
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
	color:#FFFFFF;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}