/*
Graphic the five sixteens (the 5:16s) CSS stylesheet
Version: 0.4
Author: Stephen Greene
Author URI: http://www.thesunmachine.com/
*/

/* Body style */
body {
	font-size:62.5%;
	color:#222;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	background:#444; 
}

/* Centre */
.target {
	width:100%;
	margin:0 auto;
	text-align:left;
	background:#000 url('../images/home-target.gif') no-repeat top right; 
}

.wrapper {
	width:100%;
	margin:0 auto;
	text-align:left;
	background:#fff url('../images/mod-ride.jpg') no-repeat top right; 
}

/* Colours */

.blue, .blue:hover       { color:#359; }
.red, .red:hover         { color:#c12; }
.green, .green:hover     { color:#4a5; }
.grey, .grey:hover       { color:#ddd; }
.silver, .silver:hover   { color:#aaa; }
.metal, .metal:hover     { color:#888; }
.steel, .steel:hover     { color:#444; }
.black, .black:hover     { color:#000; }
.white, .white:hover     { color:#fff; }

/* Main colour backgrounds */
.blanco                  { background:#fff; }
.home					 { height:420px; margin:0; padding:0; overflow:hidden; }
.footer		             { height:200px; margin:0; padding:0; overflow:hidden; }
/*
body#white .footer		 { height:200px; margin:0; padding:0; overflow:hidden;
                           background:transparent url('../images/the-five-sixteens-target.gif') no-repeat top right;  }
*/
.ride					 { height:420px; margin:0; padding:0; overflow:hidden; } 
.wipe					 { min-height:300px; margin-top:10px; padding:10px 0 10px 40px;
                           background:#fff url('../images/wipe.jpg') repeat-y top left; }               

/* Page identity */
.page-id                 { width:340px; height:50px; margin:1em 0 1em 1.4em; padding:0;
                           background:transparent url('../images/the-five-sixteens.jpg') no-repeat top left; }
/* Navigation */
body#black .nav          { margin-top:130px; }
body#white .nav          { margin-top:130px; }
.nav p                   { margin:7px 0 3px 0; text-align:center; text-transform: uppercase; font-size: 1em; font-weight:bold; }
.nav a, .nav a:link      { color: #c12; border:0; text-decoration:none;}
.nav a:hover             { color: #fff; border:0; text-decoration:none; }
.nav a.selected          { color: #222; }

body#black .nav			 { width:120px; height:30px; 
                           background:transparent url('../images/nav-white.gif') no-repeat center;  }
body#black .nav:hover	 { width:120px; height:30px; color: #fff;
                           background:transparent url('../images/nav-red.gif') no-repeat center;  }
body#white .nav		     { width:120px; height:30px; 
                           background:transparent url('../images/nav-grey.gif') no-repeat center;  }
body#white .nav:hover	 { width:120px; height:30px; color: #fff;
                           background:transparent url('../images/nav-rouge.gif') no-repeat center;  }

/* Headings */
h1,h2,h3,h4             {  margin:0 1em .2em 1em; font-family: Arial, Helvetica, 'Helvetica Neue', 'Liberations Sans', FreeSans, sans-serif; }

h1 { font-size:1.8em; display:none; }
h2 { font-size:1.8em; font-weight:bold; text-transform:uppercase; margin-bottom:.6em; }
h3 { font-size:1.4em; font-weight:bold; margin-top:.2em; margin-bottom:0; line-height:1.6em; }
h4 { font-size:1.4em; font-weight:normal; margin-top:-.8em; margin-right:18em; margin-bottom:1em;
     border-bottom: 1px #c12 solid;  }

/* Text elements */
p { margin:-.2em 5em 1em 1em; font-size:1.2em; line-height:1.5em; }

a, a:link { color:inherit; border-bottom: 1px dotted #eee; }

a:visited { color:inherit; }

a:focus, 
a:hover { color:#c12; border-bottom: 1px dotted #c12; }

a { color:inherit; text-decoration:none; }
	
/* Lists */
li ul, li ol { margin:0; }
ul, ol       { margin:0 0 1em 0; }
ul           { list-style-image:none; list-style-position:inside; list-style-type: disc;
               font-size:1.2em; line-height:1.4em; }

/* Misc classes */
.sink      { margin-top:120px; }
.push      { margin-top:20px; }
.bold      { font-weight:bold; }
.tame      { margin-right:12em; }
.indent    { margin-left:2.2em; }
.small     { font-size:1em; margin-left:2.2em; }

/*
Variable Grid System.
Based on 960 Grid System - http://960.gs/
Licensed under GPL and MIT.
*/


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

/* Grid >> Global */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8 {
	display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }

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

.alpha {
	margin-left: 0 }

.omega {
	margin-right: 0 }

/* Grid >> 8 Columns */

.container_8 .grid_1 { width:100px; }
.container_8 .grid_2 { width:220px; }
.container_8 .grid_3 { width:340px; }
.container_8 .grid_4 { width:460px; }
.container_8 .grid_5 { width:580px; }
.container_8 .grid_6 { width:700px; }
.container_8 .grid_7 { width:820px; }
.container_8 .grid_8 { width:940px; }

/* Prefix Extra Space >> 8 Columns */

.container_8 .prefix_1 { padding-left:120px; }
.container_8 .prefix_2 { padding-left:240px; }
.container_8 .prefix_3 { padding-left:360px; }
.container_8 .prefix_4 { padding-left:480px; }
.container_8 .prefix_5 { padding-left:600px; }
.container_8 .prefix_6 { padding-left:720px; }
.container_8 .prefix_7 { padding-left:840px; }

/* Suffix Extra Space >> 8 Columns */

.container_8 .suffix_1 { padding-right:120px; }
.container_8 .suffix_2 { padding-right:240px; }
.container_8 .suffix_3 { padding-right:360px; }
.container_8 .suffix_4 { padding-right:480px; }
.container_8 .suffix_5 { padding-right:600px; }
.container_8 .suffix_6 { padding-right:720px; }
.container_8 .suffix_7 { padding-right:840px; }

/* Push Space >> 8 Columns */

.container_8 .push_1 {  left:120px; }
.container_8 .push_2 {  left:240px; }
.container_8 .push_3 {  left:360px; }
.container_8 .push_4 {  left:480px; }
.container_8 .push_5 {  left:600px; }
.container_8 .push_6 {  left:720px; }
.container_8 .push_7 {  left:840px; }

/* Pull Space >> 8 Columns */

.container_8 .pull_1 {  left:-120px; }
.container_8 .pull_2 {  left:-240px; }
.container_8 .pull_3 {  left:-360px; }
.container_8 .pull_4 {  left:-480px; }
.container_8 .pull_5 {  left:-600px; }
.container_8 .pull_6 {  left:-720px; }
.container_8 .pull_7 {  left:-840px; }

/* Clear Floated Elements */

/* http://sonspring.com/journal/clearing-floats */

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

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.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;
}

/* Form styles */

.form-box {
	padding:2em 0 2em 0;
	width:26em;
}

legend {display:none;}
fieldset {border:none;}

label {
margin:-.2em 5em 1em 1em; font-size:1.2em; line-height:1.5em; font-weight:bold;
color:#888;
display:block;
}

textarea {
background:#fff;
width:20em;
margin-bottom:1.4em;
border:#ddd solid 1px;
color:#222;
}

textarea:hover {
background:#f4f4f4;
border:#928 solid 1px;
}

input.field {
background:#fff;
width:24em;
display:block;
margin:-.2em 5em 1em 1em; font-size:1.2em; line-height:1.5em; 
border:#ddd solid 1px;
color:#222;
}

input.field:hover {
background:#f4f4f4;
border:#c12 solid 1px;
}

input.submit {
background:#c12;
border:1px #c12 solid;
font-size:1.1em;
padding:.2em;
color:#fff;
margin-left:1.2em;
padding:.2em .6em .2em .6em;
}

input.submit:hover {
background:#4a5;
border:1px #4a5 solid;
cursor:pointer;
color:#fff;
padding:.2em .6em .2em .6em;
}

.form-error {
color:#928;
margin:0;
}

#mce-responses         { margin:-.2em 5em 1em 1em; padding:.2em; }
.response, .response p { color:#359; font-size:1em; line-height:1.2em; }
.indicate-required     { text-align:right; margin-right:10em; padding:1em; color:#4a5; font-size:.9em; line-height:1.2em; }