﻿/*

	TWA Rethink Global CSS Document
	Author: Phil Clayton 
	Distractedpeople
	www.distractedpeople.net
   
 */
 
/* --------- layout ---------- */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #ecebeb;
}

#headerBg {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	border-bottom: 2px solid #00284a;
}

.wrap {
	/* border: 1px solid red; */
	width: 870px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#header .logo {
	width: 220px;
	float: left;
	margin: 20px 0 20px 0;
	padding: 0;
}

#header .callToAction {
	/* border: 1px solid red; */
	width: 405px;
	float: right;
	margin: 15px 0 0 0;
	padding: 15px 15px 0 15px;
	background: #fff url('../imgs/header/callToAction_bg.gif') no-repeat top left;
}

.registerBtn {
	/*border: 1px solid red;*/
	float: left;
	width: 205px;
	margin:  5px 0 0 5px;
	padding: .35em 0 .35em .25em;
	background: transparent url('../imgs/header/registerBtn_bg.gif') no-repeat 0 0;
}

.guaranteeInfo {
	/*border: 1px solid red;*/
	float: right;
	width: 170px;
	margin: 5px .45em 0 0;
	padding: .5em 0 .25em 0;
	background: transparent url('../imgs/header/guaranteeBtn_bg.gif') no-repeat 0 0;
}

#mainNav {
	/* border: 1px solid red; */
	width: 100%;
	margin: 0;
	padding: 8px 0 10px 0;
	text-align: left;
	background: transparent url('../imgs/navigation/mainNav_bg.gif') repeat-x top left;
}

#leftColumn {
	/* border: 1px solid red; */
	width: 165px;
	float: left;
	margin: 12px 0 10px 0;
	padding: 0;
}

#rightColumn {
	/* border: 1px solid red; */
	width: 690px;
	float: right;
	margin: 12px 0 12px 0;
	padding: 0;
}

#footer {
	border-top: 1px solid #00284a;
	padding: 10px 0 10px 0;
}

.topCurve {
	/*border: 1px solid red;*/
	width: 691px;
	height: 10px;
	background: transparent url('../imgs/content/columnTop.jpg') no-repeat 0 0;
	margin: 0;
	padding: 0;
}

.bottomCurve {
	/*border: 1px solid red;*/
	width: 691px;
	height: 10px;
	background: transparent url('../imgs/content/columnBottom.jpg') no-repeat 0 0;
	margin: 0;
	padding: 0;
}

.content {
	/*border: 1px solid red;*/
	width: 689px;
	border-right: 1px solid #e9661e;
	border-left: 1px solid #e9661e;
	margin: 0;
	padding: 5px 0 5px 0;
	background-color: #fff;
}

#leftColumn .topCurve {
	/*border: 1px solid red;*/
	width: 165px;
	height: 23px;
	background: transparent url('../imgs/content/leftColumnTop.jpg') no-repeat 0 0;
	margin: 0;
	padding: 4px 0 0 0;
}

#leftColumn .bottomCurve {
	/*border: 1px solid red;*/
	width: 165px;
	height: 15px;
	background: transparent url('../imgs/content/leftColumnBottom.jpg') no-repeat 0 0;
	margin: 0;
	padding: 0;
}

#leftColumn .content {
	/*border: 1px solid red;*/
	width: 162px;
	border-right: 1px solid #e9661e;
	border-left: 1px solid #e9661e;
	margin: 0;
	padding: 5px 0 5px 0;
	background-color: #fff;
}

#mailingList {
	/*border: 1px solid red;*/
	width: 165px;
	margin: 12px 0 12px 0;
	padding: 0;
}

.mailListTop {
	width: 164px;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: .15em 0 0 0;
	background: #e9661e url('../imgs/content/mailListTop.jpg') no-repeat 0 0;
}

.mailListContent {
	width: 164px;
	margin: 0;
	padding: .4em 0 .5em 0;
	background: #f8bb73 url('../imgs/content/mailListContentFull.jpg') no-repeat 0 0;
}

.mailListBottom {
	width: 165px;
	height: 7px;
	margin: 0;
	padding: 0;
	background: transparent url('../imgs/content/mailListBottom.jpg') no-repeat 0 0;
}

.contentLeft {
	/*border: 1px solid red;*/
	width: 340px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}

.contentRight {
	/*border: 1px solid red;*/
	width: 340px;
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
}

.textFeatureRight {
	/*border: 1px solid red;*/
	width: 305px;
	float: right;
	margin: 10px 15px 0 0;
	padding: 10px 0 10px 0;
	background-color: #FFFFFF;
	height: 202px;
}

.textFeature {
	/*border: 1px solid red;*/
	width: 660px;
	margin: 10px 0 0 15px;
	padding: 10px 0 10px 0;
	background-color: #FFEED5;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.contactInfo {
	float: left;
}
	
/* ---------- mainGraphic ---------- */

.mainGraphic {
	width: 100%;
	margin: 0;
	padding: 0;
	min-height: 246px;
}

.graphicColLeft {
	/* border: 1px solid red; */
	width: 360px;
	margin: 0;
	padding: 0;
}

#index {
	background: transparent url('../imgs/main_graphic/index_graphic.jpg') no-repeat 15px 0;
}

#exit {
	background: transparent url('../imgs/main_graphic/exit_graphic.jpg') no-repeat 95% 0;
}

#how {
	background: transparent url('../imgs/main_graphic/how_graphic1.jpg') no-repeat 15px 0;
}

/* ---------- feature ---------- */

#feature {
 	/* border: 1px solid red; */
	min-height: 125px;
	width: 684px;
	margin: 0 2px 10px 3px;
	padding: 0;
	background-color: #f8bb73;
}

#feature .box {
	width: 170px;
	min-height: 125px;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
}

#feature .EndBox {
	width: 170px;
	min-height: 125px;
	float: left;
	margin: 0;
	padding: 0;
}

#register {
	background: transparent url('../imgs/features/register.jpg') no-repeat bottom right;
}

#pay {
	background: transparent url('../imgs/features/pay.jpg') no-repeat bottom right;
}

#contract {
	background: transparent url('../imgs/features/contract.jpg') no-repeat bottom right;
}

#free {
	background: transparent url('../imgs/features/free.jpg') no-repeat bottom right;
}

/* ---------- navigation ---------- */

#mainNav ul {
	/*border: 1px solid red;*/
	float: left;
	margin: 0 0 0 40px;
	padding: 0;
}

#mainNav ul li {
	display: inline;
	list-style-type: none;
	font-family: "Avenir", Helvetica, Arial, sans-serif;
	font-size: .9em;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 0 1em;
	padding: 0;
	font-weight: bold;
}

#footer ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
#footer ul li {
	display: inline;
	list-style-type: none;
	font-family: "Avenir", Helvetica, Arial, sans-serif;
	font-size: .7em;
	color: #00284a;
	margin: 0 .35em 0 0;
	padding: 0;
}

/* ---------- lists ---------- */

ol {
	margin: 20px 0 0 35px;
	padding: 0;
}

ol li {
	font-family: "Avenir", Helvetica, Arial, sans-serif;
	font-size: .8em;
	color: #00284a;
	margin: 0 0 1.5em 0;
	padding: 0 15px 0 .5em;
	line-height: 1.5em;
}

/* ---------- links ---------- */

a:link {
	color: #0000FF; 
		font-weight: 700;
}

a:active {
	color: #00284a; 
	text-decoration: none;
	/*font-weight: 700;*/
	border: 0;
}

a:visited {
	color: #00284a; 
	text-decoration: none;
	/*font-weight: 700;*/
	border: 0;
}

a:hover {
	color: #555555;
	text-decoration: none;
	/*font-weight: 700;*/
}

#mainNav a:link {
	color: #fff; 
	text-decoration: none;
	/*border-bottom: 1px dotted #553A2A;*/
	/*text-decoration: underline;*/
}

a:active {
	color: #fff; 
	text-decoration: none;
	border: 0;
}

#mainNav a:visited {
	color: #fff; 
	text-decoration: none;
	border: 0;
}

#mainNav a:hover {
	color: #00284a;
	text-decoration: none;
}

.registerBtn a:link {
	color: #fff; 
	text-decoration: none;
	/*border-bottom: 1px dotted #553A2A;*/
	/*text-decoration: underline;*/
}

a:active {
	color: #fff; 
	text-decoration: none;
	border: 0;
}

.registerBtn a:visited {
	color: #fff; 
	text-decoration: none;
	border: 0;
}

.registerBtn a:hover {
	color: #00284a;
	text-decoration: none;
}

.guaranteeInfo a:link {
	color: #fff; 
	text-decoration: none;
	/*border-bottom: 1px dotted #553A2A;*/
	/*text-decoration: underline;*/
}

a:active {
	color: #fff; 
	text-decoration: none;
	border: 0;
}

.guaranteeInfo a:visited {
	color: #fff; 
	text-decoration: none;
	border: 0;
}

.guaranteeInfo a:hover {
	color: #00284a;
	text-decoration: none;
}

/* ---------- window ---------- */

.window ul {
	margin: 0;
	padding: 0;
}

.window ul li {
	font-family: "Avenir", Helvetica, Arial, sans-serif;
	font-size: .9em;
	font-weight: 700;
	color: #00284a;
	text-transform: capitalize;
	margin: .5em 0 .5em 0;
	padding: 0;
}


/* ---------- imgs ---------- */

.floatRight {
	border: 0;
	float: right;
	margin: 5px;
}

/* ---------- clearing ---------- */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.piccentre2 {
	text-align: center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
