/*---------------Home---------------*/
#indxblk1{
height: 345px;
}
#fplinks{
float: right;
width: 420px;
}
#fplinks img{
Padding: 0 0 20px 0; 
}
#shocksox{
width: 236px;
float: left;
}
#congrats{
width: 280px;
float: right;
margin: 0 33px 0 0;
}
#indxblk2{
height: 563px;
clear: both;
margin: 0 0 20px 0;
}
#dr{
float: right;
width: 408px;
}
#checkit{
float: left;
width: 140px;
margin: 0 0 0 11px;
}
#castloo{
float: left;
width: 430px;
}
#indxblk3{
width: 1000px;
margin: 20px 0 0 0;
clear: both;
}
#billy{
width: 408px;
float: left;
text-align: left;
font-weight: bold;
}
#team {
width: 408px;
float: left;
padding: 0 0 0 13px;
}
#team img{
padding: 0 0 13px 0;
}
#mud {
float: right;
width: 430px;
height: 587px;
}
#frontfooter{
clear: both;
width: 1000px;
height: 60px;
}
#ffimg{
padding: 0 67px 0 0;
}

/*------------Products--------------*/
#productsheader{
padding: 0 0 15px 0;
margin: -7px 0 0 0;
font-size: 300%;
}
ul#products{
padding: 0 0 0 20px;
height: 325px;
}
#products li{
float: left;
width: 225px;
display: block;
height: 319px;
margin: 0 20px 0 0;
}
#products li a{
display: block;
width: 255px;
height: 319px;
margin: 0 13px 0 0;
text-indent: -9009px;
}
#shocksoxprod {background-image: url(../images/products/ss_product.jpg);}
#streetbikess{background-image: url(../images/products/ssshocksoxprod.jpg);}
#protection{background-image: url(../images/products/protectivebraces.jpg);}
#bermbook{background-image: url(../images/products/bermbook.jpg);}
#info{
width: 900px;
margin: 10px auto 0 auto;
text-align: left;
}
#info2{
width: 900px;
margin: -10px auto 0 auto;
text-align: left;
}
#buy{
height: 27px;
line-height: 27px;
padding: 10px 0;
}
/*--------ShockSox---------*/
ul#sstopsteps{
width: 900px;
height: 572px;
margin: 10px auto;
}
#sstopsteps li{
float: left;
width: 450px;
}
ul#sellingpoints{
float: left;
width: 100%;
margin: 10px 15px;
}
#sellingpoints li{
width: 100%;
list-style: disc;
}
ul#ssprice{
width: 500px;
height: 55px;
margin: 10px 15px 0 15px;
}
#ssprice li{
width: 100%;
list-style: disc;
}
#sscolors{
padding: 10px 0;
}
#aboutss{
padding: 10px 0 90px 0;
width: 900px;
}
#ss{
float: left;
margin: 0 auto;
width: 300px;
}
#ss1{
background: url(../images/products/miniss_button.jpg) center top no-repeat;
float: left;
width: 300px;
height: 275px;
}
#ss img{
width: 235px;
height: 275px;
margin: 0 32px;
}
#sslinks{
margin: 0 auto 20px auto;
height: 275px;
}
a#mini4u {
position: relative;
top: 70px;
width: 300px; 
height: 95px;
display: block;
}
a#mini4c {
position: relative;
top: 75px; 
width: 300px;
height: 110px;
display: block;
}
/*--------braces---------*/
#brace{
margin: 0 auto;
padding: 10px;
width: 760px;
clear: both;
}
#braceimage{
width: 255px;
float: left;
padding: 0 15px 0 0;
}
.lazyhack {width: 255px;}
#braceinfo{
width: 500px;
float:right;
}
ul#bracelistl{
margin: 10px 0 0 30px;
padding: 0 0 10px 265px;
}
#bracelistl li{
list-style: disc;
}
#braceimg{
margin: 0 25px 0 5px;
}
/*--------sbSS---------*/
ul#sbsstopsteps{
width: 900px;
height: 512px;
margin: 10px auto;
}
#sbsstopsteps li{
float: left;
width: 450px;
}
#strstorebtn{
width: 1000px;
height: 250px;
text-align: center;
padding: 10px 0 20px 0;
}
#aboutsbss{
padding: 10px 0 0px 0;
width: 900px;
}
/*------------WebDesigns------------*/
#websales{
text-align: left;
} 
#webpitch{
padding: 0 0 20px 0;
} 
#webheader{
padding: 0 0 10px 0;
margin: -7px 0 0 0;
font-size: 350%;
}
#webpricing {
text-align: left;
padding: 20px 0px;
width: 1000px;
margin: 0px 10px;
}  
#webprice {
float: left;
width: 200px;
text-align: left;
} 
#folioheader{
padding: 20px 0;
}
.last { margin-bottom: 0; }
ul#portfolio { list-style: none; padding:0px 0px 0px 18px; width: 982px; }
ul#portfolio li { float: left; margin: 0 10px 10px 0; padding: 5px;width: 225px;}
ul#portfolio a { display: block; width: 100%;width: 225px; }
ul#portfolio a:hover { text-decoration: none; }
/*------------Media------------*/
#mediapricing {
text-align: left;
padding: 10px 0px;
width: 1000px;
}  
ul#meolio1 { list-style: none; margin: 0px 0px 0px 35px; width: 940px;}
ul#meolio1 li { 
float: left;
margin: 10px 10px 0 0;
padding: 5px 0;
width: 225px;
}
ul#meolio1 a { display: block; width: 100%;width: 225px; }
ul#meolio1 a:hover { text-decoration: none; }
/*---------------BSMP---------------*/
.aaron{
float: left;
width: 515px;
text-align: left;
border-right: #fff 1px dashed; 
padding-right: 20px;
}
p#bio{
width: 600px;
}
.aaron img{
float: left;
padding: 0 10px 0 0;
}
.pricing{
width: 390px;
height: 335px;
float: right;
}
#ctact{
margin: 10px 0 0 0;
}
#blk1{
width: 400px;
text-align: left;
}
#blk2{
width: 200px;
text-align: left;
}
.sliderGallery {
clear: both;
overflow: hidden;
position: relative;
margin: 10px 0 0 0;
padding-bottom: 13px;
height:415px;
width: 1000px;
}
.sliderGallery UL {
position: absolute;
list-style: none;
overflow: hidden;
white-space: nowrap;
}
.sliderGallery UL LI {
display: inline;
}
.slider {
width: 1000px;
height: 19px;
margin-top: 405px;
position: relative;
background: url(../images/sliderbg.jpg);
}
.handle{
position: absolute;
cursor: move;
height: 17px;
width: 204px;
top: 1px;
margin-left: 21px;
padding: 0 42px 0 0;
z-index: 50;
background: url(../images/sliderbg.png) no-repeat;
}
#bsmpinfo{
margin: 10px 0 0 0;
}
#aaronphotos {margin: 0px 0px 0px 12px; width:1000px;}
#aaronphotos img{
height: 296px;
float: left;
clear: right;
margin: 0 25px 5px 0;
}
/*---------------Photos-------------*/
p.photos a {
float: left;
display: block;
height: 210px;
width: 333px;
margin: 10px 0px;
}
p.photos a img {
vertical-align: middle;
}
/*---------------Racing-------------*/
#class{
width: 1000px;
margin: 0 0 20px 0;
height: 500px;
}
#class2{
width: 1000px;
margin: 0 0 20px 0;
height: 655px;
}
#class3{
width: 1000px;
margin: 0 0 20px 0;
height: 350px;
}
#class4{
width: 260px;
margin: 0 auto 20px auto;
height: 220px;
}
#class5{
width: 750px;
margin: 0 auto 20px auto;
height: 220px;
}
#riders{
float: left;
width: 250px;
height: 160px;
}
#rname {
width:250px;
}
/*--------------Babes---------------*/
#babes{
float: left;
width: 250px;
height: 150px;
}
#babecontainer{
width: 1000px;
margin: 0 0 20px 0;
height: 300px;
}
/*--------------Random---------------*/
#rand{
float: left;
width: 330px;
height: 250px;
}
#rand img{
width: 320px;
height: 199px;
}
/*--------------Links---------------*/
p.links a {
float: left;
display: block;
height: 120px;
width: 333px;
margin: 20px 0px;
}
p.links a img {
vertical-align: middle;
}
.top {
height:  300px;
width:   1000px;
overflow: hidden;
}
.top img{
overflow: hidden;
}
/*-------------AboutUs--------------*/
#aboutcompany{
font-size: 110%;
}
#aboutctext{
height: 220px;
text-align: left;
}
#aboutctext img{
float: right;
padding: 0 0 0 20px;
}
#aboutshand{
height: 200px;
text-align: left;
padding: 0 0 0 0;
}
#aboutchris{
height: 200px;
text-align: left;
padding: 20px 0 0 0;
}
#aboutkeith{
height: 200px;
text-align: left;
padding: 20px 0 0 0;
}
#aboutshand img{
float: left;
padding: 0 20px 0 0;
}
#aboutkeith img{
float: left;
padding: 0 20px 0 0;
}
#aboutchris img{
float: left;
padding: 0 20px 0 0;
}
/*-------------Dealers--------------*/
#state{
float: left;
margin: 0 0 20px 0;
text-align: left;
}
.states {
width: 860px;
margin: 0 auto;
}
#shop{
float: left;
padding: 0 10px 10px 0;
height: 75px;
width: 160px;
}
.dealerheader{
line-height: 75px;
padding: 0 0 15px 0;
margin: -7px 0 0 0;
font-size: 300%;
}
.dealerheader {
font-size:300%;
margin:-7px 0 0;
padding:0 0 15px;
}
.dealerlogo {
vertical-align:middle;
}
/*---------------Contact-------------*/
#contactform{
text-align: center;
width: 400px;
height: 375px;
float: left;
margin: 0 10px 0 0;
padding: 0 70px 0 0;
border-right: 1px #FFF dashed;
}
#other{
text-align: center;
width: 460px;
float: right;
}
#phone{
padding: 5px 0 20px 0;
}
fieldset {
border:0;
}
label {
display:block;
}
input.text,textarea {
width:300px;
font:12px 'courier new',courier,monospace;
color: #000;
padding:3px;
margin:1px 0;
border:1px solid #ccc; 
}
input.submit {
padding:2px 5px;
font:bold 12px verdana,arial,sans-serif;
color: #000;
}
#loadBar{
Display: none;
font-weight: bold;
}
#emailSuccess{
Display: none;
font-weight: bold;
color: #FFFFFF;
}
/* Blog */
#page {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	}
.narrowcolumn {
	float: right;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 775px;
	}
.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 800px;
	}
.post {
	margin: 0 0 40px;
	text-align: justify;
	}
.post hr {
	display: block;
	}
.widecolumn .post {
	margin: 0;
	}
.narrowcolumn .postmetadata {
	padding-top: 5px;
	}
.widecolumn .postmetadata {
	margin: 30px 0;
	}
.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}
.postmetadata {
	clear: both;
}
.clear {
	clear: both;
}	
/* Begin Sidebar */
#sidebar{
padding: 20px 0 10px 0;
margin: 0 0 0 0;
width: 190px;
	}
#sidebar form {
	margin: 0;
	}
#sidebar li{list-style: none;}
/* End Sidebar */
/*************************  Forms ************************/
fieldset{border:0;}
ul.form{list-style:none;padding:0;margin:0 auto;width:350px;border:0;}
ul.form li{border-bottom:1px dashed #ccc;padding:6px 0;height:35px;}
.form_head{height:20px;width:400px;color:#aaa;text-align:center;border-bottom:0 !important;}
ul.form li label{display:block;float:left;width:160px;}
.required{display:block;font-size:10px;color:#ccc;width:160px;float:left;clear:left;}
ul.form li input, ul.form li select, ul.form li textarea{width:180px;background-color:#ccc;border:2px solid #ccc;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li.submit{text-align:right;border:0;}
ul.form li.submit input{background:transparent url(../images/send.png) no-repeat;
border:0 none;
cursor:pointer;
display:block;
height:34px;
width:110px;
overflow:hidden;
text-indent:-4000px;
float:right;}
#comment{width:400px;background-color:#ccc;border:2px solid #ccc;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li textarea{height:90px;width:340px;}
ul.form li.comment .required, ul.form li.comment label{width:120px;}
li.comments{height:130px !important;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}