/* CSS Document */

body{
	background-color:#efefef;/*#eff0ef;*/
	margin:0px;
	color:#525352;/*#5b5b5b;*/
	font-size:100%;
	line-height:20px;
}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

@font-face {  
	font-family: "Didot" ;  
	src: url( ../fonts/Didot_reg.eot ); /* IE */  
	src: url( ../fonts/Didot_reg.ttf ) format("truetype");  
}  

@font-face {  
	font-family: "ChaparralPro-Regular" ;  
	src: url( ../fonts/ChaparralPro-Regular.eot ); /* IE */  
	src: url( ../fonts/ChaparralPro-Regular.otf ) format("truetype");  
}  

/*-----------------------------------------------------------------------------------BG Specific to Pages-----------------------------------------------------------------------------------*/

#theEvent {
	width:100%;
	height:100%;
	background-image:url(../imgs/bg_theEvent.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#theCause {
	background-image:url(../imgs/bg_theCause.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}



#theParty {
	width:100%;
	height:100%;
	background-image:url(../imgs/bg_theParty.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#theBuzz {
	width:100%;
	height:100%;
	background-image:url(../imgs/bg_theBuzz.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#sponsors {
	width:100%;
	height:100%;
	background-image:url(../imgs/bg_sponsors.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#beThere {
	width:100%;
	height:100%;
	background-image:url(../imgs/bg_beThere.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}



/*-----------------------------------------------------------------------------------Page Title-----------------------------------------------------------------------------------*/

#pageTitleHolder{
	margin-top:15px;
	width:508px;
	height:33px;
	font-family:Didot;
	text-align:center;
	color:#836240;
	text-transform:uppercase;
	font-size:2.3em;
	overflow:hidden;
	line-height:37px;
}

#pageTitleCenter{
	margin:auto;
	text-align:center;
	width:265px;
	height:33px;
	
/*	background-color:#06F;
*/
}

#pageTitleWord_1{
	float:left;
	height:33px;

}

#pageTitleSpacer{
	float:left;
	background-color:#836240;
	width:2px;
	height:33px;
	margin-left:10px;
	margin-right:10px;
}


#pageTitleWord_2{
	float:left;
	height:33px;

}


/*-----------------------------------------------------------------------------------Main-----------------------------------------------------------------------------------*/

h2{
	font-size:.9em;
	color:#836240;
	font-family:Arial, Helvetica, sans-serif;

}

table{
	font-size:.7em;
	font-family:Arial, Helvetica, sans-serif;
}

p{
	font-size:.7em;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:Verdana, Geneva, sans-serif;*/

}

h3 {
	border-bottom: 1px dashed #231f20;
	padding:6px 0px 8px; 
	font-weight:bold; 
	margin-top:5px;
	color:#836240;
}

#indexHolder{
	clear:both;
	position:relative;
	top:45px;
	width:100%;
	height:510px;
	overflow:hidden;
}


#videoHolder{
	position:relative;
	margin:auto;
	width:680px;
	height:400px;
	background-color:#FFF;
	border: #cccccc 5px solid;
	vertical-align:middle;
	text-align:center;
	line-height:400px;
}

#videoCenter{
	margin: 20px auto 0 auto; /* top right bottom left */
	width:640px;
	height:360px;
	/*background-color:#C09;*/
	overflow:hidden;
	position:relative;
}

#videoLink{
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:360px;
	z-index:20010;
}

.skipVideo{
	padding-top:5px;
	position:relative;
	margin:auto;
	width:656px;
	height:20px;
	text-align:right;
	font-size:.8em;
}


#holder{
	clear:both;
	position:relative;
	top:20px;
	left:45%;
	width:508px;
	overflow:hidden;


}

#mainArea{
	width:508px;
	min-height:300px;
	height:300px;
	height:auto;
	padding-top:25px;
	text-align:left;
	overflow:hidden;
/*	background-color:#C60;
*/}

#main {padding-bottom: 220px;}  /* must be same height as the footer */

#indexMain {padding-bottom: 110px;}  /* must be same height as the footer */

#indexFooter {
	position: relative;
	margin-top: -120px; /* negative value of footer height */
	height: 110px;
	clear:both;} 
	
#footer {
	position: relative;
	margin-top: -220px; /* negative value of footer height */
	height: 220px;
	clear:both;} 




#logo{
	position:absolute;
	margin-left:60px;
	width:192px;
	height:220px;
}


#indexNav{
	position:absolute;
	font-family:ChaparralPro-Regular;
	text-align:center;
	color:#929292;
	text-transform:uppercase;
	font-size:.9em;
	width:100%;
	text-align:center;
}


#nav{
	position:absolute;
	left:45%;
	font-family:ChaparralPro-Regular;
	text-align:center;
	color:#929292;
	text-transform:uppercase;
	font-size:.9em;
	line-height:22px;
	width:508px;
	padding-top:53px;	

}

.noBorder{
	border:none;
}

.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 */

img{
	border:none;
}

/*-----------------------------------------------------------------------------------LINKS-----------------------------------------------------------------------------------*/

A:link {
	color:#231f20;
	text-decoration:none;
}

A:visited {
	color:#231f20;
	text-decoration:none;
}

A:hover {
	color:#c8161d;
	text-decoration:none;
/*	font-style:italic; */
}

A:active {
	color:#c8161d;
	/*text-decoration:underline;*/
}