html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

body		{ background: #000 url("../i/tj-background.png") repeat-x; font-size: 68.5%; font-family: Lucida Grande, Verdana, sans-serif; }
ul		{ list-style: none; }
ol { list-style: square; padding: 10px 0 10px 50px; overflow: hidden; font-size: 1.3em;   } ol li { margin: 5px 0; }
a			{ color: rgb(20,20,20); outline: none; }
a:hover     { text-decoration: none; }
a:active    {color: rgb(0,0,0); border: 0; outline: none; }
a img, a img:hover	{ border: none; background: none; }
img			{ max-width: 100%; }
table		{  }
strong { font-weight: bold; }

/* utility */

.left		{ float: left;}
.right		{ float: right;}
.clear		{ clear: both;}
.last { margin: 0; }

hr { margin: 25px 0; clear:both }

.box_shadow { -moz-box-shadow: 0px 2px 4px #000; -webkit-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000; }
  
div#wrap { width: 940px; margin: 0 auto; padding: 0 20px; }

div#splashcontent { width: 600px; float: left; margin: 30px 0 0 20px; }

/* type */

h1 { font-size: 4em; color: #ddd; font-family: Baskerville, Georgia, sans-serif; font-weight: normal; font-style: italic; }
h1 a { }
h1 a:hover {  }

.splashblack { color: #272727; }

h2 {  font-size: 2em; color: #272727; font-weight: normal; }

p { font-size: 1.2em; line-height: 1.5em; color: rgb(40,40,40); }

 

.pagetitle { margin: 10px 0 40px 80px; }

blockquote { font-size: 4em; color: #ddd; font-family: Baskerville, Georgia, sans-serif; font-weight: normal; font-style: italic; margin: 0 2px 3px 0; float: left; }

/* header */

div#header { height: 169px; }

div#contactinfo { margin-top: 5px; float: right; }

ul.contactnav {  }
	ul.contactnav li { display: inline; float: right; margin-left: 20px; color: #ddd;  }
		ul.contactnav li a { display: block; font-size: 1em; color: #aaa; text-decoration: none; }
			ul.contactnav li:hover a { color: #fff; }
		
		ul.contactnav li.blog { background: url("../i/blogIcon.png") no-repeat left center; padding: 0 0 0 23px; }
		ul.contactnav li.phone { background: url("../i/phoneIcon.png") no-repeat left center; padding: 0 0 0 15px; }
		ul.contactnav li.contact { background: url("../i/mailIcon.png") no-repeat left center; padding: 0 0 0 25px; }

p.logo { float: left; padding: 37px 0 0 0; }

div#navigation { width: 644px; margin-top: 53px; float: right; }

	ul.mainnav li { display: inline; float: left; }
		ul.mainnav li a { display: block; height: 58px; background: url("../i/nav.png") no-repeat; text-indent: -9999px; }
		
		ul.mainnav li a.team { width: 102px; background-position: left bottom; }
		ul.mainnav li a.mission { width: 144px; background-position: -102px bottom;  }
		ul.mainnav li a.test { width: 153px; background-position: -246px bottom; }
		ul.mainnav li a.vendors { width: 107px; background-position: -399px bottom; }
		ul.mainnav li a.gold { width: 138px; background-position: right bottom; }
		
		ul.mainnav li a.team:hover { background-position: left top; }
		ul.mainnav li a.mission:hover { background-position: -102px top;  }
		ul.mainnav li a.test:hover { background-position: -246px top; }
		ul.mainnav li a.vendors:hover { background-position: -399px top; }
		ul.mainnav li a.gold:hover { background-position: right top; }
	
/* slider */	
		
#slider {
	position:relative;
	min-height:260px;
	background: url(../i/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:49%;
	bottom:-15px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../i/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../i/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}



/* content */	

div#content { margin-top: 30px; overflow: hidden; }	

div#secondary { width: 940px; margin: 20px auto; }
	div.btmcolumn1 { width: 195px; height: 145px; background: url("../i/btmBg.jpg") no-repeat left center; font-size: 0.9em; padding:15px 15px 0 90px; margin-right: 20px; float: left; } 
	div.btmcolumn2 { width: 185px; height: 145px; background: url("../i/btmBg.jpg") no-repeat center center; font-size: 0.9em; padding:15px 100px 0 15px; margin-right: 20px; float: left; } 
	div.btmcolumn3 { width: 170px; height: 145px; background: url("../i/btmBg.jpg") no-repeat right center; font-size: 0.9em; padding:15px 115px 0 15px; float: left; }
	
/* sub */

div#maincontent { width: 580px; background: #f5f5f5; float: left; padding: 20px; overflow: hidden; }

div#blankcontent { background: #f5f5f5; float: left; padding: 20px; overflow: hidden; }

div#contactcontent { width: 580px; background: #f5f5f5; float: left; overflow: hidden; }

div#ccontent { background: #f5f5f5; padding:20px; float: left; overflow: hidden; }

div#sidebar { width: 300px; float: left; margin-right: 20px; overflow: hidden; }

ul.sidenav {}
	ul.sidenav li { background: url("../i/liDivide.png") no-repeat center top; border-right: 1px solid rgb(70,70,70); }
		ul.sidenav li a { display: block; font-size: 1.3em; padding: 10px 0; text-align: center; text-decoration: none; color: rgb(200,200,200); }
			ul.sidenav li a:hover { background: #272727 url("../i/subnavBg.png") repeat-y left; color: #fff; }		
			
div#indteammember { width: 46.551%; margin: 0 3.448% .25% 0; float: left; }
		
#cform label { display: block; font-size: 1.2em; color: #272727; padding: 10px 0; }

#cform input { padding:5px; border: 1px solid #d3d3d3; width: 568px; box-shadow: 10px 10px 5px #eee; margin: 5px 0; }

#cform textarea { padding:5px; border: 1px solid #d3d3d3; width: 568px; height: 150px; box-shadow: 10px 10px 5px #eee; margin: 5px 0;}
 
.cfsubmit { height: 42px; width: 131px; background: url("../i/submitBtn.png") no-repeat center bottom; text-indent: -9999px; border: 0; margin: 20px 0; cursor: pointer; } .cfsubmit:hover { background-position: center center; } .cfsubmit:active { background-position: center top; outline: none; }

.req { font-style: italic; color: #972c2c; }

.notice { width: 200px; font-size: .9em; font-style: italic; color: #111; text-align: right; float: right; }

#cform input.error { border: 1px dotted #972c2c;} #cform label.error { font-size: 1em; color: #972c2c; font-style: italic; float: right; top: 5px; }

/* footer */

div#footer { width: 100%; background: url("../i/goldDivide.png") repeat-x center top; padding: 10px 0; margin: 20px 0; }

p.copyright { color: rgb(75,75,75); font-size: .9em; }
		
ul.footnav {  }
	ul.footnav li { display: inline; float: left; margin-right: 10px; }
		ul.footnav li a { display: block; color: #555; text-decoration: none; }
			ul.footnav li a:hover { color: #fff; }