/*-----------------------------------------------------------------------------
Spraggins Main Stylesheet
author: Drive New Media, Inc.
-----------------------------------------------------------------------------*/

/* Colors: 
	grey 	#DDE2E0;
	green	#60765B;
*/

/* =Reset Styles / Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
/* Consistently resizes text and line-height across all browsers */
    font-size:62.5%; /*default font size from 16px to 10px */
	line-height:1.6em; 
	text-align:center;
	color: #333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #DDE2E0;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

/* -------------------------- HEADERS ------------------------------------ */

h1,h2 {font-family: "Trajan Pro", Arial, Verdana, Helvetica, sans-serif;}

h1 { font-size:1.2em; line-height: 1.6em; font-weight: bold;}
h2 {font-size:.875em;}
h3 {font-size:.95em; font-weight: normal; margin-bottom: -10px; }
h4, h5 { font-weight:normal; }
h4 { font-size:1.2em; }
h5 { font-style:italic; }

/* ------------------------- LAYOUT SECTIONS ------------------------------ */


#run { width: 800px; margin: 0 auto; background-color: #fff; text-align: center; font-size: 1.1em; }

#dmc { width: 730px; margin: 0 auto; text-align: left; }

#header { width: 730px;}

#nav { width: 730px; clear: both; margin-left: 50px; padding-top: 30px; }

#mainNav {
	list-style:none;
	height:20px;
	text-align: center;
}

#mainNav li{
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
	border-right:solid 1px #A8B3AB;
	padding-right:5px;
	margin-right:5px;
	text-align: left;
}

#mainNav li.last{
	border-right:none;
	padding-right:0;
}

#mainNav li a {
	text-decoration: none;
	padding: 5px;
}

#mainNav li a:hover, #mainNav #selected a {
	background-color: #DDE2E0; /* grey */
	text-decoration: none;
}

#mainNav li.last a:hover {
	background-color:#FFFFFF;
	border-right:none;
	padding-right:0;
}

#jobTraxxLink a {
	background: url(../images/g_JobTraxx_logo_slide.gif) no-repeat bottom left;
	width: 72px;
	height: 45px;
	display:block;
	text-indent: -9999px;
}

#jobTraxxLink a:hover {
	background: url(../images/g_JobTraxx_logo_slide.gif) no-repeat bottom right;
	width: 74px;
	height: 45px;
}


.jobTraxx {margin-top: -35px;}




#middle { clear: both; width: 730px; padding-top: 20px; }

.imgFloatRight { float: right; margin-left: 10px; }

#bottom { clear: both; width: 730px; padding-top: 20px; line-height: 1.6em;}

#bottom p, #bottom ul { margin-top: 10px;}

#contentLeft { float: left; width: 435px; padding-right: 5px;}

#contentRight { float: right; width: 255px; height: 250px; border-left: #A8B3AB 4px double; padding: 0 0 10px 20px;}

#contentRight ul { list-style: none; }

#contentRight li a { color: #60765B; /*green*/}

#values_contentLeft { float: left; width: 355px; padding-right: 10px; }

#values_contentRight { float: right; width: 355px; padding-left: 10px; }

#values_contentLeft p, #values_contentRight p { margin-bottom: 15px; }

#job_contentLeft { float: left; width: 510px; }

#job_contentRight { float: right; width: 220px; }

#subContentLeft { width: 238px; border-right: 1px dotted #A8B3AB; padding: 0 10px 0 0; float: left; }

#subContentRight { width: 238px; padding: 0 0 0 10px; float: left; }

.pointerHand { width: 220px; padding: 10px 10px 10px 25px; float: right;}

.sideBar { border: 1px solid #A8B3AB; width: 150px; padding: 16px; float: right;}

#job_contentRight p { margin-top: -2px; }

.pointerUp { margin-top: -20px;}

#footer { clear: both; width: 730px; font-size: .8em; height: 30px; padding-top: 40px; }

#footer a { color: #60765B; /*green*/}

.copyright { float: right; font-size: .7em; }

.borderLeft { border-left: 1px #A8B3AB solid; padding-left: 5px; }

h1#whatIsADay{
	background-repeat: no-repeat;
	width:401px;
	height:16px;
	display:block;
	background-image: url(../images/h_WhatIsADay.gif);
	text-indent: -9999px;
}

h1#ourCustomers {
	background-repeat: no-repeat;
	width:120px;
	height:15px;
	display:block;
	background-image: url(../images/h_OurCustomers.gif);
	text-indent: -9999px;
}

h1#ourMostPowerfulTool {
	background-repeat: no-repeat;
	width:326px;
	height:15px;
	display:block;
	background-image: url(../images/h_OurMostPowerfulTool.gif);
	text-indent: -9999px;
}

h1#inGoodHands {
	background-repeat: no-repeat;
	width:122px;
	height:15px;
	display:block;
	background-image: url(../images/h_InGoodHands.gif);
	text-indent: -9999px;
}

h1#placingAPremium {
	background-repeat: no-repeat;
	width:300px;
	height:15px;
	display:block;
	background-image: url(../images/h_PlacingPremiumValue.gif);
	text-indent: -9999px;
}

h1#awardWinning {
	background-repeat: no-repeat;
	width:129px;
	height:15px;
	display:block;
	background-image: url(../images/h_AwardWinning.gif);
	text-indent: -9999px;
}

h1#qualityIsOurCenterpiece {
	background-repeat: no-repeat;
	width:231px;
	height:15px;
	display:block;
	background-image: url(../images/h_QualityIsOurCenterpiece.gif);
	text-indent: -9999px;
}

h1#ourManufacturers {
	background-repeat: no-repeat;
	width:159px;
	height:15px;
	display:block;
	background-image: url(../images/h_OurManufacturers.gif);
	text-indent: -9999px;
}

h1#productsCome {
	background-repeat: no-repeat;
	width:381px;
	height:14px;
	display:block;
	background-image: url(../images/h_ProductsComeAndGo.gif);
	text-indent: -9999px;
}

h1#products {
	background-repeat: no-repeat;
	width:381px;
	height:14px;
	display:block;
	background-image: url(../images/h_Products.gif);
	text-indent: -9999px;
}

h1#theMostComprehensiveProject {
	background-repeat: no-repeat;
	width:365px;
	height:16px;
	display:block;
	background-image: url(../images/h_TheMostComprehensiveProject.gif);
	text-indent: -9999px;
}

h1#topOfTheLine {
	background-repeat: no-repeat;
	width:260px;
	height:16px;
	display:block;
	background-image: url(../images/h_TopOfTheLine.gif);
	text-indent: -9999px;
}

h1#communicationAdvantage {
	background-repeat: no-repeat;
	width:250px;
	height:15px;
	display:block;
	background-image: url(../images/h_CommunicationAdvantage.gif);
	text-indent: -9999px;
}



.padBottom { margin-bottom: 10px;}
.imgBorder { border: 1px solid #A8B3AB; } 
.floatLeft { float: left; }
.floatRight { float: right; }
.green { color: #60765B; /*green*/}
.small { font-size: .89em;}
.bold { font-weight: bold; }




/* ------------------------- ACCORDION ------------------------------ */
		
		#vertical_container {
			margin: 10px 0;
		}
		
		.accordion_toggle, .vertical_accordion_toggle, .accordion_not_active {
			display: block;
			height: 20px;
			width: 190px;
			background: no-repeat top left #d5dad8;
			padding: 0 10px 0 10px;
			font-weight: normal;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			outline: none;
			color: #60765B;
			border-right: 5px solid #b8c2be;
			cursor: pointer;
			margin: 0 0 1px 0;
			font-size: 1.1em;
		}
		
		.accordion_toggle_active, .vertical_accordion_toggle_active {
			background: no-repeat top left #d5dad8;
			color: #60765B;
			border-right: 5px solid #b8c2be;
		}
		
		.accordion_content, .vertical_accordion_content {
			background-color: #fff;
			color: #60765B;
			overflow: hidden;
		}
			
			.accordion_content h2, .vertical_accordion_content h2 {
				margin: 5px 0 5px 10px;
				color: #60765B;
			}
			
			.accordion_content ul, .vertical_accordion_content ul {
				padding: 0 0 5px 20px;
			}