/* Reset stylesheet */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
/* Focus outline on form fields */
:focus {
	outline: 0;
}
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

ol, ul {
	list-style: none;
}

/* -----------------------------------
----------PRIMARY STYLES--------------
------------------------------------*/
/* Typography */
body, select, input, textarea {
	color: #666;
	font-family:"Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif;
}
body {background: #e9e9e9 url('../images/bg.jpg') repeat-x fixed center top;}

h1 {
	font-size: 1.7em;
}

h2 {
	color: #444;
	font-size: 1em;
	line-height: 30px;
	height: 30px;
	padding-left: 10px;
	border-bottom: 2px dashed #9b9b9b;
	margin-bottom: 15px;
}

h3 {
	margin: 0.875em 0 0.875em 0;
}

hr {
	border: 0.5px solid #DEDEDE;
	background: #DEDEDE;
}

a {
	text-decoration: underline;
	color: red;
}
p {
	font-size: 0.875em;
	line-height: 1.3;
	margin-bottom: 0.875em;
}
/*white font span class*/
.font_red {
	color: #9b9b9b;
	font-weight: normal;
}
.yellow {
	color: #ffd800;
	margin-left: 10px;
}
.rounded {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.btmrounded {
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px; /* Firefox 3.6 */
	-webkit-border-bottom-left-radius:10px; /* Safari */
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px; /* Firefox 3.6 */
	-webkit-border-bottom-right-radius:10px; /* Safari */
}
.shadow {
	-moz-box-shadow: 2px 2px 8px #666666;
	-webkit-box-shadow: 2px 2px 8px #666666;
    box-shadow: 2px 2px 8px #666666;
}

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

#header {
	overflow: hidden;
	background: white url('../images/headback.jpg') repeat-x center top;
	border-bottom: 10px solid #333;
}

/*********************************
------NAV-------------------------
*********************************/
#nav {
	overflow: hidden;
	height: 100px;
	line-height: 50px;
}
	#nav ul {
		float: right;
		height: 50px;
		margin-right: 10px;
		margin-top: 25px;
		background: red url('../images/navback.jpg') repeat-x;
	}
		#nav ul a {
			display: block;
			text-decoration: none;
			font-size: 0.875em;
			color: white;
			text-shadow: 1px 1px 0 #000;
		}
		#nav ul a:hover {
			color: #e9e9e9;
		}
		#nav li {
		float: left;
		text-align: center;
		width: 152px;
		list-style: none; 
		border-right: 1px outset #ccc;
		background-repeat: repeat-x;
		}
			#navright {
				border-right: 0 !important;
			}
	
	#logo {
		float: left;
		margin-left: 10px;
		margin-top: 15px;
		width: 250px;
	}
		#logo a {
			text-decoration: none;
			color: inherit;
		}
#subnav {
	overflow: hidden;
	height: 50px;
	color: white;
	margin-top: 20px;
	background: grey url('../images/navback.jpg') repeat-x;
}
	#subnav p {
		line-height: 50px;
		text-align: center;
		height: 50px;
	}
	

/*MAIN*/

.box {
	margin-top: 20px;
	height: auto;
	padding-bottom: 10px;
	overflow: hidden;
	border: 1px solid #b5b5b5;
	background: white;
}

.left {
	height: 390px;
	background: white;
	margin-top: 10px;
	background: grey;
}

.right {
	height: auto;
	background: white;
	margin-top: 10px;
	overflow: auto;
}
	.right ul {
		margin-left: 10px;
		margin-top: 10px;
	}
.full {
	padding: 10px;
}
.content {
	height: auto;
}

.bigbutton {
	float: right;
	margin-top: 10px;
	height: 30px;
	width: 300px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-shadow: 1px 1px 0 #000;
	text-align: center;
	line-height: 30px;
	background: red url('../images/butback.jpg'); 
	background-repeat: repeat-x;
}

#footer {
	 margin-top: 20px;
	 margin-bottom: 20px;
	 color: #b5b5b5;
	 text-align: center;
}
	#footer a {
		color: inherit;
	}

#contact_area {
	width: 473px;
	background: #e9e9e9;
	border: 2px solid #ccc;
	padding: 20px;
	margin-top: 25px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

#contact_area input, #contact-area textarea {
	padding: 5px;
	width: 343px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact_area textarea {
	height: 90px;
	border: 2px solid #ccc;
	width: 350px;
}

#contact_area textarea:focus, #contact_area input:focus {
	border: 2px solid red;
}

#contact_area input.submit-button {
	width: 100px;
	float: right;
	margin-top: 10px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px !important;
	width: 100px;
	padding-top: 5px;
	font-size: 1.2em;
}
/* -----------------------------------
----------END-------------------------
------------------------------------*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	
	
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12, 
.grid_13, 
.grid_14, 
.grid_15,
.grid_16{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10.0px;
	margin-right: 10.0px;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1{
	width:40px;
}

.container_16 .grid_2{
	width:100px;
}

.container_16 .grid_3{
	width:160px;
}

.container_16 .grid_4{
	width:220px;
}

.container_16 .grid_5{
	width:280px;
}

.container_16 .grid_6{
	width:340px;
}

.container_16 .grid_7{
	width:400px;
}

.container_16 .grid_8{
	width:460px;
}

.container_16 .grid_9{
	width:520px;
}

.container_16 .grid_10{
	width:580px;
}

.container_16 .grid_11{
	width:640px;
}

.container_16 .grid_12{
	width:700px;
}

.container_16 .grid_13{
	width:760px;
}

.container_16 .grid_14{
	width:820px;
}

.container_16 .grid_15{
	width:880px;
}

.container_16 .grid_16{
	width:940px;
}





/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_16 .prefix_1 {
	padding-left:60px;
}

    .container_16 .prefix_2 {
	padding-left:120px;
}

    .container_16 .prefix_3 {
	padding-left:180px;
}

    .container_16 .prefix_4 {
	padding-left:240px;
}

    .container_16 .prefix_5 {
	padding-left:300px;
}

    .container_16 .prefix_6 {
	padding-left:360px;
}

    .container_16 .prefix_7 {
	padding-left:420px;
}

    .container_16 .prefix_8 {
	padding-left:480px;
}

    .container_16 .prefix_9 {
	padding-left:540px;
}

    .container_16 .prefix_10 {
	padding-left:600px;
}

    .container_16 .prefix_11 {
	padding-left:660px;
}

    .container_16 .prefix_12 {
	padding-left:720px;
}

    .container_16 .prefix_13 {
	padding-left:780px;
}

    .container_16 .prefix_14 {
	padding-left:840px;
}

    .container_16 .prefix_15 {
	padding-left:900px;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_16 .suffix_1 {
	padding-right:60px;
}

    .container_16 .suffix_2 {
	padding-right:120px;
}

    .container_16 .suffix_3 {
	padding-right:180px;
}

    .container_16 .suffix_4 {
	padding-right:240px;
}

    .container_16 .suffix_5 {
	padding-right:300px;
}

    .container_16 .suffix_6 {
	padding-right:360px;
}

    .container_16 .suffix_7 {
	padding-right:420px;
}

    .container_16 .suffix_8 {
	padding-right:480px;
}

    .container_16 .suffix_9 {
	padding-right:540px;
}

    .container_16 .suffix_10 {
	padding-right:600px;
}

    .container_16 .suffix_11 {
	padding-right:660px;
}

    .container_16 .suffix_12 {
	padding-right:720px;
}

    .container_16 .suffix_13 {
	padding-right:780px;
}

    .container_16 .suffix_14 {
	padding-right:840px;
}

    .container_16 .suffix_15 {
	padding-right:900px;
}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_16 .push_1 {
	left:60px;
}

    .container_16 .push_2 {
	left:120px;
}

    .container_16 .push_3 {
	left:180px;
}

    .container_16 .push_4 {
	left:240px;
}

    .container_16 .push_5 {
	left:300px;
}

    .container_16 .push_6 {
	left:360px;
}

    .container_16 .push_7 {
	left:420px;
}

    .container_16 .push_8 {
	left:480px;
}

    .container_16 .push_9 {
	left:540px;
}

    .container_16 .push_10 {
	left:600px;
}

    .container_16 .push_11 {
	left:660px;
}

    .container_16 .push_12 {
	left:720px;
}

    .container_16 .push_13 {
	left:780px;
}

    .container_16 .push_14 {
	left:840px;
}

    .container_16 .push_15 {
	left:900px;
}





/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_16 .pull_1 {
	right:60px;
}

    .container_16 .pull_2 {
	right:120px;
}

    .container_16 .pull_3 {
	right:180px;
}

    .container_16 .pull_4 {
	right:240px;
}

    .container_16 .pull_5 {
	right:300px;
}

    .container_16 .pull_6 {
	right:360px;
}

    .container_16 .pull_7 {
	right:420px;
}

    .container_16 .pull_8 {
	right:480px;
}

    .container_16 .pull_9 {
	right:540px;
}

    .container_16 .pull_10 {
	right:600px;
}

    .container_16 .pull_11 {
	right:660px;
}

    .container_16 .pull_12 {
	right:720px;
}

    .container_16 .pull_13 {
	right:780px;
}

    .container_16 .pull_14 {
	right:840px;
}

    .container_16 .pull_15 {
	right:900px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}