@import "hp_ImgGallery.css";






/* ---------------------------------------------------------------------------- Global 
---------------------------------------------------------------------------------------------------------------- */



/* ------------------ */

html, body {
	height:100%;
	color:#FFFFFF;
}

* {
	margin: 0;
	padding: 0;
}

body {
	background:url(../../imgs/global/mpRacing_bkgd.jpg) no-repeat center top #000000;
	color: #FFFFFF;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
}

a img {
	border: 0 none;
}

a {
	border:0 none;
}

.clear {
	clear: both;
}

blockquote {
	font-size: 18px;
	padding: 10px 10px 10px 95px;
	background: #333 url(../../imgs/global/quote.gif) no-repeat top left;
	line-height: 1.25em;
	text-align: justify;
}

hr {
	border: none;
	border-top: 1px solid #333;
	width: 680px;
	margin: 0 0 0 270px;
}



/* ---------------------------------------------------------------------------- Layout 
---------------------------------------------------------------------------------------------------------------- */



/* ------------------ */

#wrapper {
	min-height: 100%;
}

#wrapper, #header, #center, #footer {
	width:960px;
	position:relative;
	margin:0 auto;
}

#header, #center, #footer {
	clear:both;
}

#header {
	height:140px;
}

#center {
	width:940px;
	padding:10px;
	height:100%;
}

#footer {
	height:65px;
}

.footerClear {
	clear:both;
}



/* ---------------------------------------------------------------------------- Header 
---------------------------------------------------------------------------------------------------------------- */



/* ------------------ */

#header {
	background:url(../../imgs/global/imgTopNav_Background.jpg) repeat-x #bdbdbd;
	position: relative;
	z-index: 999;
}

#headerTop {
	height:100px;
	width:960px;
	background:url(../../imgs/global/imgHeaderTop_Background.png) no-repeat right;
}

#headerTop #logo {
	background:url(../../imgs/global/imgMazakRacing_Logo.png) no-repeat 10px;
	height:65px;
	width:280;
	padding: 17px 0 18px 10px;
}



/* ------------------ */

/*#topNav {
	height:40px;
}

#topNav ul {
	margin:0;
	padding:0;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	z-index: 1000;
}

#topNav ul li {
	display:block;
	list-style:none;
	text-transform: uppercase;
	float: left;
	position: relative;
	margin: 0 15px 0 15px;
	line-height: 40px;
}

#topNav ul li ul {
	display: none;
}

#topNav ul li ul li {
	line-height: normal;
}

#topNav ul li a {
	text-decoration:none;
	color:#333333;
}

#topNav ul li a:hover {
	background:#FF6600;
	color:#FFFFFF;
	text-decoration:none;
	text-transform: uppercase;
}

#topNav li:active a {
	background:#FF6600;
	padding:5px;
	color:#FFFFFF;
	margin:-5px;
}

#topNav li:hover ul {
  display: block;
  position: absolute;
  width:200px;
  margin:0 0 0 -10px;
  padding:5px;
  background: #000;
}
#topNav li:hover li {
  margin:0;
  padding:0;
}*/


#topNav ul {
  margin: 0;
  padding: 0;
  text-transform:uppercase;
  position:relative;
  z-index:1000;
  height:40px;
  font-weight:bold;
}
#topNav ul li img {
	margin-left: 5px;
}
#topNav ul li {
  display: block;
  list-style: none;
  position: relative;
  float: left;
  line-height:40px;
  
}
#topNav li ul { 
	display: none; 
}
#topNav ul li a {
  	display: block;
  	text-decoration: none;
  	color: #333;
  	padding: 0 14px 0 14px;
}
#topNav ul li a:hover { 
	background:#FF6600;
	color: #FFF;

}
#topNav li:hover ul {
  display: block;
  position: absolute;
  width:230px;
  margin:0;
  padding:0;
}
#topNav li:hover li {
  float: none;
  height:40px;
  margin:0;
  padding:0;
  border-bottom: 1px solid #adadad;
}
#topNav li:hover a { 
	background:#b6b6b6;

}
#topNav li:hover li a:hover { 
	background:#FF6600;
}

#topNav li a.none {
	background: none;
	font-weight: normal;
	text-transform: none;
}

#topNav li a.none:hover {
	background: none;
	text-decoration: underline;
	color: #FF6633;
}

#topNav h2 {
	color: #FFF;
	display: block;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 12px;
	background: #333;
	border: none;
}

/*#topNav li.mazak {
	background: #999;
}*/




/* ---------------------------------------------------------------------------- Center 
---------------------------------------------------------------------------------------------------------------- */



/* ------------------ */

#centerWrap_Top {
	width:940px;
	height:372px;
	margin-bottom:10px;
	position: relative;
	display:block; 

}

/*#imgGalleryWrap,*/ #headlineWrap {
	overflow: hidden; 
	display:block;
}

#imgGalleryWrap {
	width: 578px; 
	height: 350px; 
	margin: 0;
	color:#999;
	float:left;
	border:1px solid #333333;
	padding:10px;
}

#headlineWrap {
	width:338px;
	height:370px;
	float:left;
	border-top:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

#module_headline {
	width:318px;
	height:19px;
	border-bottom:1px solid #333333;
	background:url(../../imgs/home/imgModuleHeader_Background.jpg) repeat-x;
	padding:10px;
	line-height:1.75em;
}

#headlineWrap h1 {
	font-weight:bold;
	color:#FF6600;
	font-size:12px;
}


/* ------------------ */

#centerWrap_Middle {
	width:890px;
	padding:25px;
	margin-bottom:10px;
}

#introBody {
	width:555px;
	float:left;
	padding:10px;
	border-right:1px solid #333333;
}

#introPartners {
	float:left;
	width:273px;
	padding:15px;
	height:75px;
	background:url(../../imgs/home/imgPartner_Logos.gif) no-repeat 10px;
}

#introPartners p {
	margin-top: 80px;
	font-size: 9px;
	position: absolute;
	z-index: 10px;
	right: 55px;
}

#introPartners p span {
	margin-right: 60px;
}

#introPartners p a {
	color: #FF6600;
	text-decoration: none;
}

#introPartners p a:hover {
	color: #333;
	text-decoration: underline;
}

.introClear {
	clear:both;
}

#introBody h1{
	font-weight:bold;
	color:#FF6600;
	font-size:16px;
}



/* ------------------ */

#centerWrap_Bottom {
	width:938px;
	height:358px;
	position: relative;
	display:block;
	border:1px solid #333333;
}

#bottomModuleWrap {
	width:598px;
	border-right:1px solid #333333;
	float:left;
}

#bottomModule_r1 {
	width:598px;
	height:178px;
	border-bottom:1px solid #333333;
	clear:both;
}

#bottomModule_r2 {
	width:598px;
	height:179px;
}

#bottomModules_c1 {
	width:298px;
	height:178px;
	border-right:1px solid #333333;
	float:left;
}

#bottomModules_c2 {
	width:299px;
	float:left;
	height:178px;
}

#bottomModules_c3 {
	width:298px;
	height:179px;
	border-right:1px solid #333333;
	float:left;
}

#bottomModules_c4 {
	width:299px;
	float:left;
	height:179px;
}

#bottomBody {
	width:339px;
	float:left;
	height:358px;
}

.bottomClear {
	clear:both;
}



/* ------------------ */

#bottomModuleWrap p {
	font-size:11px;
	line-height:1.25em;
	color:#666666;
}

#bottomModuleWrap p a {
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
}

#bottomModuleWrap p a:hover {
	text-decoration:underline;
	color:#FF6600;
	font-size:11px;
}



/* ------------------ */

#module_1, #module_3 {
	width:278px;
	height:19px;
	border-bottom:1px solid #333333;
	background:url(../../imgs/home/imgModuleHeader_Background.jpg) repeat-x;
	padding:10px;
	line-height:1.75em;
}

#module_2, #module_4 {
	width:279px;
	height:19px;
	border-bottom:1px solid #333333;
	background:url(../../imgs/home/imgModuleHeader_Background.jpg) repeat-x;
	padding:10px;
	line-height:1.75em;
}

#module_Body {
	width:319px;
	height:19px;
	border-bottom:1px solid #333333;
	background:url(../../imgs/home/imgModuleHeader_Background.jpg) repeat-x;
	padding:10px;
	line-height:1.75em;
}

#module_1 h1, #module_2 h1, #module_3 h1, #module_4 h1, #module_Body h1 {
	font-size:12px;
	font-weight:bold;
	color:#ff6600;
}

#module_1_inset, #module_2_inset {
	width:278px;
	line-height:1em;
	position:absolute;
	top:51px;
	color:#666666;
	height:117px;
}

#module_3_inset, #module_4_inset {
	width:278px;
	line-height:1em;
	position:absolute;
	top:231px;
	color:#666666;
	height:117px;
}

#module_1 img, #module_2 img {
	width:115px;
	height:105px;
	border:1px solid #333333;
	padding:5px;
	float:left;
}

#module_1_Copy, #module_2_Copy {
	float:left;
	position:absolute;
	width:140px;
	left:135px;
	top:5px;
}

#module_3 img, #module_4 img {
	width:115px;
	height:105px;
	border:1px solid #333333;
	padding:5px;
	float:left;
}

#module_3_Copy, #module_4_Copy {
	float:left;
	position:absolute;
	width:140px;
	left:135px;
	top:5px;
}

#module_BodyCopy {
	width:319px;
	position:absolute;
	top:51px;
	line-height:1.5em;
	color:#666666;
}	



/* ---------------------------------------------------------------------------- Headlines 
---------------------------------------------------------------------------------------------------------------- */



/* ------------------ */

#headline ul {
	display: block;
	list-style: none;
	margin-top: 20px;
	margin-left: -5px;
	text-transform: uppercase;
}

#headline li {
	padding: 5px;
}

#headline li ul {
	margin:0 0 10px 0;
	padding: 0;
}

#headline li ul li {
	border-bottom: 1px solid #333;
}

#headline li ul li ul li {
	list-style: none;
	border-bottom: none;
	margin: -10px 0 -22px 10px;
	font-size: 85%;
	color: #666;
}

#headline li ul li ul li h1 {
	font-size: 85%;
	color: #666;
	margin: 0;
	padding: 0;
	border-bottom: none;
	float: left;
}

#headline li ul li ul li a {
	display: inline;
	margin: 0 5px 0 5px;
	color: #666;
}

#headline li ul li ul li a:hover {
	margin: 0;
	text-decoration: underline;
	background: none;
	color: #999;
}

#headline li a {
	text-decoration: none;
	color: #ff6600;
	display: block;
}

#headline li a:hover {
	background: #333;
	margin:-5px;
	padding: 5px;
}

#headline li h1 {
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px solid #333;
}

#headline li.first {
	border-bottom: 1px solid #333;
}



/* ---------------------------------------------------------------------------- Articles 
---------------------------------------------------------------------------------------------------------------- */



/* ------------------ */

#articles, #events {
	width: 940px;
}

#articles h4, #events h4 {
	font-size: 18px;
	text-transform: uppercase;
	color: #FF6600;
	margin: 50px 0 15px 20px;
}

#articleWrap {
	width: 900px;
	padding: 20px;
}

#article_thumb {
	float: left;
	width: 200px;
	margin-right: 20px;
	padding: 5px;
	border: 1px solid #333;
}

#article_quick {
	float: left;
	width: 650px;
	padding-top: 0px;
}

#article_quick h1 {
	font-size: 16px;
	color: #FF6600;
	margin-bottom: 10px;
}

#article_quick a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#article_quick a:hover {
	text-decoration: underline;
	color: #FF6600;
}

#article_quick h1 span.date {
	font-size: 75%;
	font-style: italic;
	color: #666;
	font-weight: normal;
}

#article_imgMain-l {
	float: left;
	margin:0 20px 60px 0;
	width: 550px;
}

#article_img-l {
	float: left;
	margin:20px 20px 20px 0;
	width: 300px;
}

#article_img-r {
	float: right;
	margin:20px 0 20px 20px;
	width: 300px;
}

#events_imgMain-l {
	float: left;
	margin:0 20px 70px 0;
	width: 550px;
}

#events_img-l {
	float: left;
	margin:20px 20px 20px 0;
	width: 250px;
}

#events_img-r {
	float: right;
	margin:20px 20px 20px 20px;
	width: 250px;
}

#article_imgCaption {
	font-size: 11px;
	font-style: italic;
	color: #999;
	background: #333;
	padding: 10px;
	line-height: 1.25em;
}

#article_copy h1 {
	font-size: 14px;
	color: #FF6600;
}

#article_copy h2 {
	font-size: 24px;
	color: #FF6600;
	margin-bottom: 40px;
	margin-top: 25px;
}

#article_copy h3 {
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

#article_copy span {
	font-family: Times;
	font-size: 16px;
	margin: 0;
	padding: 0;
	font-style: italic;
	color: #FF6600;
}

/* ------------------ */

#videos {
	width: 940px;
}

#videos h4 {
	font-size: 18px;
	text-transform: uppercase;
	color: #FF6600;
	margin: 50px 0 15px 20px;
}

#videoWrap {
	width: 900px;
	padding: 20px;
}

#videoContainer {
	float: left;
	padding: 5px;
	border: 1px solid #333;
	margin: 0 20px 20px 0;
}

#videoContainer h1 {
	font-size: 14px;
	color: #FF6600;
}




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



/* ------------------ */

#footer {
	background:url(../../imgs/global/imgFooter_Background.jpg) repeat-x;
	line-height:5em;
}

#footerWrap {
	width:940px;
	padding:10px;
	height:45px;
}

#footerNav {
	width:599px;
	float:left;
	height:45px;
}

#footerCopyright {
	float:left;
	width:340px;
	height:45px;
	font-size:8px;
	color:#666666;
	font-weight:bold;
}

#footerNav ul {
	overflow:hidden;
	margin:0;
	padding:0;
}

#footerNav li {
	display:inline;
	list-style:none;
	line-height:60px;
	font-weight:bold;
	padding:7px;
	font-size:8px;
	text-transform: uppercase;
}

#footerNav li a {
	text-decoration:none;
	color:#666666;
	text-transform: uppercase;
}

#footerNav li a:hover {
	background:#333333;
	padding:5px;
	color:#666666;
	margin:-5px;
	text-decoration:none;
	text-transform: uppercase;
}










/* Global 
-------------------------------------------------------- */