/* CSS Document */

/* -------------------------- UNIVERSALS ------------------------------- */

* { margin: 0; padding: 0;}

h2, h3, h4, h5, p, ul { margin: 0; padding: .5em;}

html, body {font: 76%/160% Verdana, Arial, Helvetica,  sans-serrif; font-size: 11px; line-height: 110%; height: 100%;
background: #7d5a2f; text-align: left;
behavior: url("csshover.htc");}

a { text-decoration: none;}
a:link, a:visited {color: #990000;}
a:hover {color: #aa7a40; text-decoration: none;}


/* -------------------------- STRUCTURE ------------------------------- */

#frame { width: 800px;  height:auto !important; height: 100%; min-height: 100%; margin: auto; border: 1px solid #280d01; background-color: #280d01; position: relative;}

#branding { width: 800px; height: 107px; margin: 0; padding: 0;
background: #280d01 url(images/header/header_tuners.png) bottom right no-repeat; border-bottom: 1px solid #280d01;}

h1#dps_logo {height: 59px; text-indent: -9999px; background-image: url(images/header/logo.png); background-repeat: no-repeat;
position: relative; top: 20px; left: 10px;}

#main {width: 800px; background: #f5e7a4;}

#footer { width: 800px; height: 100px; clear: both;
background-color: #280d01; color: #f5e7a4; text-align: center; }
#footer a:link, a:visited {color: #aa7a40;}
#footer a:hover {color: #f5e7a4;}

#footer ul {list-style: none; font-size: .90em; margin: auto;}
#footer ul li {display: inline; margin: 0 1em; }



/* -------------------------- NAVIGATION ------------------------------- */


#nav { margin: 0; padding: 0; z-index: 5; width: 150px; height: auto; float: left; overflow: hidden; 
background-color: #aa7a40; border-bottom: 1px solid #280d01; border-right: 1px solid #280d01;} 


ul#links { list-style: none; width: 150px; margin: 10px 0; padding: 0; }
ul#links em { display: block; margin: 0; padding: 0;}
ul#links li { margin: 0 0 10px 0; padding: 0; overflow: hidden; text-indent: -9999px;}

ul#links li#home, ul#links li#home em { width: 150px; height: 18px;}
ul#links li#tuning, ul#links li#tuning em { width: 150px; height: 18px;}
ul#links li#rebuild, ul#links li#rebuild em { width: 160px; height: 18px;}
ul#links li#voicing, ul#links li#voicing em { width: 150px; height: 18px;}
ul#links li#articles, ul#links li#articles em { width: 150px; height: 18px;}
ul#links li#contact, ul#links li#contact em { width: 150px; height: 18px;}

li#home em { background: url(images/nav/home.png) 0 0 no-repeat;}
li#tuning em {background: url(images/nav/tuning.png) 0 0 no-repeat;}
li#rebuild em {background: url(images/nav/rebuilding.png) 0 0 no-repeat;}
li#voicing em {background: url(images/nav/voicing.png) 0 0 no-repeat;}
li#articles em {background: url(images/nav/articles.png) 0 0 no-repeat;}
li#contact em {background: url(images/nav/contact.png) 0 0 no-repeat;}

li#home:hover em { background-position: 0 -18px;}
li#tuning:hover em { background-position: 0 -18px;}
li#rebuild:hover em { background-position: 0 -18px;}
li#voicing:hover em { background-position: 0 -18px;}
li#articles:hover em { background-position: 0 -18px;}
li#contact:hover em { background-position: 0 -18px;}


ul#links li.urhere em {background-position: 0 -18px; background-color: #280d01;}



/* -------------------------- HOME ------------------------------- */

#main_content_home { width: 370px;float: left; margin: 25px; padding: 0;}
h2#experience { height: 30px; width: 217px; text-indent: -9999px; margin-left: 5px; margin-bottom: 15px; padding: 0; background: url(images/home/h_experience.png) 0 0 no-repeat; border-bottom: 1px solid #280d01}



#sub_content_home {width: auto; height: auto; min-height: 100%; float: left; margin: 25px 0 75px 0; position: relative; left: 30px;}

#recent_clients { width: 160px; margin-top: 25px;}
#recent_clients h3 { height: 21px; width: 114px; text-indent: -9999px; margin-bottom: 5px; padding: 0; background: url(images/home/h_clients.png) 0 0 no-repeat;}

#recent_clients ul {list-style: none; width: 150px; border-top: 1px solid #280d01; border-left: 1px solid #280d01;}
#recent_clients li {font-weight: bold; font-size:9px; color: #280d01; margin-bottom: 1em; }
#recent_clients li.single_space {margin-bottom: 0;}