/*******************************************************
Global
*******************************************************/
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

@font-face {
	font-family: 'Lobster1.1Regular';
	src: url('../fonts/Lobster_1.1_-webfont.eot');
	src: local('?'), url('../fonts/Lobster_1.1_-webfont.woff') format('woff'), url('../fonts/Lobster_1.1_-webfont.ttf') format('truetype'), url('../fonts/Lobster_1.1_-webfont.svg#webfont30G9S4nm') format('svg');
	font-weight: normal;
	font-style: normal; }
    
@font-face {
	font-family: 'RalewayThin';
	src: url('../fonts/raleway_thin-webfont.eot');
	src: local('?'), url('../fonts/raleway_thin-webfont.woff') format('woff'), url('../fonts/raleway_thin-webfont.ttf') format('truetype'), url('../fonts/raleway_thin-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal; }

body{
    font: normal normal 10px/10px Tahoma, Arial, Helvetica, Verdana, sans-serif; background-color:#000; background-image:url(../img/background.jpg); background-attachment: fixed; background-repeat:no-repeat; background-position:top center; margin-top:0px;}
    
    /* Fibonacci based heading scale ratio */
    h1{ font-size: 4.4em; font-weight: normal; }
    h2{ font-size: 2.4em; font-weight: normal; color:#fff; padding-right:15px; line-height:1.2; }
    h3{ font-size: 1.4em; font-weight: normal; color:#999; padding-top:10px; padding-right:15px; line-height:1.2; }
	h3 a{ font-size: 1.0em; font-weight: normal; color:#999; padding-top:10px; padding-right:15px; line-height:1.2; text-decoration:none; }
	h3 a:hover{ font-size: 1.1em; font-weight: normal; color:#999; padding-top:10px; padding-right:15px; line-height:1.2; }
    h4{ font-size: 1.0em; font-weight: normal; color:#666;}
	h4 a{ font-size: 1.0em; font-weight: normal; color:#666; text-decoration:none;}
	h4 a:hover { font-size: 1.0em; font-weight: normal; text-decoration:none; color:#fff;}
	.introtext { font-size: 1.3em; font-weight: medium; line-height:1.2; text-decoration:none; color:#000; padding-left:1.3em; padding-top:2em; padding-right:5em;}
	.introtext a{ font-size: 1.0em; font-weight: medium; line-height:1.2; text-decoration:none; color:#7f0202;}
	.introtext a:hover{ font-size: 1.0em; font-weight: medium; line-height:1.2; text-decoration:none; color:#7f0202;}
	.newstext { font-size: 1.3em; font-weight: medium; line-height:1.2; text-decoration:none; color:#000; padding-left:1.3em; padding-right:0.5em;}
	.newstext a{ font-size: 0.9em; font-weight: bold; line-height:1.2; text-decoration:none; color:#990505; text-decoration:none;}
	.contacttext { font-size: 1.3em; font-weight: medium; line-height:1.2; text-decoration:none; color:#000; padding-left:1.3em; padding-top:7.5em; padding-right:5em;}
	.contacttext a{ font-size: 1.3em; font-weight: bold; line-height:1.2; text-decoration:none; color:#000; text-decoration:none;}
	.contacttext a:hover { font-size: 1.3em; font-weight: bold; line-height:1.2; text-decoration:none; color:#990505; text-decoration:none;}
	a{ font-size: 0.9em; font-weight: bold; line-height:1.2; text-decoration:none; color:#fff; text-decoration:none;}
	
	
	
/*******************************************************
Graphics
*******************************************************/
#wrap{margin:0 auto; position: relative; width: 970px; }
#logo {position:absolute; width:auto; height:auto; margin-left:-2px; margin-top:-20px; border:0px;}
#foldan {position:absolute; width:auto; height:auto; margin-left:780px; margin-top:530px; border:0px; z-index:100;}
#pim {position:absolute; width:auto; height:auto; margin-left:20px; margin-top:410px; border:0px;}
#pim2 {width:auto; height:auto; padding-right:5px; border:0px;}
#sig {position:absolute; width:auto; height:auto; margin-top:-5px; padding-left:280px; border:0px;}
#bls {position:absolute; width:auto; height:auto; margin-top:160px; margin-left:20px; border:0px; z-index:100;}
#brs {position:absolute; width:auto; height:auto; margin-top:160px; margin-left:863px; border:0px; z-index:100;}
#newsthumbs {width:auto; height:auto; padding-right:7px; padding-top:4px; border:0px; z-index:100;}
#Hintro {position:absolute; width:auto; height:auto; margin-top:-20px; margin-left:10px; border:0px;}
#Hintro2 {position:absolute; width:auto; height:auto; margin-top:50px; margin-left:10px; border:0px;}
#Hnews {position:absolute; width:auto; height:auto; margin-top:50px; margin-left:10px; border:0px;}
#Htwit {position:absolute; width:auto; height:auto; margin-top:50px; margin-left:-115px; border:0px;}
#Hallinq {position:absolute; width:auto; height:auto; margin-top:50px; margin-left:-115px; border:0px;}
#Hfanmail {position:absolute; width:auto; height:auto; margin-top:50px; margin-left:-35px; border:0px;}
#Hclaims {position:absolute; width:auto; height:auto; margin-top:140px; margin-left:10px; border:0px;}
#Habout {position:absolute; width:auto; height:auto; margin-top:50px; margin-left:10px; border:0px;}
#googleplus { position:absolute; margin-top:40px; margin-left:815px; padding-left:5px; z-index:1000;}
#twitterbutton { position:absolute; margin-top:40px; margin-left:705px; padding-left:5px; z-index:0;}
#facebooklike { position:absolute; margin-top:40px; margin-left:615px; width:50px; z-index:1000;}
#rightthumbs { margin-top:5px; padding-left:10px;}
#rightthumbs2 { margin-top:5px; padding-left:10px; padding-bottom:15px;}
#leftthumbs { margin-top:5px; padding-right:10px;}
#sliderhrule { position:absolute; margin-top:-40px; margin-left:-3px;}
#hrule { position:absolute; margin-top:800px; margin-left:17px;}
#hrule2 { position:absolute; margin-top:2400px; margin-left:17px;}
#hrule3 { position:absolute; margin-top:68px; margin-left:-3px;}
#hrule4 { position:absolute; margin-top:1700px; margin-left:17px;}
#hrule5 { position:absolute; margin-top:853px; margin-left:17px;}
#uparrow { position:absolute; margin-top:2370px; margin-left:860px;}
#uparrow2 { position:absolute; margin-top:1720px; margin-left:860px;}
#vbg { position:absolute; margin-top:78px; margin-left:-11px;}
#ContactD { position:absolute; margin-top:20px; margin-left:-2px;}
#emicon { position:absolute; margin-top:93px; margin-left:-25px;}
#socialicons { padding:5px;}
#homead { position:absolute; width:auto; height:auto;  margin-top:-29px; margin-left:-2px;}
#homead2 { position:absolute; width:auto; height:auto;  margin-top:-29px; margin-left:548px;}
#homead3 { position:absolute; width:auto; height:auto;  margin-top:-29px; margin-left:727px;}


/*******************************************************
Layout
*******************************************************/
#copybox {position:relative; width:600px; margin-left:50px; margin-top:250px; margin-bottomn:20px;}
.copyright {position:relative; width:600px; margin-left:50px; margin-top:410px; margin-bottomn:20px;}
.copyright2 {position:relative; width:600px; margin-left:18px; margin-top:2350px; margin-bottomn:20px;}
.copyright3 {position:relative; width:600px; margin-left:18px; margin-top:800px; margin-bottomn:20px;}
.copyright4 {position:relative; width:600px; margin-left:18px; margin-top:1700px; margin-bottomn:20px;}
.copyright5 {position:relative; width:600px; margin-left:18px; margin-top:860px; margin-bottomn:20px;}
#menu { position:absolute; width:680px; height:36px; margin-left:217px; margin-top:-66px; z-index:100px;}
#introduction { position:absolute; width:550px; height:auto; }
#introduction2 { position:absolute; width:550px; height:auto; margin-top:77px; }
#about { position:absolute; width:950px; height:auto; margin-top:70px; }
#gallerycontainer { position:absolute; margin-left:20px; margin-top:190px; width:855px; height:auto; }
#presscolumn1 { position:absolute; width:480px; height:auto; margin-top:70px; }
#presscolumn2 { position:absolute; width:480px; height:auto; margin-top:70px; margin-left:-180px; }
#contactbox { position:absolute; width:480px; height:auto; margin-top:20px; margin-left:-80px; }
#social { position:absolute; width:200px; height:auto; margin-top:680px; margin-left:62px; border:0px; }
#twitbox {position:relative; margin-left:0px; margin-top:100px;}
#newsbox {position:relative; width:500px; height:300px; margin-left:0px; margin-top:100px;}
#thanks { margin-top:200px; margin-left:62px; border:0px; }
#mc_embed_signup{background:#f6f6f6; clear:left; font:14px Helvetica,Arial,sans-serif; }
#mailchimp {position:absolute; margin-top:50px; width:220px; margin-left:-80px;}
#socialshare{position:absolute; margin-left:720px; margin-top:36px; z-index:100;}

#tables { position:absolute; margin-left:18px;}
#tableheader { height:25px; font: bold 12px Arial; color: #fff; background-color: #333; border: 1px #000 solid; padding:5px;}
.TableBodyDark 		{ font: 12px Arial; color: #fff; background-color: #7a0f0f; border: 1px #000 solid; padding:5px;} 
.TableBodyDarkOver 	{ font: 12px Arial; color: #fff; background-color: #7a0f0f; border: 1px #000 solid; padding:5px; } 
.TableBodyLight 	{ font: 12px Arial; color: #fff; background-color: #7a0f0f; border: 1px #000 solid; padding:5px; } 
.TableBodyLightOver { font: 12px Arial; color: #fff; background-color: #7a0f0f; border: 1px #000 solid; padding:5px; } 

/*******************************************************
Slider
*******************************************************/
.slider
{
	margin:50px auto;
	height:400px;
}


.slider .caption ul
{
	padding-left:20px;
}



/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }

/* Basic Structure ============================================================= */
#wrap{
    margin: 0 auto;
    position: relative;
    width: 960px; }

    /* Header */
    header{
        float: left;
        width: 100%; }
    
    /* Content */
    article{
        float: left;
        width: 66.7%; }
    
    /* Sidebar */
    aside{
        float: left;
        width: 33.3%; }
        
    /* Footer */
    footer{
        float: left;
        width: 100%; }
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

/* The H1 declarations - for @font-face presentational purposes only */
h1{ font: 88px 'Lobster1.1Regular', Arial, sans-serif; }
    h1 span{ font: 88px RalewayThin, Arial, sans-serif; letter-spacing: -4px }
	
/** Form Styling **/



.TTWForm{
 	width: 363px;
	margin-top:100px;
	margin-left:-40px;
}


.TTWForm-container {
    font-size: 75%;
    color: #222;
    background: #fff;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.TTWForm-container h2 {
    font-size: 2em;
    margin-bottom: 0.75em;
    color: #333333;
    font-weight: normal;
}

/** Field Styles **/
.TTWForm .field, #form-title.field {
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    clear: both;
}

/** Field Widths */
.f_25 {
    width: 21%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_50 {
    width: 46%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_75 {
    width: 71%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_100 {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.TTWForm input, .TTWForm textarea {
    width: 100%;
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;

    outline: none;
    display: inline-block;
    position: relative;
    z-index: 2;
    background: #EDEDED; /* old browsers */
    background: -moz-linear-gradient(top, #EDEDED 0%, #FCFCFC 10%, #FCFCFC 90%, #EDEDED 100%); /* firefox */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EDEDED), color-stop(10%, #FCFCFC), color-stop(90%, #FCFCFC), color-stop(100%, #EDEDED)); /* webkit */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#EDEDED', endColorstr = '#EDEDED', GradientType = 0); /* ie */
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    padding: 3px 0;
}

.TTWForm input:focus, .TTWForm textarea:focus, .TTWForm select:focus {
    -webkit-box-shadow: 0px 0px 5px #bfdeff;
    -moz-box-shadow: 0px 0px 5px #bfdeff;
    box-shadow: 0px 0px 5px #bfdeff;
}

.TTWForm input[type=radio], .TTWForm input[type=checkbox] {
    width: 12px;
    margin: 8px 12px;
    top: 3px;
    position: relative;
}

.TTWForm .option {
    margin: 6px 0;
}

.TTWForm select {
    padding: 6px 6px;
}

.TTWForm textarea {
    overflow: hidden;
}

.TTWForm label {
    color: #666;
    text-align: left;
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
}

.TTWForm .submit input {
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    text-shadow: 1px 1px 0px #fff;
    display: block;
    margin: 12px -2px 12px 0;
    text-align: center;
    float: right;
    padding: 6px 3px;
    height: 36px;
    cursor: pointer;
    min-width: 96px;
    width: auto;
    background: #FBFBFB; /* old browsers */
    background: -moz-linear-gradient(top, #FBFBFB 0%, #EEEEEE 99%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(99%, #EEEEEE)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FBFBFB', endColorstr = '#EEEEEE', GradientType = 0); /* ie */
    border: 1px solid #cfcfcf;
    font-weight: bold;
    color: #666;
}

#form-title {
    padding: 12px;
}

#form-title h2 {
    margin-bottom: 0;
}

/** Date Input **/

#calroot {
    z-index: 10000;
    margin-top: -1px;
    width: 198px;
    padding: 2px;
    background-color: #fff;
    font-size: 11px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;
}

#calhead {
    padding: 2px 0;
    height: 22px;
}

#caltitle {
    font-size: 14px;
    color: #0150D1;
    float: left;
    text-align: center;
    width: 155px;
    line-height: 20px;
    text-shadow: 0 1px 0 #ddd;
}

#calnext, #calprev {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    background: transparent url(../images/prev.png) no-repeat center center scroll;
}

#calnext {
    float: right;
    background: transparent url(../images/next.png) no-repeat center center scroll;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility: hidden;
}

#caltitle select {
    font-size: 10px;
}

#caldays {
    height: 14px;
    border-bottom: 1px solid #ddd;
}

#caldays span {
    display: block;
    float: left;
    width: 28px;
    text-align: center;
}

#calweeks {
    background-color: #fff;
    margin-top: 4px;
}

.calweek {
    clear: left;
    height: 22px;
}

.calweek a {
    display: block;
    float: left;
    width: 27px;
    height: 20px;
    text-decoration: none;
    font-size: 11px;
    margin-left: 1px;
    text-align: center;
    line-height: 20px;
    color: #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.calweek a:hover, .calfocus {
    background-color: #ddd;
}

a.calsun {
    color: red;
}

a.caloff {
    color: #ccc;
}

a.caloff:hover {
    background-color: rgb(245, 245, 250);
}

a.caldisabled {
    background-color: #efefef !important;
    color: #ccc !important;
    cursor: default;
}

#calcurrent {
    background-color: #498CE2;
    color: #fff;
}

#caltoday {
    background-color: #333;
    color: #fff;
}

/** Range Input **/


.progress {
    height: 9px;
    background-color: #C5FF00;
    display: none;
    opacity: 0.6;
}

.handle {
    background: #fff url(../images/range_gradient.png) repeat-x 0 0;
    height: 28px;
    width: 28px;
    top: -12px;
    position: absolute;
    display: block;
    margin-top: 1px;
    border: 1px solid #000;
    cursor: move;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;

}

.range {
    border: 1px solid #ddd;
    float: left;
    font-size: 20px;
    margin: 0 0 0 15px;
    padding: 3px 0;
    text-align: center;
    width: 50px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/**Error Messages **/

.TTWForm .error {
    height: 16px;
    font: 11px/16px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    color: #ff0033;
    padding-left: 12px;
    z-index: 999;
    position: relative;
    top: -1px;
}

/** Loading Indicator **/
.loading-text {
    position: relative;
    top: -3px;
}

/** Clearfix */
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
    zoom: 1;
}
