/**********************************************************************************************

	CSS on Sails
	Title: Tork Elevation
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: April 2010

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
.sign-up ul:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #fff; color: #bfbfbf; font-size: 13px; font-family: "Arial", "Helvetica", sans-serif;  }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; font-size: 13px; }
a, a:visited { color: #00f; text-decoration: none; }
a:hover, a:active { color: #f00; text-decoration: underline; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/
.container { width: 979px; margin: 0 auto; position: relative; height: 100%; }
#header { background: url(../images/bg-header.png) top left repeat-x; height: 93px; }
#footer { padding-top: 8px; padding-bottom: 45px; line-height: 1; }
.c-container { background: url(../images/bg-container.png) top center repeat-y; margin-top: 22px; }
.c-container-top { background: url(../images/bg-container-top.png) top center no-repeat; }
.c-container-bottom { background: url(../images/bg-container-bottom.png) bottom center no-repeat; }
.c-container .container { padding-bottom: 96px; }
.c-container .thankyou { padding-bottom: 1px; }

/* 2.2 Header
-----------------------------------------------------------------------------------------------*/
#header a.logo { position: absolute; left: 16px; top: 17px; display: block; width: 101px; height: 54px; background: url(../images/logo.png) top left no-repeat; text-indent: -9999px; }


/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#header ul { position: absolute; left: 148px; bottom: 0; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: bold; }
#header ul li { float: left; padding-bottom: 18px; text-align: center; margin-right: 24px; }
#header ul li a { color: #9ddae9; }
#header ul li.current { background: url(../images/nav-current.png) bottom center no-repeat; }
#header ul li.current a { color: #fff; }


/* 2.4 Content
-----------------------------------------------------------------------------------------------*/
h2 { font-size: 31px; line-height: 34px; font-weight: normal; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; margin: 0 15px; padding: 37px 0 19px 0; }
h2 strong { display: block; line-height: 38px; font-size: 33px; color: #228bc9; margin-bottom: 3px; }
.thankyou h2 { line-height: 38px !important; padding-bottom: 64px; padding-top: 41px; background: url(../images/border-inner-bottom.png) bottom center no-repeat; margin-bottom: 16px; }
.thankyou .more { font-size: 20px; margin: 0 15px 50px 15px; color: #a8a5a5; }
.thankyou .more a { color: #00c0ff; }

.sign-up { background: url(../images/bg-inner.png) top left repeat-y; }
.inner-top { background: url(../images/bg-inner-top.png) top left no-repeat; }
.inner-bottom { background: url(../images/bg-inner-bottom.png) bottom left no-repeat; padding: 36px 20px 36px 40px; overflow: hidden; }
.sign-up h3 { color: #228bc9; font-size: 19px; font-weight: normal; background: url(../images/border-inner-top.png) bottom center no-repeat; padding-bottom: 17px; margin-bottom: 24px; margin-right: 20px; }

.sign-up ul li { float: left; margin-right: 15px; margin-bottom: 17px; width: 216px; }
    .sign-up ul li.fourth { margin-right: 0; }
.sign-up label { display: block; color: #228bc9; margin-bottom: 7px; }
.sign-up input.txt { width: 210px; padding: 2px 0; }
.sign-up select { width: 100%; }
.sign-up p { padding-top: 5px; padding-bottom: 14px; }
.sign-up p small { font-size: 11px; }
.sign-up .submit { background: url(../images/border-inner-bottom.png) top center no-repeat; padding-top: 33px; padding-bottom: 1px; }

.teaser { background: url(../images/misc-photo.png) top left no-repeat; width: 979px; overflow: hidden; height: 411px; position: relative; margin-top: 11px; }
.teaser h3 { color: #ffffff; font-weight: normal; font-size: 23px; position: absolute; top: 34px; left: 30px; }
.teaser .txt { position: absolute; bottom: 78px; left: 10px; font-size: 20px; line-height: 23px; color: #fff; background: url(../images/bg-transparent.png); padding: 15px 20px 20px 20px; margin-right: 10px; }
.teaser .txt p { margin-right: 320px; }
.teaser .more { font-size: 16px; color: #a8a5a5; position: absolute; bottom: 37px; left: 30px; }
.teaser .more a { color: #00c0ff; }
.teaser .more a:hover { color: #26DDFF; }


/* 2.5 Footer
-----------------------------------------------------------------------------------------------*/
#footer p { float: left; width: 50%; display: inline; }
#footer div { float: right; display: inline; width: 50%; }
#footer ul { float: right; }
#footer ul li { float: left; border-right: 1px solid #228bc9; padding-right: 8px; margin-right: 8px; }
#footer ul li.last { border: 0; margin: 0; padding: 0; }
#footer ul li a { color: #228bc9; }