@import url(reset.css);
@import url(lightbox.css);

/*body {
background:#000000 url(../images/bodybg.jpg);
background-repeat:no-repeat;
background-position:top left;
	}
*/
#container{
width: 825px;
min-height: 600px;
margin: 15px auto;
}
* html #container{
height: 600px;
}
#topbar{
width: 825px;
height:86px;
background: url(images/topbarbg.gif) no-repeat;
}
#topbar a{
display: block;
width: 160px;
height: 70px;
text-indent: -100em;
overflow: hidden;
margin: 0 0 0 20px;
}
#header{
width: 825px;
height: 248px;
background: url(images/header.jpg) no-repeat;
}
#header-sub{
width: 824px;
height: 117px;
margin: 0 0 0 1px;
}
* html #header-sub img{
height: 117px;
}
#nav{
width: 825px;
height: 56px;
background: url(images/navbg.gif) no-repeat;
border-top: 1px solid #000;
margin: 0 0 0 1px;
}
* html #nav{
margin-top: -8px;
}
#nav ul{
margin: 8px 0 0 0;
}
#nav ul li{
float: left;
display: inline;
}
#nav ul li a{
display: block;
margin: 0 5px 0 5px;
}
#temp_store{
width: 700px;
min-height: 150px;
margin: 35px 0 0 45px;
float: left;
font: normal 11px arial, sans-serif;
text-align: center;
}
#temp_store h1{
font: bold 14px arial, sans-serif;
}
/* nav links
============ */
a.home:link, a.home:visited{
width: 57px;
height: 48px;
background: url(images/home.gif) no-repeat 0 0px;
text-indent: -100em;
overflow: hidden;
}
a.projects:link, a.projects:visited{
width: 69px;
height: 48px;
background: url(images/projects.gif) no-repeat 0 0px;
text-indent: -100em;
overflow: hidden;
}
a.turbotech:link, a.turbotech:visited{
width: 81px;
height: 48px;
background: url(images/turbotechnav.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
a.raceprovenmotors:link, a.raceprovenmotors:visited{
width: 156px;
height: 48px;
background: url(images/raceprovenmotors.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
a.sytystore:link, a.sytystore:visited{
width: 120px;
height: 48px;
background: url(images/partstore.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
a.propaganda:link, a.propaganda:visited{
width: 93px;
height: 48px;
background: url(images/propaganda.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
a.contact:link, a.contact:visited{
width: 69px;
height: 48px;
background: url(images/contact.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
a.home:hover{
background-position: 0 -48px;
}
a.projects:hover{;
background-position: 0 -48px;
}
a.turbotech:hover{
background-position: 0 -48px;
}
a.raceprovenmotors:hover{
background-position: 0 -48px;
}
a.sytystore:hover{
background-position: 0 -48px;
}
a.propaganda:hover{
background-position: 0 -48px;
}
a.contact:hover{
background-position: 0 -48px;
}
/* end nav links
================ */
#content{
width: 825px;
height: 380px;
background: url(images/contentbg.jpg) no-repeat;
}
#callaction .floatRight{
float: right;
}
#contentsub{
width: 824px;
min-height: 380px;
background: #FFF url(images/contentsub.gif) no-repeat;
margin: 0 0 0 1px;
}
#leftcol{
width: 500px;
float: left;
display: inline;
}
#rightcol{
width: 315px;
float: right;
display: inline;
}
.productlist{
width: 500px;
margin: 15px 0 0 5px;
}
.partshdr{
display: block;
width: 155px;
height: 43px;
background: url(images/partstore.jpg) no-repeat;
text-indent: -200em;
overflow: hidden;
float: left;
}
.shopbtn{
display: block;
float: left;
width: 111px;
height: 37px;
background: url(images/shopbtn.gif);
text-indent: -100em;
overflow: hidden;
}
#rightcol-sub h2{
font: bold 11px arial, sans-serif;
margin: 5px 0 0 0;
border-bottom: 1px dotted #CCC;
}
#rightcol-sub ol{
margin: 0 0 10px 15px;
list-style-position: inside;
font: normal 11px arial, sans-serif;
}
#rightcol-sub ol li{
padding: 2px 0;
}
.product{
text-align: center;
width: 120px;
height: 130px;
float: left;
display: inline;
padding: 0 2px 0 2px;
}
#serviceinfo{
width: 211px;
height: 141px;
margin: 10px 0 0 10px;
background: url(images/servicebg.gif) no-repeat;
float: left;
display: inline;
}
#serviceinfo h1{
width: 145px;
height: 33px;
text-indent: -100em;
overflow: hidden;
background: url(images/servicehdr.gif) no-repeat;
margin: 0 0 0 20px;
}
#serviceinfo ul{

}
#serviceinfo ul li{
margin: 1px 0 1px 0;
}
#serviceinfo ul li a:link, #serviceinfo ul li a:visited{
height: 17px;
display: block;
margin: 0 0 0 10px;
padding: 2px 0 0 0;
text-decoration: none;
text-transform: uppercase;
color: #666;
font: normal 12px arial, sans-serif;
}
#serviceinfo ul li a:hover{
color: #000;
}
.howto{
width: 250px;
float: left;
display: inline;
margin: 10px 0 0 10px;
height: 150px;
}
.howto h1{
width:155px ;
height: 41px;
background: url(images/turbotech.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
.howto p{
margin: 0 0 0 5px;
}
#rightcol .featproject{
display: block;
width:311px ;
height: 215px;
background: url(images/featproject.jpg) no-repeat;
text-indent: -100em;
overflow: hidden;
}
.mailinglist{
width: 305px;
height: 75px;
background: url(images/mailinglist.gif) no-repeat;
}
.mailinglistwhite{
width: 305px;
height: 75px;
background: url(images/maillistwhite.jpg) no-repeat;
margin: 20px 0 0 0;
}
.mailinglistwhite input{
margin: 35px 0 0 60px;
width: 167px;
}
.mailinglistwhite .joinbtn{
margin: -10px 0 0 0;
}
.mailinglist input{
margin: 35px 0 0 60px;
width: 167px;
}
.joinbtn{
width: 46px;
height: 29px;
background: url(images/joinbtn.gif) no-repeat;
cursor: pointer;

border: 0;
margin: 0;
padding: 0;
}
*:first-child+html {} * html {} .joinbtn{
position: relative;
top: 5px;
}
.rpm p{
color: #666;
text-align: center;
margin: 10px 10px 0 0;
}
.floatRight .rpm p{
width:;
color: #666;
text-align: center;
margin: 10px 10px 0 0;
}
#footer{
width:  825px;
}
#footer-sub{
width:  825px;
height: 80px;
background: url(images/footer-sub.gif) no-repeat;
margin: 0 0 0 1px;
}
#footer ul{
margin: 15px 0 0 207px;
display: block;
}
#footer ul li{
float: left;
display: inline;
}
#footer ul li a{
color: #666;
padding: 0 5px;
text-decoration: none;
border-right: 1px solid #666;
}
#footer-sub ul{
padding: 25px 0 0 227px;
display: block;
}
#footer-sub ul li{
float: left;
display: inline;
}
#footer-sub ul li a{
color: #666;
padding: 0 5px;
text-decoration: none;
border-right: 1px solid #666;
}
.namtra{
width: 63px;
height: 31px;
background: url(images/namtra.gif) no-repeat;
display: block;
text-indent: -500em;
overflow: hidden;
margin: 10px 0 0 50%;
}
#leftcol-sub{
width: 240px;
float: left;
display: inline;
margin: 20px 0 0 10px;
}
#leftcol-sub p{
width: 220px;
margin: 5px 0 0 10px;
padding: 0 10px 0 0;
font: normal 11px arial, sans-serif;
}
#leftcol-photodetail{
width: 170px;
float: left;
display: inline;
margin: 20px 0 0 10px;
min-height: 100px;
}
#leftcol-photodetail p{
font: normal 11px arial, sans-serif;
margin: 10px 0;
}
#rightcol-sub p strong{
font: bold 14px arial, sans-serif;
}
.rpmh1{
text-indent: -100em;
overflow: hidden;
width: 191px;
height: 32px;
background: url(images/rpmh1.gif) no-repeat;
margin: 2px 0 0 10px;
}
.rpmlist{
width: 211px;
height: 180px;
background: url(images/rpmlistbg.jpg) no-repeat;
}
.rpmlist ul li{
margin: 1px 0 1px 0;
}
.rpmlist ul li a:link, .rpmlist ul li a:visited{
height: 17px;
display: block;
margin: 0 0 0 10px;
padding: 2px 0 0 0;
text-decoration: none;
text-transform: uppercase;
color: #666;
font: normal 12px arial, sans-serif;
}
.rpmlist ul li a:hover{
color: #000;
}
a.white{
color: #FFF;
}
#rightcol-sub{
width: 415px;
float: left;
margin: 20px 0px 0 15px;
min-height: 200px;
}
#rightcol-photo{
width: 550px;
float: left;
margin: 20px 0px 0 8px;
min-height: 200px;
}
#rightcol-sub h1{
font: normal 24px impact, arial, sans-serif;
color: #999;
}
#rightcol-sub p{
margin: 15px 0 10px 0;
font: normal 11px arial, sans-serif;
}
#callaction{
width: 785px;
min-height: 165px;
margin: 40px 0 0 20px;
border-top: 1px solid #CCC;
}
#callaction img{
float: left;
display: inline;
margin: 10px 10px 0 10px;
}
#leftcol-contact{
width: 140px;
float: left;
display: inline;
margin: 20px 0 0 10px;
}
#leftcol-contact h1{
width: 130px;
height: 46px;
background: url(images/contacth1.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
#leftcol-contact p{
width:118px;
margin: 15px 0 0 10px;
}
#midcol-contact{
width: 375px;
float: left;
display: inline;
margin: 0 0 0 10px;
margin: 20px 0 0 0;
min-height: 100px;
}
#rightcol-contact{
width: 265px;
float: right;
display: inline;
margin: 0 10px 0 0;
min-height: 100px;
margin: 20px 0 0 0;
}
.msgform{
width: 360px;
margin: 10px 0 0 0;
}
.msgform .label{
width: 55px;
text-align: right;
}
.msgform input{
width: 150px;
}
.msgform textarea{
width: 285px;
height: 175px;
}
.messagesent h2{
font: bold 14px arial, sans-serif;
text-transform: uppercase;
color: ##F68500;
margin: 10px 0 0 15px;
}
.messagesent p{
font: normal 11px arial, sans-serif;
margin: 10px 0 0 15px;
padding: 0 15px 0 0;
}
.send{
width: 112px;
height: 39px;
background: url(images/submitbtn.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
cursor: pointer;
display: block;
border: 0;
}
#rightcol-contact p{
width: 210px;
font: normal 11px arial, sans-serif;
margin: 20px 0 0 25px;
}
#rightcol-contact p strong{
color: #999;
}
#rightcol-contact h2{
font: bold 14px arial, sans-serif;
color: #999;
margin: 20px 0 0 25px;
}
#rightcol-contact h3{
font: bold 14px arial, sans-serif;
margin: 0px 0 0 25px;
}
#rightcol-contact h4{
font: normal 13px arial, sans-serif;
margin: 0px 0 0 25px;
}
.orange{
font: bold 14px arial, sans-serif;
color: #F68500;
}
.turbotechh1{
width: 173px;
height: 52px;
background: url(images/turbotechh1.gif);
text-indent: -100em;
overflow: hidden;
}
.projectsh1{
width: 143px;
height: 68px;
background: url(images/projectsh1.gif);
text-indent: -100em;
overflow: hidden;
}
.deancycloneh1{
width: 158px;
height: 43px;
background: url(images/deancycloneh1.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
.ghettosledh1{
width: 158px;
height: 43px;
background: url(images/ghettosledh1.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
.henrysh1{
width: 158px;
height: 43px;
background: url(images/henrysh1.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
.pedroh1{
width: 158px;
height: 43px;
background: url(images/pedrosh1.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
.phillipsh1{
width: 158px;
height: 43px;
background: url(images/phillipsh1.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
.ronnieh1{
width: 158px;
height: 43px;
background: url(images/ronniesh1.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
.tomh1{
width: 158px;
height: 43px;
background: url(images/tomh1.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
.photocategory{
float: left;
display: inline;
width: 167px;
height: 134px;
margin: 5px 0 10px 0;
}
.photocategory a:link, .photocategory a:visited{
text-decoration: none;
font: normal 18px impact, arial, sans-serif;
color: #666;
text-transform: uppercase;
}
.photocategory a:hover{
color: #FF3333;
}
.photocategory a strong{
font-weight: normal;
text-align: center;
display: block;
}
.video1{
display: block;
width:169px ;
height: 34px;
background: url(images/video1.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
.video2{
display: block;
width:169px ;
height: 34px;
background: url(images/video2.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
#mssHolder{
float: left;
display: inline;
width: 625px;
}
.pdf{
width:115px;
height:20px;
padding: 5px 25px 5px 5px;
background: url(images/pdf-icon.gif) no-repeat top right;
}
.fabgallery li{
list-style: none;
float: left;
display: inline;
margin: 0 0px;
}
.fabgallery li a{
float: left;
display: inline;
}