/* ---------- General Styles ---------- */

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;;
	font-size: 12px;
	color: #e1e5e9;
	background-color:#606060;
}

.fl {float: left;}
.fr {float: right;}

.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 42px; text-transform: uppercase; }
h3 { font-size: 20px; text-transform: uppercase; }

a { text-decoration:none; color: #fc892f; }
a:hover { color:#ec6800; }

em {
	font-size: 11px;
	font-style: italic;
	color: #919295;
}

.noBorderBottom {
	border-bottom: none !important;
	overflow: hidden;
}

.noBorderRight {
	border-right: none !important;
}

p {
	line-height: 1.5em;
	margin: 15px 0;
}

div.blankSeparator {
	margin-bottom: 50px;
	display: block;
}

.lastCol {
	margin-right: 0 !important;
}

/* ---------- Structure Styles ---------- */

div.centerSection {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/* ---------- Top Section ---------- */

div#topSection {
	background: url('../img/topPatternBack.png') 0 0 repeat;
	height:150px;
	border-bottom:2px solid #565656;
}

.logo {
	margin-top: 40px;
}

div#contactInformationTop {
	background: url('../img/contactInformationTopBack.png') top center no-repeat;
	width: 282px;
	height: 128px;
}

	div#contactInformationTop ul {
		padding: 0 30px;
	}
	
		div#contactInformationTop ul li {
			border-bottom: 1px solid #ebebed;
		}
	
		div#contactInformationTop ul li span {
			color: #666;
		}

		div#contactInformationTop ul li p {
			font-size: 11px;
			color: #92979D;
			background: url('../img/arrowList.png') left center no-repeat;
			
			padding-left: 15px;
			margin: 10px 0;
		}
		
		div#contactInformationTop ul li ul { /* the social icons list */
			padding: 0; /* reseting some inherited padding */
			margin: 10px 0 0 5px;
		}
		
			div#contactInformationTop ul li ul li {
				display: inline;
				background: none; /* reseting inherited BG and borders */
				border: none;
				padding: 0 5px 0 0;
			}
			
/* ---------- Main Base Section ---------- */

div#mainBaseSection {
	background: url('../img/mainBaseSectionBack.png') 0 0 no-repeat;
	height:407px;
}

	div#mainBaseTop {
		height:280px;	
	}

	div#mainBaseTop h1 {
		font-family:'BebasNeueRegular',Arial,sans-serif;
		color:#555555;
		text-shadow: 1px 1px 2px #7a7a7a;
		line-height:2em;
	}

	div#mainBaseTop h3 {
		font-family:'BebasNeueRegular',Arial,sans-serif;
		color:#797979;
		line-height:0em;
	}

	div#textTop {
		margin:0 auto;
		text-align:center;
		margin-bottom:25px;
	}

	div#baseCount {
		width: 690px;
		margin: 0 auto;
		overflow: hidden;
	}
	
		div#baseCountCenter {
			float:left;
		}
			
	div#mainBaseBottom {
		margin-top:35px;
	}
	
		div#mainBaseBottom #baseProcessBar {
			width:900px;
			float:left;
			margin-left:35px;
		}
			div#mainBaseBottom #baseProcessBar #baseBar {
				background: url('../img/baseBarBack.png') 0 0 no-repeat;
				width:832px;
				height:52px;
				float:left;
			}
			
				div#mainBaseBottom #baseProcessBar #baseBar .bar {
					background: url('../img/barProcess.png') 0 0 no-repeat;
					float:left;
					height:27px;
					margin:13px 12px;
				}
			
			div#mainBaseBottom #baseProcessBar .baseVal {
				background: url('../img/baseValBack.png') 0 0 no-repeat;
				width:50px;
				height:52px;
				float:left;
				padding-left:17px;
			}
				div#mainBaseBottom #baseProcessBar .baseVal span {
					float:left;
					font-family:'BebasNeueRegular',Arial,sans-serif;
					font-size:24px;
					font-weight:bold;
					color:#555555;
					width:45px;
					text-align:center;
					margin-top:12px;
				}
				
/* ---------- Footer Section ---------- */

div#footerSection {
	background: url('../img/bottomPatternBack1.png') 0 0 repeat;
	padding: 30px 0;
	border-top:2px solid #565656;
}

	div#footerSection .footerCol {
		float:left;
		width:300px;
		margin-right:20px;
		font-size:11px;
	}
	
	div#footerSection .footerCol h4 {
		font-size:14px;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	div#footerSection .footerLastCol {
		width:320px;
		margin-right: 0 !important;
	}
	
/* ---------- About Us ---------- */

ul#aboutUsList li {
	margin-bottom:4px;
	background-color:#333;
	padding:14px;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/* ---------- Recent Tweets ---------- */

ul#tweetList li p {
	font-size: 11px;
	font-style: italic;
}

ul#tweetList li p span {
	display: block;
	color: #77797C;
}

/* ---------- Contact Us ---------- */

form#contactForm {
	overflow: hidden;
}

	form#contactForm p {
		margin-top: 0;
	}

	form#contactForm input[type="text"] {
		-moz-border-radius: 4px;
    	-webkit-border-radius: 4px;
    	-khtml-border-radius: 4px;
    	border-radius: 4px;
    	color: #787A7E;
		font: 12px Arial, Helvetica, sans-serif;
		padding: 10px 10px;
		border: 0px;
		outline: none;
		-moz-box-shadow: inset 0 0 4px 4px #E9E9E9;
		-webkit-box-shadow: inset 0 0 4px 4px #E9E9E9;
		box-shadow: inset 0 0 4px 4px #E9E9E9;
		margin:10px 10px 0px 0px;
		width:200px;
	}

	form#contactForm input[type="text"]:first-child {
		margin-top:15px;	
	}

	form#contactForm textarea {
		-moz-border-radius: 4px;
    	-webkit-border-radius: 4px;
    	-khtml-border-radius: 4px;
    	border-radius: 4px;
    	color: #787A7E;
		font: 12px Arial, Helvetica, sans-serif;
		padding: 10px 10px;
		border: 0px;
		outline: none;
		height: 60px;
		width: 280px;
		-moz-box-shadow: inset 0 0 4px 4px #E9E9E9;
		-webkit-box-shadow: inset 0 0 4px 4px #E9E9E9;
		box-shadow: inset 0 0 4px 4px #E9E9E9;
		margin:10px 0px 0px 0px;
		overflow:hidden;
	}

	form#contactForm input[type="submit"] {
		border: 1px solid #424347;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	
		background: #606060; /* Fallback */
		background: -moz-linear-gradient(top, #606060, #424347);
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#606060), to(#424347));
	
		-moz-box-shadow: 0px 1px 0px 0px #222;
		-webkit-box-shadow: 0px 1px 0px 0px #222;
		box-shadow: 0px 1px 0px 0px #222;
	
		color: white;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	
		padding: 10px 20px;
		cursor: pointer;
		margin:8px 0px 2px 0px;
	}

	form#contactForm input[type="submit"]:hover {
		background: #424347; /* Fallback */
		background: -moz-linear-gradient(top, #424347, #606060);
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#424347), to(#606060));
	}
	
	form#contactForm label[class=error] {
		margin:6px 0px 0px 0px;
		font-size:11px;
		color:#F00;
		float:left;
		display:block;
		width:100%;
	}
	
	form#contactForm .status {
		width:280px;
		float:left;
		display:block;
		margin-top:10px;
		font-size:11px;
		font-weight:normal;
		padding:10px;
		display:none;
		color:#666;
	}
	form#contactForm .status.success { background-color:#CFF; border:1px solid #9FC; }
	form#contactForm .status.error { background-color:#FCF;	border:1px solid #F99; }

/* ---------- Footer Copyright ---------- */

div#footerCopyrightSection {
	background: #242528 url('../img/bottomPatternBack2.png') 0 0 repeat;
	padding: 20px 0;
}

	div#footerCopyrightSection ul {
		margin-top: 15px;
	}
	
	div#footerCopyrightSection ul li {
		display: inline;
		padding-right: 5px;
	}