@charset "utf-8";


h1{
	font-size:20px;
	font-weight:normal;
	padding:0 ;
	margin:0;
	color:#666;
	border-bottom:1px solid #DDD;
	margin:0 0 20px 0;
	padding-bottom:5px;
}
h2{
	font-size:17px;
	padding:0 0 15px 0;
	margin:0;
	color:#666;
	font-weight:normal;
}
h4{
	font-size:13px;
	font-weight:bold;
	padding:20px 0 5px 0;
	margin:0 0 20px 0;
	color:#666;
	border-bottom:1px solid #DDD;
}
p{
	font-size:13px;
	padding:0 0 15px 0;
	margin:0;
}
ul{
	font-size:12px;
	padding:0 0 10px 30px;
	margin:0;
}
img{
	border:none;
	}
label{
	display:block;
	font-size:11px;
	margin: 5px 0 0 0;
	}
	
a{
	color:#6699FF;
	font-size:13px;
	text-decoration:none;
}

a:hover{
	color:#333;
	text-decoration:none;
}
a.active{
	color:#666;	
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#3F3E43;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}
#container {  
	text-align: left; 
	width:100%;
	background-color:#FFF;
}
#header {
	background-image:url(images/header_bg.png);
	background-repeat:repeat-x;
	height:120px;
	margin:0;
	padding:0;
	width:100%;
}
#headerContent {
	width:960px;
	margin: 0 auto;
	padding: 45px 0 0 0;  
}
#logo {
	width: 212px;
	height: 42px;
}
#navbar {
	background-color:#3F3E43;
	width:100%;
	height: 25px;
	margin: 0;
	padding: 10px 0 0 0;
}
.navbar-container{
	width:960px;
	margin:0 auto;
	text-align: left;
}
.nav {
	padding:0; 
	display:inline;
	
}
.nav li{
	display:inline;
	padding:0 50px 0 0;
}
.nav li a{
	color:#FFF;
	
}
.nav li a:hover{
	color:#6699FF;	
}
.banner{
	background-color:#88C2F9;
	background-image:url(images/home_banner.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:cover;
}
.banner-content{
	width:960px;
	margin:0 auto;
	text-align:right;
		
}
.special{
	background-color:#65A4F4;	
}
.special-content{
	width:960px;
	margin:0 auto;
}
.special-content h1{
	margin:0;
	color:#fff;
	padding:20px 0;
}
.special-content h1 a{
	margin:0;
	color:#fff;
	padding:20px 0;
font-size:20px;
	font-weight:normal;
}
.special-content h1 a:hover{
	color:#666;
}
.special-content h1 span.summerspecial{
	color:#000;
}
#mainContent {
	padding: 30px 0 50px 0;
	
	width: 960px;
	margin: 0 auto;
}
#c1 {
	float:left;
	padding: 0;
	width: 430px;
	margin: 0;
}
#c2 {
	padding: 0;
	width: 510px;
	margin: 0 0 0 470px;
}
#c2f {
	padding: 0 0 0 20px;
	width: 490px;
	margin: 0 0 0 469px;
	border-left:1px solid #666;
}
.c3_1 {
	float:left;
	padding: 0 20px;
	width: 280px;
	text-align:center;
	margin:0 0 30px 0;
}
.c3_2 {
	padding: 0 20px;
	width: 280px;
	float:left;
	text-align:center;
	margin:0 0 30px 0;
}
.c3_3{
	float:left;
	padding: 0 20px;
	width: 280px;
	text-align:center;
	margin:0 0 30px 0;
}
#p_sidenav {
	float:left;
	padding: 0;
	width: 120px;
	margin: 0 30px 0 0;
}
#p_sidenav p{
	padding:0;
	margin:0 0 5px 0;
}
#p_sidenav h3{
	padding:0;
	margin:20px 0 5px 0;
}

#p_full {
	padding: 0;
	width: 800px;
	margin: 0 0 0 180px;
}
#p_c1 {
	float:left;
	padding: 0;
	width: 300px;
	margin: 0;
}
#p_c2 {
	padding: 0;
	width: 490px;
	margin: 0 0 0 490px;
}
#p_c2_1 h1{
	border-bottom:none;	
	padding-bottom:0;
	margin-bottom:10px;
}
#p_c2_1 {
	float:left;
	padding: 0;
	width: 350px;
	margin: 0;
	color:#000000;
}
#p_c2_2 {
	padding: 0;
	width: 120px;
	margin: 0 0 0 370px;
	color:#000000;
}
#p_section {
	padding: 0;
	width: 830px;
	margin: 0;
}
#p_listing {
	float:left;
	padding: 0;
	width: 90px;
	margin: 0 20px 0 0;
	color:#6699FF;
	font-size:11px;
	text-align:center;
}
#p_listing p{
	font-size:11px;
}

#footer {
	color:#CCC;
	text-align: left; 
	background-color:#3F3E43;
	
}
#footerContent {
	width:960px;
	margin:0 auto;
	padding: 50px 0 10px 0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}