.main { width: 1007px; margin: 0 auto; }
/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:700;
color:#AD0036;
font-size: 20px;
}
h1 { border-bottom: 1px solid #ddd; padding-bottom:15px; }

thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif; font-weight: 700;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: arial, verdana, sans-serif;
}

.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#333;
background: #4abc5c url('../img/bg.jpg') 0 0 repeat-x; margin:0;
font:normal 14px/20px arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}
body.formReq p, body.formReq td, body.formReq li {color: #fff; }

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}


#footer{
text-align:center;
padding:20px;
margin:0;
border-top:1px solid #ddd;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
}

	#link-top{
	display:none;
	}
	
/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}
	
	.navbar span{
	color:#86dc00;
	}
	
	
	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}
	
		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}
		
		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.2em;
		}
		
.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}
	 
#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}

/*-------------------- GLobal ---------------------------------*/
.tar { text-align:center; }
.pad { padding: 10px; }
img { border: none; }
.fc0 { color:#fc0; }
.pieCorner {-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
.pieShadow {
-webkit-box-shadow: #333 2px 2px 5px;
-moz-box-shadow: #333 2px 2px 5px;
box-shadow: #333 2px 2px 5px;}
.pie { behavior: url(/PIE.htc); position:relative; z-index:0;}
.yellow { color: #fc0; }
.footBit a.green { color:#1F8F4C; font-size: 14px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }


ul.noList { margin-left: 10px; }
ul.noList li { list-style: none; }

/*------------------ Overrides ------------------------------*/
.topBit { margin-top: 0px; }
#blackBg { background: #333 /*url('../img/blackBg.jpg') bottom repeat-x*/; min-height: 500px; border:1px solid #000; }
#leftCol, #rightCol { border:1px solid #fff; height: 500px; }
#bottom { padding-bottom:20px; }
#leftFoot, #rightFoot { margin-top: 0; }
#rightFoot { text-align:right; }
table.content { width: 390px; }
input#paypalButton { margin-left:10px; width:auto;}

/*-------- home page ------*/
.box { height: 300px; position:relative; }
.pad {  padding: 10px 15px; }
.redBox { background: #f3f3f3 url('../img/redBox.png') 0 0 repeat-x;}
.redBox2 { background: #f3f3f3 url('../img/redBox2.png') 0 0 repeat-x;}
.greenBox {background: #f3f3f3 url('../img/greenBox.png') 0 0 repeat-x;}
.blueBox {background: #f3f3f3 url('../img/blueBox.png') 0 0 repeat-x;}
.blueBox2 {background: #f3f3f3 url('../img/blueBox2.png') 0 0 repeat-x;}
.orangeBox {background: #f3f3f3 url('../img/orangeBox.png') 0 0 repeat-x;}
.purpleBox {background: #f3f3f3 url('../img/purpleBox.png') 0 0 repeat-x;}
.pinkBox {background: #f3f3f3 url('../img/pinkBox.png') 0 0 repeat-x;}

.homeTitles { font-size: 20px; font-weight: 700; color: #fff; margin: 3px 0 30px; line-height:24px; }
.boxRight { float:right; width: 241px; margin: 0 20px; }
.homeLink { position: absolute; bottom: 10px; } 
.homeLink a { text-decoration: none; }
.homeLink a.red, h1.red { color:#AB0035;}
.homeLink a.green, h1.green {color:#1F8F4C;}
.homeLink a.blue, h1.blue {color:#2E1C7B;}
.homeLink a.orange, h1.orange {color:#EC7624;}
.homeLink a.purple, h1.purple {color:#7A3288;}
.homeLink a.pink, h1.pink {color:#AB0035;}
.homeLink a:hover { text-decoration:underline; }

/*----- footer ------*/

.footBit { background: #101010 url('../img/footerBg.jpg') 0 0 repeat-x; height: 250px; margin-bottom: 0px; }
.footBit ul { margin:0; padding:0; background:none; border:none; }
.footBit ul li { display: inline; list-style:none; border-right: 1px solid #fff; margin-right:6px; padding:0 7px 0 0; line-height:30px;}
.footBit ul li.last { border-right: none; }
.footBit ul li#buy { display: none; }
.footBit ul li a, .footBit a { color:#fff; text-decoration:none; font-size: 12px; font-weight:300; }
.footBit ul li a:hover, .footBit ul li.current a, .footBit a:hover { text-decoration:underline; }
ul.socialFoot { margin:0; padding:0;  }
ul.socialFoot li { list-style: none; border-right: none; display: list-item; line-height:40px;}
ul.socialFoot li img { margin-right:5px; }
ul.socialFoot li a {  line-height: 25px; vertical-align: bottom; }
#sponsors { background: #fff; height: 210px; color: #333; }
#endorseLeft { padding: 0; margin-left:10px; }
#endorseLeft p { font-size: 12px !important; margin-top: 0;}
#endorseRight { padding: 40px 0 0 0; }
#belowFootleft, #belowFootright { margin-top: 0px; margin-bottom: 30px; }
#belowFootleft p, #belowFootright p { color: #fff;  }
#belowFootright { text-align:right; }

/*----------- body ---------*/
#mainContent { background: #fff; padding-bottom:20px; } 


/*---------------- nav -----------*/
ul#buttonsNav { display:inline; height:40px; margin:0; padding:0; }
ul#buttonsNav li { display: inline; float: left; margin: 0; }
ul#buttonsNav li a { background:url('../img/nav.png') 0 0 no-repeat; text-indent:-9999px; }
ul#buttonsNav li#why a { background-position: 0 -40px; display: block; height: 40px; margin:0; padding: 0; width: 117px; }
ul#buttonsNav li#why a:hover, ul#buttonsNav li#why.current a { background-position: 0 0; }


ul#buttonsNav li#sta a { background-position: -117px -40px; display: block; height: 40px; margin:0; padding: 0; width: 124px; }
ul#buttonsNav li#sta a:hover, ul#buttonsNav li#sta.current a { background-position: -117px 0; }


ul#buttonsNav li#rig a { background-position: -241px -40px; display: block; height: 40px; margin:0; padding: 0; width: 131px; }
ul#buttonsNav li#rig a:hover, ul#buttonsNav li#rig.current a { background-position: -241px 0; }


ul#buttonsNav li#lea a { background-position: -372px -40px; display: block; height: 40px; margin:0; padding: 0; width: 149px; }
ul#buttonsNav li#lea a:hover, ul#buttonsNav li#lea.current a { background-position: -372px 0; }


ul#buttonsNav li#cyc a { background-position: -521px -40px; display: block; height: 40px; margin:0; padding: 0; width: 177px; }
ul#buttonsNav li#cyc a:hover, ul#buttonsNav li#cyc.current a { background-position: -521px 0; }


ul#buttonsNav li#rou a { background-position: -698px -40px; display: block; height: 40px; margin:0; padding: 0; width: 176px; }
ul#buttonsNav li#rou a:hover, ul#buttonsNav li#rou.current a { background-position: -698px 0; }


ul#buttonsNav li#buy a { background-position: -874px -40px; display: block; height: 40px; margin:0; padding: 0; width: 133px; }
ul#buttonsNav li#buy a:hover, ul#buttonsNav li#buy.current a { background-position: -874px 0; }