/*

title: base css

*/

body {
	background: #eeeee9;
}

#logo {
	height: 179px;
	margin-left: 5px;
	padding-top: 10px;
	position: relative;
	width: 213px;
	z-index: 100;
}

p {font-size:16px; margin-top: 0}
p,ul {margin: 0 0 24px 0;}

hr {margin: 40px 0 20px; border-color: #ececec;}
blockquote { margin: 0; padding: 0 50px; background: transparent url("../img/quote.png") no-repeat 0 0; font-style: italic; }


/* section: clearing
---------------------------------------------- */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* ------------------------------------------- */


/* section: headers
---------------------------------------------- */
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0; zoom: 1;}

h2, h3, h4, h5 { }

h1 {
		font-family: 'Franklin Gothic Medium', Arial, sans-serif;
}

h2 {
	font-family: 'Franklin Gothic Medium', Arial, sans-serif;
	font-size: 30px;
  	margin-top: -25px;
  	margin-bottom: 15px;
  	text-transform: uppercase;
}

h3 {
	color: #cc2026;
	font-size: 24px;
}

h4 {
	font-weight: bold;
	margin-bottom: 25px;
}

h5 {
}


/* ------------------------------------------- */

/* section: links
---------------------------------------------- */
a:link, a:visited {
  color: #000; 
  text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}
 
 
/* ------------------------------------------- */

/* section: Lists
---------------------------------------------- */
/* Nav icons/bullets */
.content ul {
	list-style: none;
	margin-left: 0px;
	padding: 0;
}
	.content ul li {
		background: url('/img/bullet.png') 0 8px no-repeat;
		margin-bottom: 5px;
		padding-left: 15px;
	}

/* ------------------------------------------- */

/* section: wrappers
---------------------------------------------- */

.wrapper {
	margin: 0 auto;
	width: 960px;	
}

#main-container {
  	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 56%, rgba(238,238,233,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(56%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,233,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(238,238,233,1) 100%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(238,238,233,1) 100%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(238,238,233,1) 100%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 56%,rgba(238,238,233,1) 100%,rgba	(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeee9',GradientType=0 ); /* IE6-9 */
	margin: 0 30px;
	
}

	#main-container .wrapper {
		background: #fff;
		line-height: 1;
		padding-bottom: 30px;
		padding-top: 56px;
		position: relative;
	}

/* ------------------------------------------- */

/* section: header
---------------------------------------------- */

#header-container {
	background: #cc2026;
	border-bottom: 25px solid #404041;
	height: 90px;
}



/* ------------------------------------------- */

/* section: Primary/Secondary Nav
---------------------------------------------- */

#header-container ul {
	position: relative;
	float: right;
	margin-top: -99px;
	margin-right: 110px;
	width: 545px;
	z-index: 110;
}
	#header-container ul li {
		display: inline;
		float: left;
	}
	
	#header-container ul li a {
		border-left: 1px solid #404041;	
		border-right: 1px solid #404041;
		color: #fff;
		display: block;
		font-size: 16px;
		font-family: 'FranklinGothic MediumCond', Arial, sans-serif;
		padding: 3px 25px 2px 25px;
		text-transform: uppercase;
	}
		#header-container ul li a:hover,
		#header-container ul li a.selected {
			background: #000;
			border-left: 1px solid #fff;	
			border-right: 1px solid #fff;	
			text-decoration: none;
		}
		
	#header-container .wrapper .mobile-nav {
  		background: url('/img/mobile-nav-icon.png') no-repeat 8px 7px #000;
    	color: #fff !important;
    	font-size: 22px;
    	font-weight: bold;
    	height: 34px;
    	overflow: hidden;
    	position: absolute;
    		top: 40px;
    		right: 40px;
    	text-align: center;
    	text-decoration: none;
    	width: 34px; 
    	text-indent: -9999px;
    	z-index: 120;
 	}

.secondary ul {
	position: absolute;
		top: 125px;
		left: 8px;
}
	.secondary ul li {
		margin-bottom: 15px;
		padding-left: 17px;
	}
		
		.secondary ul li.selected {
			background: url('/img/nav-bullet.png') 0 3px no-repeat;
		}
		.secondary ul li.selected a,
		.secondary ul li a:hover {
			color: #cc2026;
			text-decoration: none;
		}
		

/* ------------------------------------------- */



/* section: footer
---------------------------------------------- */
#footer-container {
	background: #eeeee9;
	margin: 0 30px;
	font-size: 14px;
}
	#footer-container .bar {
		margin-bottom: 30px;
	}
	#footer-container p {
		color: #6c5e5e;
		float: left;
		font-size: 14px;
		margin-left: 8px;
	}
	#footer-container ul {
		float: right;
	}
		#footer-container ul li {
			border-right: 1px solid #464545;
			display: inline;
			float: left;
			padding: 0 10px;
		}
			#footer-container ul li:last-child { border: none; }

 		#footer-container ul li a { 
 			color: #464545;
 		}
/* ------------------------------------------- */




/* Forms
---------------------------------------------- */

input[type="text"],
textarea {
	background: #000;
	border: none;
	color: #fff;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	display: block;
	padding: 10px;
}
textarea {
	height: 100px;
}
input[type="submit"] {
	background: #ce0017 url('/img/btn-red.png') 90% center no-repeat;
	border: none;		
	color: #fff;
	float: right;
	padding: 7px 40px 7px 10px;
}
	input[type="submit"]:hover {
		background-color: #000;
	}


/* ------------------------------------------- */
