/* Developed by ---------------------------------------------------------------------------------------- 
   Copyright 2009 Quadsimia - Internet Presence Professionals | Visit us on the web at www.quadsimia.com
   ------------------------------- Custom Software   E-Commerce   Web Design & Development   Web Hosting */
/* -----------------------------------------------------------------------------------------------------
   -- MAIN --------------------------------------------------------------------------------------------- */

body{
	margin:0;
	padding:0;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:14px;
	color:#FFF;
	background:#000 url(../images/bg_motocross.jpg) repeat-x center top;}

div.mainContainer{
	margin:0 auto;
	width:1000px;}

img{
	border:0;}

a:link, a:visited{
	color:#FF0000;
	text-decoration:underline;
	font-weight:bold;}
a:hover, a:active{
	color:#FF3300;
	text-decoration:none;
	font-weight:bold;}

h3{
	font-size:20px;
	color:#d1a054;}

h4{
	font-size:17px;
	color:#CCCCCC;
	padding-bottom:6px;
	border-bottom:2px solid #333;}

p{
	line-height:1.35em;}

div.photo-rt{
	float:right;
	margin:4px 0 8px 8px;
	width:auto;}

/* -----------------------------------------------------------------------------------------------------
   -- HEADER ------------------------------------------------------------------------------------------- */

div.header{
	margin:0 auto;
	width:960px;
	height:184px;}

div.header h1{
	position:absolute;
	margin:3px 0 0 374px;
	width:214px;
	height:182px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/topdeadcenter-logo.png) no-repeat top left;
	z-index:5;}
div.header h1 a{
	display:block;
	width:214px;
	height:182px;}

div.header h2{
	position:absolute;
	margin:52px 0 0 40px;
	width:322px;
	height:54px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/header_services.png) no-repeat top left;}

div.header h3{
	position:absolute;
	float:right;
	margin:40px 0 0 636px;
	width:251px;
	height:77px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/header_contact.png) no-repeat top left;}

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

div.nav-bg{
	position:absolute;
	margin:114px 0 0 0;
	width:960px;
	height:70px;
	background:url(../images/nav-bg.png) no-repeat center top;
	z-index:0;}

ul.nav{
	position:absolute;
	margin:137px 0 0 187px;
	padding:0;
	width:588px;
	height:45px;
	overflow:hidden;
	list-style-type:none;
	background-image:none;
	z-index:10;}
ul.nav li{
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	overflow:hidden;
	text-indent:-9999px;
	background-image:none;}
ul.nav li a{
	display:block;
	height:45px;}
/* use gif nav background images in ie6 stylesheet */
ul.nav li.btn-home a{
	width:92px;
	background:url(../images/btn_home.png) no-repeat top left;}
ul.nav li.btn-services a{
	width:127px;
	background:url(../images/btn_services.png) no-repeat top left;}
ul.nav li.btn-about a{
	width:98px;
	background:url(../images/btn_about.png) no-repeat top left;}
ul.nav li.btn-techcenter a{
	width:155px;
	background:url(../images/btn_techcenter.png) no-repeat top left;}
ul.nav li.btn-contact a{
	width:116px;
	background:url(../images/btn_contact.png) no-repeat top left;}
ul.nav li a:hover{
	background-position: 0 -45px;}

/* selected */

body.services ul.nav li.btn-services a{
	background-position: 0 -45px;}
body.about ul.nav li.btn-about a{
	background-position: 0 -45px;}
body.techcenter ul.nav li.btn-techcenter a{
	background-position: 0 -45px;}
body.contact ul.nav li.btn-contact a{
	background-position: 0 -45px;}

/* -----------------------------------------------------------------------------------------------------
   -- BODY CONTENT ------------------------------------------------------------------------------------- */

div.body{
	position:relative;
	width:1000px;
	background:url(../images/body_bg_tile.png) repeat-y top left;
	z-index:1;}

div.bodytop{
	position:relative;
	margin:0;
	background:url(../images/body_bg_top.png) no-repeat center top;}

div.bodybtm{
	position:relative;
	background:url(../images/body_btm.png) no-repeat center bottom;}

div.bodycontent{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:840px;
	padding:15px 0 30px 0;
	z-index:4;}
body.home div.bodycontent{
	padding:15px 0 0 0;}

div.content{
	margin:20px;}

div.bodyfooter{
	position:relative;
	height:108px;
	background:url(../images/footer.png) no-repeat center top;}

div.body h2{
	margin-left:-6px;
	overflow:hidden;
	text-indent:-9999px;}

body.services div.body h2{
	width:203px;
	height:58px;
	background:url(../images/heading_services.png) no-repeat top left;}

body.about div.body h2{
	width:227px;
	height:58px;
	background:url(../images/heading_about.png) no-repeat top left;}

body.techcenter div.body h2{
	width:266px;
	height:77px;
	background:url(../images/heading_techcenter.png) no-repeat top left;}

body.contact div.body h2{
	width:274px;
	height:58px;
	background:url(../images/heading_contact.png) no-repeat top left;}

div.headspace{
	float:right;
	width:475px;
	height:140px;}

/* homepage */

div.featurebox{
	width:840px;
	height:320px;
	overflow:hidden;}
div.featurebox h2{
	display:none;}
div.featurebox ul{
	position:absolute;
	margin:36px 0 0 36px;
	width:432px;
	height:238px;
	overflow:hidden;
	list-style-type:none;
	text-indent:-9999px;
	background:url(../images/homepage-services.png) no-repeat top left;
	z-index:15;}
div.featurebox div.feature-images{
	z-index:10;}

/* services */

body.services div.bodycontent{
	background:url(../images/services-bg.jpg) no-repeat 0 15px;}

/* about */

body.about div.bodycontent{
	background:url(../images/about-bg.jpg) no-repeat 0 15px;}

/* tech center */

body.techcenter div.bodycontent{
	background:url(../images/techcenter-bg.jpg) no-repeat 0 15px;}

/* contact */

div.contactcolumn{
	float:left;
	width:258px;}

div.contactform{
	float:left;
	width:492px;}

body.contact h4{
	margin-top:12px;
	padding:0;
	border:none;}

/* -----------------------------------------------------------------------------------------------------
   -- FOOTER AND FEATURE BOXES ------------------------------------------------------------------------- */

/* feature boxes */

div.featureboxes{
	position:relative;
	margin:-130px auto 0 auto;
	width:852px;
	height:248px;
	z-index:10;}
div.featureboxes div.box{
	float:left;
	margin:0 2px;
	padding:0;
	width:280px;
	height:248px;
	overflow:hidden;
	background:url(../images/featurebox_bg.png) no-repeat top left;}

div.box h3{
	position:relative;
	margin:10px 0 0 10px;
	padding:0;
	width:260px;
	height:53px;
	overflow:hidden;
	text-indent:-9999px;}
div.box h3 a{
	display:block;
	width:260px;
	height:53px;}
div.box h3 a:hover{
	background-position:0 -53px;}
div.services-box h3 a{
	background:url(../images/featurebox_services.jpg) no-repeat top left;}
div.about-box h3 a{
	background:url(../images/featurebox_about.jpg) no-repeat top left;}
div.techcenter-box h3 a{
	background:url(../images/featurebox_techcenter.jpg) no-repeat top left;}

div.box p.content{
	position:relative;
	margin:0 auto;
	width:256px;
	height:145px;
	overflow:hidden;
	text-indent:-9999px;}
div.services-box p.content{
	background:url(../images/featurebox_services_content.jpg) no-repeat top left;}
div.about-box p.content{
	background:url(../images/featurebox_about_content.jpg) no-repeat top left;}
div.techcenter-box p.content{
	background:url(../images/featurebox_techcenter_content.jpg) no-repeat top left;}

div.box div.moreinfo{
	position:absolute;
	margin:130px 0 0 100px;
	padding:0;
	width:184px;
	height:118px;
	overflow:hidden;
	background:url(../images/featurebox_splatter.png) no-repeat top left;
	z-index:15;}
* html div.box div.moreinfo{
	margin-left:90px;}
div.box div.moreinfo p{
	margin:50px 0 0 44px;
	width:125px;
	height:22px;
	overflow:hidden;
	text-indent:-9999px;}
div.box div.moreinfo p a{
	display:block;
	width:125px;
	height:22px;
	background:url(../images/featurebox_learnmore.gif) no-repeat top left;}
div.box div.moreinfo p a:hover{
	background-position:0 -22px;}

div.about-box div.moreinfo p a{
	background:url(../images/featurebox_readbio.gif) no-repeat top left;}

/* footer */

div.footer{
	position:relative;
	margin:10px 0 30px 0;
	font-size:0.95em;
	font-weight:bold;
	text-align:center;
	z-index:15;}
div.footer p{
	margin:3px 0;}
div.footer p.credit{
	font-weight:normal;
	font-size:11px;}

/* -----------------------------------------------------------------------------------------------------
   -- FORMS -------------------------------------------------------------------------------------------- */

/* default form styles */

form{
  margin:0;
  padding:8px;
  width:492px;
  overflow:hidden;
  font-size:12px;
  border-left: 2px solid #666;}
form p { margin: 0 0 5px 0; padding:0; }
form fieldset{
  border-color:#000000;
  border-width:1px 0 0 0;
  border-style:solid none none none;
  padding:10px;
  margin:0;}
form fieldset legend{
  font-size:150%;
  font-weight:normal;
  color:#000000;
  margin:0;
  padding:0 5px;}
textarea{
  overflow: auto;}
form div{
  clear:left;
  display:block;
  width:354px;
  zoom:1;
  margin:5px 0 0 0;
  padding:1px 3px;}
form fieldset div.method_heading{
  width: 450px;
  margin-top: 10px; }
form fieldset div.method_heading label{
  width: 290px;
  text-align: left;
  padding-left: 0px;
  margin-left: 0px;}
form fieldset div.method_heading input {
	margin-top: 3px;}
form fieldset div.notes{
  float:right;
  width:168px;
  height:auto;
  margin:0 0 10px 10px;
  padding:5px;
  border:1px solid #666666;
  background-color:#ffffe1;
  color:#666666;
  font-size:88%;}
form fieldset div.notes h4{
  background:url(../images/icon_info.gif) no-repeat top left;
  margin:0;
  padding:0 0 3px 15px;
  border-width:0 0 1px 0;
  border-style:solid;
  border-color:#666666;
  color:#666666;
  font-size:110%;}
form fieldset div.notes p{
  margin:3px 0 0 0;
  color:#666666;}
form fieldset div.notes p.last{
  margin:3px 0 0 0;}
form div fieldset{
  clear:none;
  border-width:1px;
  border-style:solid;
  border-color:#666666;
  margin:0 0 0 144px;
  padding:0 5px 5px 5px;
  width:197px;}
form div fieldset legend{
  font-size:100%;
  padding:0 3px 0 9px;}
form div.required fieldset legend{
  font-weight:bold;}
form div label{
  display:block;
  float:left;
  width:130px;
  padding:3px 5px;
  margin:0 0 5px 0;
  font-weight:bold;
  text-align:right;}
form div.optional label, label.optional{
  font-weight:normal;}
form div img{
  border:1px solid #000000;}
form div select, form div textarea{
  width:200px;
  padding:1px 3px;
  margin:0 0 0 0;}
form fieldset input.submit { margin-left: 140px; }



input.form_error { background-color: #fcc; }
span.error { font-size: .8em; color: #900; display: block;}
p.error { background-color: #fcc; color: #900; border: 1px solid #900; 
	padding: .8em; margin: .5em 0 1em;}
.right { float: right; }

/* required color styles */

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;}
#myForm .red {
	border: 1px solid red;}
#myForm label.red {
	border: none;
	color: red;}
#myForm .customRed {
	border: none;
	color: red;}
#myForm #submit {
	margin-left: 143px;
	cursor:pointer;}
#myForm #submit a:hover {
	color:#FF0000;}
#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;}
#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;}