/*This section sets the background color, centers the page, and sets the width for the page
text align for this tag and the main div tag auto centers the webpages in FF and iE*/
body {text-align: center;
font-family:Arial;font-size:12px; white-space: normal;background-image:url("images/background.jpg");background-repeat:repeat;
color: #FFFFFF;
}
/*div {border: 1px solid white}*/
div#main {width: 955px;background-color:#000000;margin: 0 auto;text-align: left;}
h1{font-size:11px;margin: 2px ;padding: 2px;}
h2{font-size:10px;margin:0px;padding:0px;border:0px;}
TR{font-size:11px;}
#headerlogo {float: left; width: 550px; padding:0px; margin:0px}
p{margin:0px;padding:0px;}


/*#footerbackgroundchange { background-color:#CC0000;}
#footerbackground{position:relative;background-image: url('images/footerbackground.gif');background-repeat:repeat;filter:alpha(opacity=3);moz-opacity:.03;opacity:.03;width: 955px;height: 300;}*/
#homepageimage {background-image:url("images/homepage.jpg") z-index: 100;position:relative; top:0px; left:0px;margin:0px; padding:0px; border:0px;width:955px;}

#homepagetext {padding:10px;float:right}
#homepagetext a:link,a:visited,a:hover,a:active{text-decoration:none;color:#FFFFFF}

img.floatLeft { 
    float: left; 
    margin: 2px;
	padding: 2px;

}
img.floatright{ 
    float: right; 
    margin: 0px;
	padding: 2px;

}
#leftside{position:relative;left: 0px;float: left;padding:3px;width: 685px}
#rightside{position:relative;left: 0px; top:0px;float:right;padding:0px;width:244px}

#rightside a:link, #rightside a:hover, #rightside a:visited {color:#fff; text-decoration:underline}
/*homepage*/
#news{height:247px;padding:5px;background-image:url("images/newsbackground.gif");background-repeat:no-repeat;}
#news a:link,a:visited,a:hover,a:active{text-decoration:none;color:#FFFFFF}
#ufoDemo{padding-bottom:5px}
#newstext{padding:5px; padding-top:35px;font-weight:normal}
#racewraps{padding: 8px;background-color:#333333;position:relative;width:650px;top:3px;float:left;}
#special{position:relative;left:0px;float:left;padding:0px;}

/*race car graphics page*/
#racecargraphicstext{position:relative;left :10px;padding: 0px;width: 941px}

/*trailers page*/
#trailertext{position:absolute;top: 150px;left: 10px;width: 400px;z-index:2000;}
#trailerflash{z-index:1; width:955px;left: 0px;position:relative;top:20px;}
#trailerflash2 {z-index:1;width: 955px; position:relative}

/*banners page*/
#bannerleftside {position:relative;float: left; padding: 3px; left:5px;width: 490px}
#bannerrightside {position:relative;float: right; top: 0px;padding: 0px; width: 455px}

/*racewraps page*/
#racewrapswrapper{position:relative;margin-top: 15px;text-align: left;margin: 0px auto;	padding: 0px;}
#racewrapsleftside {position:relative;float:left;padding: 3px;left:10px;width: 300px;}
#racewrapscenter{padding:15px;width:380px;float: left; left:15px; }
#racewrapsrightside {float:right;padding-right:14px;margin-top: 30px;width: 220px}

/*creative services page*/

#csleftside {position:relative;float: left; padding: 0px; margin:0px;left:10px;top:0px;width: 325px}
#csrightside {position:relative;float:left; top: 12px;padding: 0px;margin:0px; width: 622px}

/*showroom*/
#showroom {position: relative;top: 15px;text-align:center}

/*contact page*/
#contactleftside{position:relative;float:left;left: 10px;width: 400px; font-size:12px}
#contactleftside a:link,a:visited,a:hover,a:active {text-decoration:none;color:#FFFFFF}
#contactrightside a:link,a:visited,a:hover,a:active{text-decoration:none;color:#FFFFFF}
#contactrightside{position:relative; top:50px;float:right;right:30px;padding:0px;width:450px;color:#FFFFFF}

/*disclaimer*/
#disclaimer {padding:15px}

/*footer*/
#footer{position:relative;left: 0px;top:15px;clear:both;text-align:center; height:50px;border-top:50px;width:955px;background-color:#666666;background-image:url("images/footerbackground1.gif");background-repeat:no-repeat;font-family:verdana;font-size:10px;color: #FFFFFF;}

#footer a:link {text-decoration:none;color: #FFFFFF; }
#footer a:visited {text-decoration:none;color: #FFFFFF;}
#footer a:hover {text-decoration:none;color: #FFFFFF;}
#footer a:active{text-decoration:none;color: #FFFFFF;}

img {border-style: none;}

/*Navigation courtesy of http://alistapart.com/articles/hybrid*/
#nav a:link {text-decoration:none;}
#nav a:visited {text-decoration:none;}
#nav a:hover {text-decoration:none;}
#nav a:active{text-decoration:none;}

#nav {position:absolute;
width: 955px;
margin-left: 0px;padding-left: 0px;
top:90px;
z-index:2000;
font-family:Verdana;
font-size:12px;
  background-image:url("images/navimg.gif");
  background-repeat:no-repeat;
}
#nav li {
  /*float the main list items*/
  margin: 0px;
  float: right;
  display: block;
  padding-right: 0px;

 }
#nav li.off ul, #nav li.on ul {
  /*hide the subnavs*/
  display: none;
}
#nav li a {
  /*for all links in the list*/
  color: #FFFFFF;
  font-weight: bold;
  display: block;
  height: 15px;
  width: 108px;
  
  padding: 5px;
}
#nav li.off ul, #nav li.on ul {
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  top: 25px;
  height: 15px;
  left: 0px;
  padding-top: 0px;
}




#nav li.on ul a, #nav li.off ul a {
  /*  cancel inherit of border
      on subnav of active topic */
  border: 0px;
}
#nav li.on ul {
  /*display active subnav list*/
  display: block;
}
#nav li.on ul a, #nav li.off ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0px;
  color: #FFFFFF;
  width: auto;
  margin-right: 0px;
  margin-left: 5px;padding-left:5px;
}
#nav li.off ul {
  /*display the current topic*/
  display: block;
    background: #000000;
  position:absolute;
  width:955px;
  height:30px;
 margin:0px; padding:0px; border:0px;
}
#nav li.off:hover ul, #nav li.on:hover ul, #nav li.over ul{
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
  background: #000000;
  position:absolute;
  width:955px;
  height:30px;
 margin:0px; padding:0px; border:0px;}

#nav li a:hover, #nav li:hover a, #nav li.over a  {
  
  color: #CCFF00;
}