/*
  Layout Styles for ProFormanceRacing.com
	Last updated 5/26/2009 by Jonathan
*/

/* Site settings (font & size etc) */
* {
  font-family:verdana;
  font-size:1em;
}
body {
  margin:0;
  padding:0;
  background:#000 url(../images/verto_bg.png) repeat-x;
}
/* General page styles */
#siteContainer,#siteFooter {
  position:relative;
  width:983px;
  margin:0 auto;
}
#siteContainer {
  padding-top:135px;
  background:#000 url(../images/site_theader.jpg?cache=0) no-repeat;
  border:1px solid #A00;
}
/* Styles for page footer, all pages */
#siteFooter {
  margin-top:10px;
  padding-bottom:10px;
  font-size:.7125em;
}
#siteFooter, #siteFooter a {
  color:#E00;
  font-weight:bold;
  text-align:right;
  text-decoration:none;
}
#siteFooter a:hover {
  text-decoration:underline;
}
/* Landing/HomePage Link */
#landingPageLink {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:800px;
  height:135px;
  text-decoration:none;
  background:url(../images/proformance_logo.png) no-repeat;
}
/* Contact us section in header */
#headContact {
  display:block;
  position:absolute;
  width:125px;
  height:18px;
  top:94px;
  right:0;
  color:#FFF;
  font-size:.75em;
  padding-top:23px;
  text-align:center;
  text-indent:8px;
}
#headContact a {
  color:#FFF;
  text-decoration:none;
  text-transform:uppercase;
}
#headContact a:hover {
  color:#ED1;
}
/* Landing Page styles */
#animation, #pitReport {
  height:350px;
  overflow:auto;
}
#animation {
  float:left;
  width:654px;
  background:#000 url(../../images/startyourengine.jpg) no-repeat;
}
#pitReport {
  float:right;
  width:329px;
  background:#3C3C3C url(../images/pit_report.jpg) no-repeat;
}
#pitReport .timeStamp {
  margin:48px 0 24px 28px;
  color:#E12;
  font-size:.875em;
}
#pitReport ul {
  margin:0;
  padding:0 27px 0 42px;
  color:#ED1;
}
#pitReport ul li {
  margin-bottom:16px;
  list-style-image:url(../images/bullet_arrow.png);
}
#pitReport ul li a {
  color:#FFF;
  font-weight:bold;
  font-size:.8125em;
  text-decoration:none;
}
#pitReport ul li a:hover {
  color:#ED1;
}
#pContainer {
  background:#FFF;
}
/* Landing Page main area checker,
   also used to expand main area since all of it's children are floated */
#pContainer .pFooter {
  clear:both;
  height:21px;
  line-height:10px;
  background:#701 url(../images/sub_checker.png) repeat-x;
}
/* Interior Footer with red checker graphic */
#pContainer .footChecker {
  position:absolute;
  bottom:21px;
  left:0;
  width:232px;
  height:19px;
  z-index:1;
  background:#222 url(../images/interior_nav_checker.png) no-repeat;
}
/* Interior Page Styles */
#pContainer #pContent {
  float:right;
  width:702px;
  padding:24px 48px 24px 24px;
  font-size:.75em;
}
#pContainer #pContent h1 {
  margin-top:0;
  font-weight:bold;
  font-size:1.5em;
  color:#F00;
}
#pContainer #pContent h2,
#pContainer #pContent h3 {
  margin:0;
  font-size:1.125em;
}
#pContainer #pContent h2 {
  color:#F00;
}
#pContainer #pContent h4 {
  margin:0;
  font-size:.9125em;
  color:#F00;
}
#pContainer #pContent p {
  position:relative;
}
#pContainer #pContent p img.mtPunchOut {
  position:absolute;
  top:0;
  left:-200px;
}
/* Interior Banner Image size & properties */
#pContainer #pBanner {
  width:auto;
  height:200px;
  background-color:#333;
  background-position:center center;
  border-bottom:1px solid #999;
}
#pContainer #pContent a {
  color:#444;
}
#pContainer #pContent a:hover {
  color:#F00;
}
/* Landing Page sub section styles */
#sContent {
  height:234px;
  padding:16px;
  background:#C4C4C4 url(../images/s_verto_bg_outer.jpg) repeat-x;
}
#sContent .raceSchool,#sContent .featured,#sContent .newsLetter {
  float:left;
  width:346px;
  height:232px;
  margin-right:16px;
  color:#000;
  background:#B6B6B6 url(../images/s_verto_bg_inner.png) repeat-x;
  border-width:1px;
  border-style:solid;
  border-color:#777 #B6B6B6 #EEE #B6B6B6;
}
#sContent .raceSchool {
  position:relative;
  z-index:1;
}
#sContent .newsLetter {
  float:right;
  width:220px;
  margin:0;
  background:#B6B6B6 url(../images/s_verto_bg_inner_blue.png) repeat-x;
}
#sContent .raceSchool h2,#sContent .featured h2,#sContent .newsLetter h2 {
  font-size:.925em;
}
#sContent .featured a {
  color:#444;
}
#sContent .newsLetter h2 a {
  font-size:.75em;
  color:#666;
}
#sContent .featured a:hover,
#sContent .newsLetter h2 a:hover {
  color:#F00;
}

#sContent .raceSchool p,#sContent .featured p,#sContent .newsLetter p,
#sContent .raceSchool ul,#sContent .featured ul,#sContent .newsLetter ul {
  margin:0 0 14px 0;
  font-size:.725em;
}
#sContent .newsLetter p {
  font-style:italic;
}
#sContent .raceSchool ul,#sContent .featured ul,#sContent .newsLetter ul {
  padding-left: 14px;
}
/* The below style is used to create the two color border effect
   that appears in the sub sections of the Landing Page */
#sContent .inl {
  height:230px;
  padding:0 16px;
  border-top:1px solid #FFF;
  border-bottom:1px solid #777;
}
#sContent .raceSchool .stockcar {
  display:block;
  position:absolute;
  width:259px;
  height:71px;
  bottom:-16px;
  right:-10px;
  z-index: 10;
  background:url(../images/stockcar_small_motion.png?cache=0) no-repeat;
}
#sContent .newsLetter .partnerLogos {
  display:block;
  width:188px;
  height:84px;
  margin:10px auto 0 auto;
  z-index: 10;
  background:url(../images/logos2.png) no-repeat;
  text-decoration:none;
}
/* Contact Form Styles */
#contactForm {
  padding:8px 12px 8px 8px;
  background:#EEE;
  text-align:center;
}
#contactForm .inputField,#contactForm label {
  display:block;
  width:100%;
  margin:2px 0 8px 0;
}
#contactForm label {
  margin:2px 0 0 0;
  font-size:.9125em;
  color:#666;
  text-align:left;
}
.pLink {
  text-decoration:none;
}


/* ClearFix used to properly expand containers with floated content */
.ClearFix {
  display:block;
  clear:both;
  height:0;
  line-height:0;
}