@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

h1{
	font-size: 35px;
	color: #ffffff;
}
h2{
	font-size: 25px;
	color: #B3B3B3;
	line-height: 40px;
}
h3{
	font-size: 15px;
	color: #EEE809;
	line-height: 25px;
}

p{
	font-size: 12px;
	line-height: 16px;	
	color: #B3B3B3;
}

a{
	color: #B3B3B3;
	text-decoration: none;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	background-color: #EEE809;
}


#shell{
	width: 550px;
	height: 100%;
	background-image: url(style/images/mainBacker.jpg);
	display: table;
	margin: 0 auto;
	position: relative;
	
}

#content{
	margin-left: 50px;
	width: 450px;
}


#shim_small{
	width: 400px;
	height: 10px;
	float: left;
}

#shim_25{
	width: 400px;
	height: 25px;
	float: left;
}

#shim_50{
	width: 400px;
	height: 50px;
	float: left;
}


#header{
	width: 450px;
	margin-left: 5px;
	float: left;
}

#header_logo{
	width: 152px;
	height: 13px;
	float: left;
}

#header_nav{
	margin-left: 35px;
	margin-top: -2px;
	float: left
}

#header_nav a{
	margin-left: 15px;
	float: left
}


#promoTop{
	margin-left: 360px;
	z-index: 1000;
	position: relative;
	float: left;
}
/*....................................................................................*/

#home{

}

#home h1{
	width: 450px;
	margin-left: 50px;
	float: left;
}

#home h2{
	width: 375px;
	margin-left: 50px;
	float: left;
}


/*....................................................................................*/

#pledge{	
	float: left;
}

#pledge h1{
	margin-left: 50px;
}


#pledge h3{
	margin-left: 50px;
	line-height: 20px;
	width: 375px;
}

ol.pledge_ol{
	color: #B3B3B3;
	width: 400px;
}

ol.pledge_ol li h2{
	font-size: 30px;
	color: #EEE809;
	width: 30px;
	height: 50px;
	text-align: right;
	float: left;
	height: 100%;
}	


ol.pledge_ol li p{
	width: 350px;
	height: 50px;
	margin-left: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
}

/*....................................................................................*/

#service{
	float: left;
}

#service h1{ 
	margin-left: 50px;
}

#service h2{ 
	margin-left: 50px;
	line-height: 30px;
}

/*....................................................................................*/

#contact{
	float: left;
}

#contact h1{
	margin-left: 50px;
}

#contact h2{
	margin-left: 50px;
	width: 400px;
	font-size: 20px;
	line-height: 20px;
	float: left;
}

#contact h3{
	width: 400px;
	margin-left: 50px;
	float: left;
}

#contact a{
	color: #EEE809;
	margin-left: 50px;
	width: 400px;
	float: left;
}

#contact p{
	margin-left: 50px;
	width: 400px;
	float: left;
}


#contact_info{
	margin-left: 50px;
	width: 400px;
}

#promotion{
	background-color: #3a3a3c;
	
}

/*....................................................................................*/

#footer{
	font-size: 9px;
	margin-left: 50px;	
	background-color: #1a1a1a;
	width: 400px;
	float: left;
}

#footer a{
	float: left;
	margin-left: 10px;
	color: #666666;
}

#footer p{
	float: left;
	color: #666666;
}

#hidden_promo{
	visibility: hidden;
}