body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cccccc;
font-size:12.5px;
background-color:#181818;
}
a{
outline:none;
text-decoration:none;
font-weight:bold;
}
a:link,
a:visited{
color:#ffffff;
}
a:hover,
a:active{
color:#FF9900;
}
img{
border:0;
}
div#container{
width:768px;
margin:auto;
}
div#header{
background-image:url("images/header_bk.jpg");
background-position:top left;
background-repeat:no-repeat;
width:768px;
height:175px;
}
div#header address{
display:block;
width:215px;
height:22px;
margin-left:553px;
text-indent:-9999px;
background-image:url("images/phone.gif");
background-repeat:no-repeat;
background-position:top left;
}
div#header_main h1{
margin:0;
}
div#header_main h1 a{
display:block;
width:274px;
height:108px;
text-indent:-9999px;
}
div#header_nav{
height:30px;
margin-top:15px;
}
div#header_nav h1{
margin:0;
float:left;
}
div#header_nav h1 a{
display:block;
background-position:top left;
background-repeat:no-repeat;
text-indent:-9999px;
}
div#header h1.home a,
div#header h1.home_current a{
width:42px;
height:30px;
margin-left:26px;
background-image:url("images/home.gif");
}
div#header_nav h1.home_current a,
div#header_nav h1.home a:hover,
div#header_nav h1.home a:active{
background-image:url("images/home2.gif");
}
div#header h1.about a,
div#header h1.about_current a{
width:72px;
height:30px;
margin-left:49px;
background-image:url("images/about.gif");
}
div#header_nav h1.about_current a,
div#header_nav h1.about a:hover,
div#header_nav h1.about a:active{
background-image:url("images/about2.gif");
}
div#header h1.buy a,
div#header h1.buy_current a{
width:88px;
height:30px;
margin-left:67px;
background-image:url("images/buy.gif");
}
div#header_nav h1.buy_current a,
div#header_nav h1.buy a:hover,
div#header_nav h1.buy a:active{
background-image:url("images/buy2.gif");
}
div#header h1.work a,
div#header h1.work_current a{
width:78px;
height:30px;
margin-left:56px;
background-image:url("images/work.gif");
}
div#header_nav h1.work_current a,
div#header_nav h1.work a:hover,
div#header_nav h1.work a:active{
background-image:url("images/work2.gif");
}
div#header h1.photos a,
div#header h1.photos_current a{
width:62px;
height:30px;
margin-left:76px;
background-image:url("images/photos.gif");
}
div#header_nav h1.photos_current a,
div#header_nav h1.photos a:hover,
div#header_nav h1.photos a:active{
background-image:url("images/photos2.gif");
}
div#header h1.contact a,
div#header h1.contact_current a{
width:75px;
height:30px;
margin-left:55px;
background-image:url("images/contact.gif");
}
div#header_nav h1.contact_current a,
div#header_nav h1.contact a:hover,
div#header_nav h1.contact a:active{
background-image:url("images/contact2.gif");
}
div#main{
width:748px;
padding:10px;
}
div#content{
background-color:#222222;
background-image:url("images/content_bk.gif");
background-position:top left;
background-repeat:no-repeat;
width:500px;
border:1px solid #444444;
min-height:500px;
}
div#content h1,h2,h3{
color:#ffffff;
font-weight:bold;
margin:10px;
}
div#content h1{
font-size:1.6em;
border-bottom:1px dashed #cccccc;
}
div#content h2{
font-size:1.4em;
border-bottom:1px dotted #cccccc;
}
div#content h3{
font-size:1.2em;
}
div#content p{
margin:10px;
}
div#footer_barbed{
background-image:url("images/barbed.gif");
background-repeat:no-repeat;
background-position:top left;
height:35px;
margin-top:15px;
}
div#copyright{
margin-top:5px;
float:right;
font-size:.9em;
color:#666666;
}
div#footer a{
color:#FF6600;
}
div#footer h1{
border:0;
margin:auto;
margin-top:5px;
width:52px;
height:20px;
}
div#footer h1 a{
display:block;
text-indent:-9999px;
width:52px;
height:20px;
background-image:url("images/bpdesign.gif");
background-repeat:no-repeat;
background-position:top center;
}
div#footer h1 a:hover{
background-image:url("images/bpdesign2.gif");
}
div#imageloader,
div#imageloader img{
display:block;
width:0px;
height:0px;
text-indent:-9999px;
}
/*HOME PAGE SPECIFIC*/
div#home_pic{
width:748px;
height:346px;
}
div#home_pic h3{
margin:0;
display:block;
width:748px;
height:346px;
background-image:url("images/home_pic.jpg");
background-repeat:no-repeat;
background-position:top left;
text-indent:-9999px;
}
div#home_email{
width:364px;
margin:auto;
text-align:center;
}
div#home_email a{
display:block;
width:364px;
height:37px;
text-indent:-9999px;
background-image:url("images/sc_aol.gif");
background-repeat:no-repeat;
background-position:top left;
}
/*ICONS*/
div#sideicons{
width:175px;
float:right;
margin-top:0;
}
div#sideicons div{
margin:0;
margin-top:10px;
}
div#work_icon,
div#photos_icon{
border:1px solid #444444;
width:175px;
height:150px;
float:left;
margin-top:10px;
}
div#photos_icon.home{
margin-left:5px;
}
div#work_icon h2,
div#photos_icon h2{
margin:0;
}
div#work_icon h2 a,
div#photos_icon h2 a{
display:block;
width:175px;
height:150px;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:top left;
}
div#work_icon h2 a{
background-image:url("images/work_icon.jpg");
}
div#work_icon h2 a:hover,
div#work_icon h2 a:active{
background-image:url("images/work_icon2.jpg");
}
div#photos_icon h2 a{
background-image:url("images/photos_icon.jpg");
}
div#photos_icon h2 a:hover,
div#photos_icon h2 a:active{
background-image:url("images/photos_icon2.jpg");
}
div#about_icon{
border:1px solid #444444;
width:378px;
height:150px;
float:left;
margin-top:10px;
margin-left:5px;
}
div#about_icon h2{
margin:0;
}
div#about_icon h2 a{
display:block;
width:378px;
height:150px;
text-indent:-9999px;
background-image:url("images/about_icon.jpg");
background-repeat:no-repeat;
background-position:top left;
}
div#about_icon h2 a:hover,
div#about_icon h2 a:active{
background-image:url("images/about_icon2.jpg");
}
div#directions_icon{
border:1px solid #444444;
width:175px;
height:150px;
float:left;
margin-top:10px;
margin-left:5px;
}
div#directions_icon h2{
margin:0;
}
div#directions_icon h2 a{
display:block;
width:175px;
height:150px;
text-indent:-9999px;
background-image:url("images/directions_icon.jpg");
background-repeat:no-repeat;
background-position:top left;
}
div#directions_icon h2 a:hover,
div#directions_icon h2 a:active{
background-image:url("images/directions_icon2.jpg");
}
div#parts_icon{
border:1px solid #444444;
width:175px;
height:150px;
float:left;
margin-top:10px;
margin-left:5px;
}
div#parts_icon h2{
margin:0;
}
div#parts_icon h2 a{
display:block;
width:175px;
height:150px;
text-indent:-9999px;
background-image:url("images/parts_icon.jpg");
background-repeat:no-repeat;
background-position:top left;
}
div#parts_icon h2 a:hover,
div#parts_icon h2 a:active{
background-image:url("images/parts_icon2.jpg");
}
/*ABOUT PAGE SPECIFIC*/
div.content_about{
display:block;
width:104px;
height:49px;
text-indent:-9999px;
background-image:url("images/content_about.gif");
background-position:top left;
background-repeat:no-repeat;
}
/*BUY STUFF PAGE SPECIFIC*/
div.content_buy{
display:block;
width:111px;
height:56px;
text-indent:-9999px;
background-image:url("images/content_buy.gif");
background-position:top left;
background-repeat:no-repeat;
}
/*OUR WORK PAGE SPECIFIC*/
div.content_work{
display:block;
width:111px;
height:56px;
text-indent:-9999px;
background-image:url("images/content_work.gif");
background-position:top left;
background-repeat:no-repeat;
}
/*PHOTOS PAGE SPECIFIC*/
div.content_photos{
display:block;
width:111px;
height:56px;
text-indent:-9999px;
background-image:url("images/content_photos.gif");
background-position:top left;
background-repeat:no-repeat;
}
/*CONTACT PAGE SPECIFIC*/
div.content_contact{
display:block;
width:111px;
height:56px;
text-indent:-9999px;
background-image:url("images/content_contact.gif");
background-position:top left;
background-repeat:no-repeat;
}
label{
width:160px;
float: left;
text-align: right;
margin-right: 5px;
margin-top:5px;
}
input{
margin-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#191E2A;
background:#cccccc;
}
select{
color:#191E2A;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
background:#cccccc;
}
textarea{
margin-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#191E2A;
font-weight:bold;
font-size:12.5px;
width:300px;
height:150px;
background-color:#cccccc;
}
input.button{
color:#191E2A;
width:5em;
margin-left:165px;
}
input.button:hover{
color:#ffffff;
}
/*NOT FOUND SPECIFIC*/
div.content_notfound{
display:block;
width:111px;
height:56px;
text-indent:-9999px;
background-image:url("images/content_notfound.gif");
background-position:top left;
background-repeat:no-repeat;
}