/** author: Chris Whiteford **/
/** style for the site the nav, layout and the fonts **/

/* GLOBAL
----------------------------------------------- */
html,body {
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
}

body#int{
	background:url(../images/R15_Masthead_Interior.jpg) top center no-repeat;

}

body#home{
	background:url(../images/R15_Masthead_Home.jpg) top center no-repeat;

}

#container{
	width:100%;
	
	
}


#main{
	width:999px;
	margin:0px auto;
	padding:0;

}

img {
	border:0px;

}

#header{
	float:left;
	clear:both;
	height:327px;
	text-align:right;
}

#logo{
	padding:20px 0px 0 900px;
	

}

#headerint{
	height:177px;
	float:left;
	clear:both;
	text-align:right;
}

#content{
	width:997px;
	float:left;
	clear:both;
	border-right:1px solid #252525;
	border-left:1px solid #252525;
	border-bottom:1px solid #252525;
}

#vidcontent{
	width:957px;
	padding:20px;
}

#vidcontspacer{
	width:917px;
	display:table;
	padding:20px;
	border:1px solid #252525;
}

#galcontspacer{
	width:917px;
	display:table;
	padding:20px 20px 20px 0;
	border:1px solid #252525;
}

#breadcrumbs{
	width:972px;
	float:left;
	clear:both;
	color:#fff;
	font-size:10px;
	height:25px;
	padding:0px 0 0px 25px;
}

#breadcrumbs a{
	text-decoration:none;
	color:#fff;
	font-size:10px;
	padding:0px 0 0px 0px;
	line-height:25px;
}

#breadcrumbs a.red{
	color:#c73e00;

}
#homeleft{
	width:475px;
	float:left;
	padding:0px 0 0 0;

}

#homeleft a{
	float:left;
	padding:0px 0 20px 25px;

}

#homeright{
	width:499px;
	float:right;
	padding-bottom:20px;
	
}

#videocont{
	width:470px;
	
}

#twittercont{
	width:515px;
	overflow:hidden;
}

#twitterborder{
	width:515px;
	border:0px solid #000000;
	
}

#intleft{
	float:left;
	width:306px;
	padding:0px 0 0 16px;
	color:#ffffff;
	padding-bottom:20px;
	
}

#intleftcont{
	width:304px;
	border:1px solid #252525;
	

}


#intleftcont h2{
	padding:0px;
	margin:0px;
	width:304px;
	height:48px;
	line-height:48px;
	background-image:url(../images/carbon_bg.gif);
	background-repeat:repeat-y;
	color:#fff;
	font-size:14px;
	text-indent:20px;
	
}

#intleftcont h4{
	padding-top:4px;
	padding-bottom:4px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:13px;
	font-weight:normal;
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:12px;
	color:#c73e00;
}

#intleftcont h4.white{
	color:#fff;

}

#intleft h4 a{
	color:#fff;
	text-decoration:none;

}

#intleftcont h5{
	padding-top:2px;
	padding-bottom:2px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	font-size:13px;
	font-weight:normal;
	background-image:url(../images/bullet_grey.gif);
	background-repeat:no-repeat;
	background-position:1px 6px;
	padding-left:12px;
	color:#c73e00;
}

#intleft h5 a{
	color:#959595;
	text-decoration:none;

}


#intright{
	float:right;
	width:640px;
	padding:0px 0 20px 0px;
	
	

}

#intrightcont{
	background:#ebebeb;
	width:606px;
	border:1px solid #252525;
	display:block;
	
}

#intrightheader{
	float:left;
	clear:both;
	background:#acacac;
	height:48px;
	line-height:48px;
	padding:0px;
	margin:0px;
	width:606px;

}

#intrightheader a{
	padding:0 20px 0 0;
	color:#ffffff;
	float:right;
	font-size:11px;
	text-transform:uppercase;
}



#intrightcontent{
	background:#ebebeb;
	float:left;
	clear:both;
	padding:10px;
	width:586px;
	font-size:12px;
	display:block;

}

#intrightcontent h2{
	width:100%;
	font-size:14px;
	margin:6px 0 0 0;
}

#intrightcontent h5{
	width:100%;
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#666666;
}

#intrightcontent p{

}

#intracerpic{
	width:100%;
	float:left;
	clear:both;
	padding:0 0 10px 0;

}

#intracerpic img.racer{
	float:left;
	border:1px solid #959595;
}


#intracerpic h2{
	float:left;
	padding:0px;
	margin:0px;
	font-size:18px;

}

#intracercont{
	width:100%;
	float:left;
	clear:both;
	padding:0 0 10px 0;
	

}


#intracercont h2{
	padding:0px;
	margin:0px;
	font-size:18px;

}

#newscont{
	padding:6px 10px 10px 10px;

}

/* NAV
----------------------------------------------- */
#nav{
	width:999px;
	height:28px;
	overflow:hidden;
	float:left;
	clear:both;
}


#nav ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

#nav ul li{
	padding:0px;
	margin:0px;
	float:left;

}




/* VIDEOS
----------------------------------------------- */

.vidpopcont{
	width:452px;
	padding-right:14px;
	padding-bottom:14px;
	padding-left:14px;
	background:#ffffff;
	

}

#vidpreview{
	width:400px;

}

.viddownload{
	background:#ffffff;
	padding:15px 0;
	height:14px;
}

.viddownload a{
	float:right;

}

.viddownload a img{
	border:0px;

}
.vidcont{
	background:#000000;
	padding:30px;

}

.viditem{
	float:left;
	width:291px;
	padding:0px 20px 20px 0px;

}

.viditemlast{
	float:left;
	padding:0px 0px 20px 0px;

}

.viditem h5{
	text-align:center;

}

.viditem img{
	

}

.popupcont{
	width:100px;
	background:#000000;
	border-right:14px solid #ffffff;
	border-left:14px solid #ffffff;
	border-bottom:14px solid #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	text-align:center;

}

.popupcont h4{
	color:#acacac;
	margin:0px;
	padding:0px;
}

.close{
	height:14px;
	background:#ffffff;
	
}

.close a{
	float:right;
	color:#8da7bc;
	font-family: Arial , Verdana, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}

.close p{
	padding:0 14px 0 0;
	margin:0px;
}


.close img{
	float:right;
	padding:2px;

}

div.vidpopup {
  width: 480px;
  background:#ffffff;
  position: absolute;
  font-size:11px;
  font-family: verdana, arial, helvetica, sans-serif;
}

div.popup {
  width: 128px;
  position: absolute;
  font-size:11px;
  font-family:  arial, verdana, helvetica, sans-serif;
}

div.popup_preview {
  width: 525px;
  height:auto;
  background:#e1e1e1;
  position: absolute;
  font-size:11px;
  font-family:  arial, verdana, helvetica, sans-serif;
}

#popup_overlay {
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

a.popup_closebox{
cursor: pointer;
}

span.popup_link, a.popup_link {
  cursor: pointer;
}

span.popup_preview_link, a.popup_preview_link {
  cursor: pointer;
}

.popup_draghandle {
  cursor: move;
}

.previewcont{
	
}

#subgallery{
	float:left;
	clear:left;
	width:100%;
	padding:0px;
	font-size:10px;
	font-weight:bold;

}
#subgallery p{
	float:left;
	width:70%;
	line-height:29px;
	padding:0 0 0 14px;
	

}

#gallerydownload{
	float:right;
	width:20%;

}


#gallerydownload img{
	float:right;
	padding:0 70px 0 0;
}

ul.nav-other {
	width:100%;
    display: block;
    padding:0 20px 0 0;
    margin:6px 0 6px 0;
    list-style: none;
    font-size:10px;
}

ul.nav-other li{
	width:100%;
}

ul.nav-other li a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

a.grey{
	color:#777777;

}