/* Keep CSS Clean
================================================================================ 
	
	Some guidelines to follow:

	1. Only put one selector per line for a block of rules that apply to multiple selectors (exceptions for very large quantities).
	2. Indent your rules, only one rule per line.
	3. Indent another time for proprietary properties. Keep these properties directly below the proposed property.

	Example:
	
	element#id,
	element.class {
		rule1: value;
			-webkit-rule1: value;
			-moz-rule1: value;
		rule2: value;
		rule3: value;
	}
	
*/


/* Table of Contents
================================================================================
	
	Base Settings
	Common
	Structure
	Style
	
*/


/* Base Settings
================================================================================ */


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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	padding: 20px 0 0 0;
    font-family: Helvetica, Arial, sans-serif;
}

input, textarea, select
{
	font-size: 14px;
	line-height: 20px;
}


/* Common
================================================================================ */


body {
	text-align: center;
	background-image: none;
	background-position: top center;
	background-repeat: repeat-y;
	font-size: 14px;
	line-height: 20px;
	color: rgb(60,60,60);
}

a:link,
a:visited {
	text-decoration: none;
	color: rgb(205,0,0);
}

a:hover,
a:active {
	text-decoration: underline;
	color: rgb(125,0,0);
}

img {
	border: none;
}

p, ul, ol, dl {
	padding: 0 20px;
	margin-bottom: 20px;
}

ul {
	list-style-type: disc;
	margin-left: 20px;
}

ol {
	list-style-type: decimal;
	margin-left: 20px;
}

blockquote {
	font-style: italic;
	padding: 0 20px;
}

strong {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding: 0 20px;
	margin: 20px 0;
}

h1 { 
	font-size: 18px;
	line-height: 24px;
}

h2 { 
	font-size: 18px;
	line-height: 20px;
}


/* Structure
================================================================================ */


.container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

.column-full {
	float: left;
	width: 100%;
	clear: both;
}

.column-twelve { width: 960px; }
.column-eleven { width: 880px; }
.column-ten { width: 800px; }
.column-nine { width: 720px; }
.column-eight { width: 640px; }
.column-seven { width: 560px; }
.column-six { width: 480px; }
.column-five { width: 400px; }
.column-four { width: 320px; }
.column-three { width: 240px; }
.column-two { width: 160px; }
.column-one { width: 80px; }

.column-twelve,
.column-eleven,
.column-ten,
.column-nine,
.column-eight,
.column-seven,
.column-six,
.column-five,
.column-four,
.column-three,
.column-two,
.column-one {
	float: left;
}


/* Style
================================================================================ */


.logo {
	padding: 0 20px;
}

.logo img {
	display: block;
}

#primary h2 {
	font-weight: normal;
}

#secondary {
	background-color: rgb(255,255,255);
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	box-shadow: 0px 0px 1px rgb(0,0,0);
		-moz-box-shadow: 0px 0px 1px rgb(0,0,0);
		-webkit-box-shadow: 0px 0px 1px rgb(0,0,0);
}

#secondary #form-area form ol {
	list-style: none;
	margin: 0 0 0 0;
}

#secondary #form-area form ol li {
	border-top: 1px solid rgb(245,245,245);
	padding: 10px 0;
}

#secondary #form-area form ol li.form-button {
	padding: 20px 20px 20px 150px;
}

#secondary #form-area form ol li a {
	color: rgb(255,255,255);
	text-decoration: none;
}

#secondary #form-area form ol label {
	width: 150px;
	display: inline-block;
	color: rgb(120,120,120);
	vertical-align: top;
	padding: 5px 0 0 0;
}

#secondary #form-area form ol input[type=text],
#secondary #form-area form ol textarea {
	width: 250px;
}

#secondary .video-embed {
	background-color: rgb(240,240,240);
	margin: 20px 20px 0 20px;
	padding: 0 0 10px 0;
	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
}

#secondary .video-embed .embed-code {
	padding: 20px 20px 10px 20px;
}

#secondary .video-embed .video-caption p {
	margin: 0;
	padding: 0 20px 10px 20px;
	color: rgb(120,120,120);
}

#footer p {
	background-color: rgb(250,250,250);
	padding: 20px;
	margin: 0 0 0 0;
	font-size: 12px;
	color: rgb(120,120,120);
	border-bottom-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
}

#credits p {
	padding: 20px;
	margin: 0;
	font-size: 12px;
	color: rgb(120,120,120);
	text-align: center;
	text-shadow: 1px 1px 1px #eee;
}

#credits p a {
	color: rgb(120,120,120);
	text-decoration: underline;
}