
/*= Global
================================================*/
html, body.home  { font-family: Arial, Helvetica, sans-serif; background-image: url(images/bg.jpg); background-repeat: repeat-x; background-position: 0 0px; margin: 0; padding: 0; text-align: center; color: #000000; height:100%; }

p { font-size: 14px; color: #484848; }

a:link, a:visited, a:active {color:#ad0e25;text-decoration: none;}
a:hover{color:#e27d2f; text-decoration: none; }

a.txt:link{color:#ad0e25;text-decoration: none;}
a.txt:visited{color:#ad0e25;text-decoration: none;}
a.txt:hover{color:#e27d2f;text-decoration:none;}

h1 { font-family: uniwars,sans-serif; font-size: 19px; font-style: italic; color: #f89937; }

h2 { font-family: uniwars,sans-serif; font-size: 15px; font-style: italic; color: #374754; padding: 10px 0 5px; border-bottom: 1px solid #b60000; }

h3 { font-family: uniwars,sans-serif; font-size: 12px; font-style: italic; color: #ad0e25; text-transform: uppercase; margin-bottom: -14px; }

ul { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 1.5em; font-size: 14px; color: #484848; }


/*= Structure
================================================*/
.twoColFixRtHdr #container, #container { width: 980px; margin: 0 auto; text-align: left; min-height:100%; }
 
.twoColFixRtHdr #header, #header { padding: 0 10px 0 20px; height:137px; }
 
.twoColFixRtHdr #header h1, #header h1 { margin: 0; padding: 10px 0; }

.twoColFixRtHdr #header-pic, #header-pic { position: relative; height: 278px; background-image: url(images/bg-pic.jpg); background-repeat: no-repeat; background-position: top center; text-align:center; }

#header-pic-video { height: 320px; background-image: url(images/bg-pic1.jpg); background-repeat: no-repeat; background-position: top center; text-align: center; }

.fltrt { float: right; margin-left: 8px; }

.fltlft { float: left; margin-right: 8px; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

.container-header { position: relative; height: 85px; }

.left-element { position: absolute; left: 0; width: 28%; padding-top: 34px; }

.right-element { position: absolute; right: 0; width: 72%; text-align: right; padding-top: 68px; } 

.container-PTStop { position: relative; height: 250px; }

.container-PTSmiddle { position: relative; height: 250px; }

.left-element-PTS { position: absolute; left: 0; width: 50%; }

.right-element-PTS { position: absolute; right: 0; width: 50%; text-align: left; /* depends on element width */ }


/*= Main Navigation
================================================*/
.menu {padding:0 0 0 1em; margin:0; list-style:none; height:35px;}
.menu li {float:left;}
.menu li a {display:block; float:left; height:100%; line-height:33px; color:#ad0e25; text-decoration:none; font-family:arial, verdana, sans-serif; font-style:italic; text-align:center; cursor:pointer; font-size:11px;}
.menu li a {float:left; display:block; padding:0 8px 0 8px;}
.menu li.current a {color:#e27d2f;}
.menu li a:hover {color:#e27d2f;}
.menu li.current a:hover {color:#e27d2f; cursor:default;}


/*= Body Content Structure
================================================*/
.twoColFixRtHdr #mainContent, #mainContent { width: 625px; margin: 0 0px 0 0; padding-right: 20px; padding-left: 70px; padding-top: 10px; height: 100%; bottom: 0; }

.twoColFixRtHdr #sidebar1, #sidebar1 { float: right; width: 193px; padding: 10px 0 10px 0px; margin: 0 70px 0 0; }


/*= Homepage Featured Section
================================================*/
#container-header-video { position: relative; height: 320px; width: 844px; margin: 0 auto; }

#left-element-video { width: 426px; padding: 0 5px; float: left; }

#right-element-video {width: 407px; float: left; } 

#buy { position: absolute; left: 50%; margin-left:-90px; top: 510px; width: 300px; }

#buy1 { position: absolute; left: 50%; margin-left: -130px; top: 670px; width: 300px; }

.grey { color: #374754; }


/*= Homepage Boxes
================================================*/
#homepage-boxes { width: 625px; height: 129px; margin: 0 0px 0 0; padding: 10px 20px 20px 0px; height: 129px; bottom: 0; text-align:right; }

#homepage-box-left { width: 301px; height: 129px; background:url(images/bg-homepage-box-tickets.png) no-repeat; margin: 0 20px 0 0; float: left; }

#homepage-box-right { width: 301px; height: 129px; background:url(images/bg-homepage-box-go-karts.png) no-repeat; float: left; }

#homepage-box-large { width: 625px; height: 129px; margin: 0 0px 20px 0; float: left; }

#homepage-box-large2 { width: 625px; height: 129px; background: url(images/banners/banner-drivers-owners-meetings-2012.png) no-repeat; margin: 0 0px 20px 0; float: left; }

#homepage-boxes p { font-size: 14px; font-weight: bold; margin: 103px 15px 0 0; color: #eeeeee; }

#homepage-boxes a, #homepage-boxes a:visited, #homepage-boxes a:active { font-size: 14px; color: #eeeeee; font-weight: bold; font-style: italic; text-decoration:none; text-shadow: 1px 1px 1px #333; }

#homepage-boxes a:hover { color: #fff; text-decoration: underline; }


/*= Side Sponsors
================================================*/
#sponsors { margin: 10px 0 0 0; }


/*= Footer
================================================*/
.twoColFixRtHdr #footer, #footer { padding: 25px 10px 25px 70px;	bottom: 0; }
 
.twoColFixRtHdr #footer p, #footer p { margin: 0; font-size: 11px; color: #e27d2f; }


/*= Interior Page Slideshow
================================================*/
.flash-container { position: relative; margin: 0; padding: 0; width: 824px; height: 278px; }

#slideMainDiv { height: 278px; width: 824px; position: relative; border: 0px; border-bottom: 0px; background-color: #FFF; }

#slideHeaderDiv { width: 824px; height: 278px; padding-left: 78px; }

.slideDiv { position:absolute; left: 0px; top: 0px; width: 824px; height: 278px; }
 
#newdiv { width: 824px; height: 19px; padding-bottom: 0px; margin-bottom: 0px; padding-left: 550px; }


/*= Social Media Icons 
================================================*/
#social { position: absolute; left: 50%; margin-left: 263px; width: 170px; }


/*= Clear Float
======================================================*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ie .clearfix { zoom: 1; } 
