/*
 * CrashDP.com
 *
 * Copyright (C) 2008, Chris Riley.
 *
 * Chris Riley <criley@lotusinterworks.com>
 *
 */

body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#crashdp {
	width: 920px;
	margin: 0px auto; /*center hack*/
}
#header {
	width: 920px;
	height: 95px;
}
#sections {
	width: 896px;
	height: 600px;
	margin: 0px auto; /*center hack*/
}
#commercials {
	float: left;
	width: 203px;
	height: 572px;
	margin-right: 28px;
}
#musicvideos {
	float: left;
	width: 203px;
	height: 572px;
	margin-right: 28px;
}
#beauty {
	float: left;
	width: 203px;
	height: 572px;
	margin-right: 28px;
}
#cars {
	float: right;
	width: 203px;
	height: 572px;
}
.sectionTitle {
	font-size: 14px;
	font-weight: bold;
	color: #6B5306;
	text-align: center;
}
#copyright {
	font-size: 9px;
	text-align: center;
}
.cImage {
	border-bottom: 3px solid #000000;
}
.up-arrow {
	cursor: pointer;
	margin-bottom: 6px;
}
.down-arrow {
	cursor: pointer;
	margin-top: 6px;
}
.up-arrow2 {
	cursor: pointer;
	margin-bottom: 6px;
	margin-left: 180px;
}
.down-arrow2 {
	cursor: pointer;
	margin-top: 6px;
	margin-left: 180px;
}
#subPage {
	width: 896px;
	height: 600px;
	margin: 0px auto; /*center hack*/
	margin-top: 43px;
}
#topMenu {
	position: relative;
	margin-top: -43px;
	z-index: 3;
}
ul#mainNav {
	list-style: none;
	padding: 0;
	padding-left: 24px;
	margin: 0;
}
ul#mainNav li {
	padding-left: 0px;
	padding-right: 75px;
	/* width: 138.4px; */
	height: 20px;
	float: left;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #9A8D61;
	white-space: nowrap;
	text-align: left;
}
ul#mainNav li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #9A8D61;
}
ul#mainNav li a {
	width: auto;
}
ul#mainNav li a:hover {
	font-weight: bold;
	color: #6B5306;
}
#pageHeader {
	font-size: 14px;
	font-weight: bold;
	color: #6B5306;
	text-align: left;
	margin-bottom: 25px;
}
#videoPlayer {
	float: left;
	width: 564px;
	height: 548px;
	text-align: left;
}
#videoScroller {
	float: right;
	width: 332px;
	height: 548px;
	margin-top: -26px; /* offset to v-align the scroller to the player  */
}
#videoDetails {
	padding-top: 15px;
	text-align: left;
}
#videoPlayer2 {
	float: left;
	width: 564px;
	height: 286px;
	text-align: left;
}
#videoScroller2 {
	float: right;
	width: 332px;
	height: 286px;
	margin-top: -26px; /* offset to v-align the scroller to the player  */
	margin-bottom: 26px;
}
#crashHeader {
	font-size: 14px;
	font-weight: bold;
	color: #993300;
	text-align: left;
	margin-bottom: 20px;
}
.creditHeader1 {
	float: left;
	width: 174.2px;
	background: #C3A839;
	color: #000;
	text-align: left;
	margin: 0px;
	font-weight: bold;
	line-height: 24px;
	padding-left: 4px;
	font-size: 11px;
	height: 24px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.creditHeader2 {
	float: right;
	width: 174.2px;
	background: #C3A839;
	color: #000;
	text-align: left;
	margin: 0px;
	font-weight: bold;
	line-height: 24px;
	padding-left: 4px;
	font-size: 11px;
	height: 24px;
	border: 1px solid #000;
}
.creditItem1 {
	float: left;
	width: 174.2px;
	background: #EBE1BC;
	color: #000;
	text-align: left;
	margin: 0px;
	font-weight: normal;
	line-height: 24px;
	padding-left: 4px;
	font-size: 11px;
	height: 24px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	overflow: hidden;
}
.creditItem2 {
	float: left;
	width: 174.2px;
	background: #DCCB89;
	color: #000;
	text-align: left;
	margin: 0px;
	font-weight: normal;
	line-height: 24px;
	padding-left: 4px;
	font-size: 11px;
	height: 24px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	overflow: hidden;
}
.creditItem3 {
	float: right;
	width: 174.2px;
	background: #EBE1BC;
	color: #000;
	text-align: left;
	margin: 0px;
	font-weight: normal;
	line-height: 24px;
	padding-left: 4px;
	font-size: 11px;
	height: 24px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	overflow: hidden;
}
/* IE6 workaround */
html>body .creditHeader2 {
	width: 173.2px;
}
html>body .creditItem3 {
	width: 173.2px;
}
#creditList {
}
#creditMenu {
	float: right;
	color: #993300;
	font-weight: bold;
	font-size: 12px;
}
#creditMenu a {
	color: #993300;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	margin-right: 5px;
	margin-left: 5px;
}
#creditMenu a:hover {
	color: #FF9933;
	text-decoration: none;
}
#directorHeader {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
#directorList {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 20px;
}
#awardList{
	margin-bottom: 20px;
}
.awardItem {
	text-align: left;
	line-height: 20px;
}
.award {
	font-weight: bold;
	color: #FF9933;
}
#crashImage {
	float: left;
	width: 150px;
	height: 189px;
}
#crashContact {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-left: 30px;
	float: left;
}