/*
Site by Atticus Interactive
http://atticusi.com
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */	outline: 0;}
body {	background: #fff;line-height: 1;}
ol, ul {list-style: none;}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,
q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
a img {	border: 0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #231f20;
	font: 15px 'Open Sans', Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {	margin-bottom: 1.625em;}
ul, ol {margin: 0 0 1.625em 16px;}
ul {list-style: square;}
ol {list-style-type: decimal;}
ol ol {list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}
dl {margin: 0 1.625em;}
dt {font-weight: bold;}
dd {margin-bottom: 1.625em;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}

/* Forms */
input[type=text],
input[type=password],
textarea {
	border: 1px solid #E0DDDD;
	padding: 10px 20px;
	color: #555E58;
	font-size: 14px;
	background: white;
}
input[type=text]:focus,
textarea:focus {
}
input[type=submit],
div.button a {
	border-radius: 10px 10px 10px 10px;
	display: inline-block;
	padding: 20px 50px;
	font-size: 20px;
	font-weight: 300;
	background: #CC2D30;
	background: -moz-linear-gradient(top, #CC2D30, #B12528);
	background: -webkit-linear-gradient(top, #CC2D30,#B12528);
	background: -o-linear-gradient(top, #CC2D30,#B12528);
	background: -ms-linear-gradient(top, #CC2D30,#B12528);
	background: linear-gradient(to bottom, #CC2D30,#B12528);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC2D30', endColorstr='#B12528',GradientType=0 );
	border: 1px solid #912023;
	-webkit-box-shadow: 0 1px 0 #EE8285 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #EE8285 inset, 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 #EE8285 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	color: white;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);	
}

div.button a:hover,
input[type=submit]:hover {
	background: #e51b24;
	background: -moz-linear-gradient(top, #e51b24, #e51b24);
	background: -webkit-linear-gradient(top, #e51b24,#e51b24);
	background: -o-linear-gradient(top, #e51b24,#e51b24);
	background: -ms-linear-gradient(top, #e51b24,#e51b24);
	background: linear-gradient(to bottom, #e51b24,#e51b24);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51b24', endColorstr='#e51b24',GradientType=0 );
	border: 1px solid #912023;
	-webkit-box-shadow: 0 1px 0 #EE8285 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #EE8285 inset, 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 #EE8285 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	color: white;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
	text-decoration: none;
}

div.button a:active,
input[type=submit]:active {
	background: #CC2D30;
	background: -moz-linear-gradient(top, #CC2D30, #8f2024);
	background: -webkit-linear-gradient(top, #CC2D30,#8f2024);
	background: -o-linear-gradient(top, #CC2D30,#8f2024);
	background: -ms-linear-gradient(top, #CC2D30,#8f2024);
	background: linear-gradient(to bottom, #CC2D30,#8f2024);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC2D30', endColorstr='#8f2024',GradientType=0 );
	border: 1px solid #912023;
	-webkit-box-shadow: 0 1px 0 #EE8285 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #EE8285 inset, 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 #EE8285 inset, 0 1px 2px rgba(0, 0, 0, 0.1);
	color: white;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
	text-decoration: none;
}


textarea {
	width: 94%;
}
input#s {
	background: #fff url(images/search.png) no-repeat 5px 6px;
	padding-left:28px;
}
input#searchsubmit {
	display: none;
}
form p {
	margin-bottom:0;
}

/* Links */
a {
	color: #EB5435;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}

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

body {
	background: #bfbfbf url(images/bkg-body.jpg) center top no-repeat;
}
#main {
	width:980px;
	margin:auto;
	background:#fff;
}
.wrapper {
	width: 730px;
	margin:auto;
	position:relative;
}
#branding {
	height:110px;
	position:relative;
	background:url(images/bkg-header.jpg) top right no-repeat;
}
#video-holder {
	background:#CC2B30;
}
#primary {
	background:url(images/bkg-shadow.jpg) top repeat-x;
	padding:50px 0;
}
#content-left {
	float:left;
	width:445px;
	padding-right:30px;
	border-right: 3px solid #ccc;
}
#content-right {
	width:215px;
	float:right;
}

/* =Header
----------------------------------------------- */

#logo {
	position:absolute;
	left:30px;
	top:25%;
}

/* =Video
----------------------------------------------- */

#video-holder video,
#video-holder iframe,
#video-holder embed {
	width:730px !important;
	height:445px !important;
}

/* =Content
----------------------------------------------- */

#primary h1 {
	font-size:26px;
	font-weight:600;
	margin-bottom:20px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
#content-left p {
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 5%;
	font-size: 11px;
	line-height: 18px;
}
#content-left .button {
	float:left;
	width:45%;
}
#content-right p {
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding:10px 0;
	color:#CC252B;
	margin-top:27px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

/* =Footer
----------------------------------------------- */

#colophon {
	border-top:10px solid #CC252B;
	background:#BCBDBF;
	padding:30px 0;
}
#colophon p {
	color:#000;
	font-size:10px;
	margin-bottom:10px;
}
#colophon a {
	color:#fff;
}