@charset "utf-8";
/* CSS Document */

/*
Author: Kurt Gawinowicz
Date: May 02, 2010

*/


/* Element Styles */

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	background-image: url(img/backgroundRepeat.jpg);
}
a:link {
	color:#e52123;
	text-decoration: none;
}
a:visited {
	color:#e52123;
	text-decoration: none;
}
a:hover {
	color:#e52123;
	text-decoration: underline;
}
h1{
	width: 233px;
	height: 125px;
	background-image:url(img/logo.png);
	text-indent: -9999px;
}
h2 {
	margin:10px 0;
}
h3 {
	font-size: 21px;
	margin:10px 0 15px 0;
}
p {
	margin: 15px 0;
	line-height:1.6em;
}
li {
	font-weight: bold;
}

/*class Styles*/

.brclear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}
h3.teamTitle {
	font-size: 18px;
}
p.team {
	margin: 0.5em 0;
}
p.form {
	margin:0.3em 0;
}
p.footer {
	font-size:0.9em;
}
p.share {
	font-size:0.9em;
}
p.overviewSteps {
	height:40px;
	margin: 0;
	text-align:left;
	font-size: 12px;
	padding: 10px;
	line-height: 1.5em;
	background:#000;
	color:#FFF;
}
img.overview {
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}
input, textarea {
	padding: 5px;
}

/* id Styles */

#wrapper {
	margin:0 auto;
	width:100%;
}
#header {
	width:100%;
	height:150px;
	background-image:url(img/headerBackgroundSmall.png);
}
#logo {
	width:233px;
	margin: 0 auto;
}
#content{
	width:960px;
	margin: -25px auto 0;
}
#projectOverview {
	width: 503px;
	height: 142px;
	margin-left:-100px;
	text-indent: -9999px;
	background-image: url(img/h2projectOverview.png);
}
#multimediaTitle {
	width: 503px;
	height: 142px;
	margin-left: -100px;
	text-indent: -9999px;
	background-image: url(img/h2Multimedia.png);
}
#video {
	width: 503px; 
	height: 142px;
	background: url(img/h2Video.png);
	margin-left:-100px;
	text-indent: -9999px;
}
#team {
	width: 503px; 
	height: 142px;
	background: url(img/h2Team.png);
	margin-left:-100px;
	text-indent: -9999px;
}
#overviewColumn1{
	padding: 5px 10px;
	/* border: 2px solid #000; */
	background-image:url(img/contentTransBg.png);
}
#instructions {
	width: 960px;
	margin-bottom: 20px;
	padding: 5px 0px;
	background-image:url(img/contentTransBg.png);
}
#instructionsHeader{
	padding: 0 0 0 10px;
}
#overviewColumn2{
	text-align:center;
	width:300px;
	float:left;
	padding:0 10px 20px;
	border: 0px #000 solid;
}
#overviewColumn3{
	text-align:center;
	width:300px;
	
	float:left;
	padding:0 10px 20px;
	margin: 0 0 0 0;
	border: 0px #000 solid;
}
#overviewColumn4{
	text-align:center;
	width:300px;
	float:left;
	padding:0 10px 20px;
	border: 0px #000 solid;
}
#multimediaContainer {
	width: 960px;
	padding: 5px 0px;
	background-image: url(img/contentTransBg.png);
}
#multimediaContainer p{
	margin: 20px 0 0;
}
#multimediaColumn1 {
	width: 460px;
	padding:0 10px 20px;
	float: left;
}
#multimediaColumn2 {
	width: 460px;
	padding:0 10px 20px;
	float: right;
}
#teamColumn1 {
	width: 300px;
	padding: 5px 10px;
	float: left;
	background-image: url(img/contentTransBg.png);
}
#teamColumn2 {
	width: 300px;
	float: left;
	padding: 5px 10px;
	background-image:url(img/contentTransBg.png);
}
#teamColumn3 {
	width:300px;
	float:right;
	padding: 5px 10px;
	background-image:url(img/contentTransBg.png);
}
#footerDivider{
	width:100%;
	margin-top:4em;
	height:150px;
	background-image:url(img/footerBackground.png);
	background-repeat:repeat-x;
}
#footerOuter{
	width:100%;
	background-color:#000;
}
#footerInner{
	width:960px;
	margin: -75px auto 0;
	padding-bottom:10px;
	color:#FFF;
}
#social {
	width: 220px; 
	height: 38px;
	background: url(img/h4Social.png);
	text-indent: -9999px;
	margin-bottom: 30px;
}
#share {
	width: 84px; 
	height: 38px;
	background: url(img/h4Share.png);
	text-indent: -9999px;
	margin-bottom: 30px;
}
#contact {
	width: 104px; 
	height: 38px;
	background: url(img/h4Contact.png);
	text-indent: -9999px;
	margin-bottom: 30px;
}
#twitter {
	width: 163px; 
	height: 38px;
	background: url(img/h4Twitter.png);
	text-indent: -9999px;
	margin-bottom: 30px;
}
#footerColumn1 {
	width:300px;
	float:left;
	padding: 0 10px;
	
}
#twitterWidget {
	margin-top: -9px;
}
#footerColumn2 {
	width:300px;
	float:left;
	padding: 0 10px;
}
#footerColumn3 {
	width:300px;
	float:right;
	padding: 0 10px;
}
#legal {
	text-align:center;
	margin:5em 5em 1em;
	font-size:0.7em;
}

/* Form */
form {
	width: 300px;
}
.formField {
	width: 298px;
	background-color:#f5f5f5;
}
.submitButton {
	color:#FFF;
	background-color: #e52123;;
	padding: 5px 15px;
} 	
fieldset {  
	margin: 4px 0 0 0;  
	padding: 0;  
}  
label {  
	display: block; 
	font-size: .9em;
	font-weight: bold;
	padding-bottom: 4px;
}
li {  
	padding-bottom: 10px;
}  
fieldset.submit {  
	border-style: none;  
}