@charset "UTF-8";
/* CSS Document */


body { background: #000 url(../images/skin/driven_2010_bg.gif) 0 0; background-repeat:repeat-x; background-position: 0px 0px; color: #888; font-family: arial, verdana, sans-serif; font-size: 14px; margin: 24px 0px 0px 0px; padding: 0px; font-size: 80%;
}

.logoindex { background: #000 url(../images/skin/driven_2010_bg.gif) 0 0; background-repeat:repeat-x; background-position: 0px 0px; color: #888; font-family: arial, verdana, sans-serif; font-size: 14px; margin: 290px 0px 0px 0px; padding: 0px; font-size: 80%;
}

.logo_wrapper {
	width: 334px; text-align:left; margin: 0 auto;
}

a:link {
	color: #73887b; text-decoration: none;
}
a:visited {
	color: #73887b; text-decoration: none;
}
a:hover {
	color: #c7c531; text-decoration: none;
}
a:active {
	color: #73887b; text-decoration: none;
}

#nprojects {
	float: left;
	margin-left: 0px;
	display:block;
	height:59px;
	width:100px;
	background: url(../images/skin/projects_button.png) 0 0px;

}
#nprojects:hover {
   	background-position: 0 -59px;
}

#ncontact {
	float: left;
	margin-left: 0px;
	display:block;
	height:59px;
	width:100px;
	background: url(../images/skin/contact_button.png) 0 0px;

}
#ncontact:hover {
   	background-position: 0 -59px;
}

#wrapper { margin: 0 auto; padding: 0px; width: 980px; background: url(../images/skin/grid_bg.png); background-position: 20px 0px; background-repeat:repeat-y;
}

#feature {float: left; margin: 0px 0px 0px 15px; padding: 0px; width: 980px; height: 195px;}
#clients {float: left; width:940px; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; background: #0d0d00; -moz-border-radius: 4px;
-webkit-border-radius: 4px;}

.clientlist{float: left; margin: 14px 0px 14px 13px; padding: 0px; width: 219px; border-left: 3px solid #333;}

.clientlist p {color: #666; margin: 0px; padding: 0px 0px 0px 12px; font-size: 11px; line-height: 20px;}
.clientlist p:hover {color: #73887b; margin: 0px; padding: 0px 0px 0px 12px; font-size: 11px; line-height: 20px;}

.clientlist ul {color: #666; margin: 0px; padding: 0px 0px 0px 12px; font-size: 11px; line-height: 20px; list-style-type:none;}
.clientlist li {color: #666; margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; list-style-type:none;}
.clientlist li:hover {color: #73887b; margin: 0px; padding: 0px 0px 0px 0px;}

#logo { float: left; margin: 0px 0px 0px 20px; padding: 0x; width: 198px; height: 59px; background: #000 url(../images/skin/drivendesign_logo.gif) 0 0; background-repeat: no-repeat;}
#nav{ float: left; margin: 0px; padding: 0x; width: 747px; height: 59px; background: url(../images/skin/nav_bg.jpg) 0 0; background-repeat: no-repeat}

#contact {float: left; margin: 0px 0px 20px 35px; padding: 0x; width: 980px;}

#indexcontent{ float: left; margin: 12px 0px 0px 0px; padding: 0px; width: 974px; background-color: #000; border: 3px solid #1d1d1d;}

#content{ float: left; margin: 24px 0px 0px 0px; padding: 0px; width: 980px;}

.catheader{ float: left; margin: 10px 0px 5px 35px; padding: 0px; width:940px; height: 34px;}
#catrow1{ float: left; margin: 0px; padding: 0px;}
#catrow2 {float: left; margin-top: 0px; padding: 0px;}

.thumb {background: #0d0d00; float: left; margin: 0px 0px 0px 20px; width: 220px; height: 190px; padding: 3px 0px 0px 0px; -moz-border-radius: 4px;
-webkit-border-radius: 4px;}
.thumb:hover {background: #121212; float: left; margin-left: 20px; width: 220px; height: 190px;}

.thumblink {background: transparent; position: absolute; z-index:1000;}

.thumbtitle {font-size: 12px; color: #777; padding: 0px; margin: 8px 0px 0px 16px; text-transform: uppercase; font-weight: normal; display: block; width: 200px;}
.thumbtitle:hover {font-size: 12px; color: #73887b; padding: 0px; margin: 8px 0px 0px 16px; text-transform: uppercase; font-weight: normal; display: block; width: 200px;}

.thumbimage1 {background: url(../images/thumbs/logotypes.jpg); background-repeat:no-repeat; padding: 0px; margin: 16px 0px 0px 16px; width: 188px; height: 126px;}
.thumbimage2 {background: url(../images/thumbs/boombox.jpg); background-repeat:no-repeat; padding: 0px; margin: 16px 0px 0px 16px; width: 188px; height: 126px;}
.thumbimage3 {background: url(../images/thumbs/onetencrew.jpg); background-repeat:no-repeat; padding: 0px; margin: 16px 0px 0px 16px; width: 188px; height: 126px;}
.thumbimage4 {background: url(../images/thumbs/enferno.jpg); background-repeat:no-repeat; padding: 0px; margin: 16px 0px 0px 16px; width: 188px; height: 126px;}
.thumbimage5 {background: url(../images/thumbs/chachi.jpg); background-repeat:no-repeat; padding: 0px; margin: 16px 0px 0px 16px; width: 188px; height: 126px;}
.thumbimage6 {background: url(../images/thumbs/enferno_ultra.jpg); background-repeat:no-repeat; padding: 0px; margin: 16px 0px 0px 16px; width: 188px; height: 126px;}
.thumbimage7 {background: url(../images/thumbs/casio_pathfinder.jpg); background-repeat:no-repeat; padding: 0px; margin: 16px 0px 0px 16px; width: 188px; height: 126px;}
.thumbimage8 {background: url(../images/thumbs/g-shock.jpg); background-repeat:no-repeat; padding: 0px; margin: 16px 0px 0px 16px; width: 188px; height: 126px;}


#footer{ float: left; padding: 0px; margin-left: 20px; width: 940px; font-size: 11px; text-align: left;}
#footer p {padding-left: 20px; color: #444; font-weight: normal; }

#top{ float: right; margin: 11px 20px 0px 0px; padding: 0px; color: #888; width: 100px; font-size: 11px; color: #666; text-align: right;}

img {border: 0px;}

.clearer {clear: both;}

input, textarea {width: 436px; background: #222; color: #73887b; font-size: 12px; border: 0px; padding: 5px; }

label { font-size: 10px; color: #666;}

.formbutton
	{
	padding: 0px; margin: 0px; width: 99px; height: 28px; background: none;
	}

#contact_button {margin-top: 12px;}