/* fox image by: http://www.flickr.com/photos/ericbegin/ */

/* positioning */

body {background: #79aef0 url(/_assets/img/bg.jpg) top right no-repeat fixed;}
div.content { background: white; margin: 4px 0; padding: 15px; }
div.content p { margin-bottom: 8px; }

/* =layout */
* { margin : 0; padding : 0; }
img { border : none; }

div#contentwrapper {
	margin: 0 auto;
	width: 760px;
}


/* =navbar */
ul#nav {
	background: #3c721c;
	margin-bottom: 8px;
}

ul#nav li {
	display: inline;
}

ul#nav li a {
	float: left;
	text-decoration: none;
	color: #fff;
	padding: 10px;
	font-size: 135%;
	letter-spacing: -1px;
	border-bottom: 4px solid #3c721c;
	border-top: 4px solid #3c721c;	
	
}

ul#nav li a:hover {
	border-bottom: 4px solid #598CCD;
}

ul#nav li a.selected {
	border-top: 4px solid #fff;
	border-bottom: 4px solid #598CCD;
	
}

div#whatis {
	position: relative;
	padding-right: 450px;
	padding-bottom: 130px;
	min-height: 230px;
}

a#film img, div#youtube {
	position: absolute;
	top: 15px; right: 15px;

}

/* ***** */

/* =areyou */
div#areyou {
	width: 346px;
	float: left;
	background: url(/_assets/img/fox.jpg) top right no-repeat;
/*	border: 3px solid #8c4022;	*/
}

a#offset-now {
	width: 89px;
	height: 26px;
	display: block;
	background: url(/_assets/img/offset_now.jpg);
	text-indent: -9999px;
}

/* =loyal */

div#loyal {
	width: 346px;
	float: right;
	background: url(/_assets/img/canis.jpg) top right no-repeat;
/*	border: 3px solid #8c4022;*/
}

a#find-out-more {
	width: 107px;
	height: 24px;
	display: block;
	background: url(/_assets/img/find_out_more.jpg);
	text-indent: -9999px;
}


/* =projects */


div#projects {
	width: 470px;
	float: left;
}


div#projects ul {
	margin-top: 8px;
	list-style: none;
}

div#projects li {
	display: inline;
}

a.project {
	display: block;
	float: left;
	width: 104px;
	padding-top: 145px;
	text-align: center;
	text-decoration: none;
	font-size: 140%;
	font-weight: bold;
	color: #5965C9;
	margin-right: 13px;
	_margin-right: 12px;	
}

a.project:hover {
	color: #5965C9;	
	text-decoration: underline;
}


a.project#alex {
	background: #fff url(/_assets/img/faces/alex.jpg) top left no-repeat;
}
a.project#chris {
	background: #fff url(/_assets/img/faces/chris.jpg) top left no-repeat;
}
a.project#mim {
	background: #fff url(/_assets/img/faces/mim.jpg) top left no-repeat;
}
a.project#rich {
	background: #fff url(/_assets/img/faces/rich.jpg) top left no-repeat;
}

/* =counter */

div#counter {
	width: 222px;
	float: right;
}


/**** ** * ** * GENERIC CONTENT CONTAINERS ** *** * * ** */

body div.intro {
	float: left;
	width: 346px;
}

fieldset {
	padding: 16px;
	margin-bottom: 8px;
}

legend {
	font-family: "Century Gothic";
	color: #3c721c;
	font-size: 120%;
}

label.txt {
	display: block;
	float: left;
	clear: left;
	width: 85px;
	margin: 10px 0;
	text-align: right;
	font-weight: bold;
}

input.txt {
	display: block;
	float: right;
	width: 210px;
	margin: 10px 0;
	border: 1px solid #3c721c;
	
}

input.submit {
	float: right;
}


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



/* ******** ABOUT PAGE ************************************* */




body.about div.content {
	width: 346px;
}

body.about div#lists {
	float: right;
}

body.about div#about {
	float: left;
}


div#lists ol {
	margin:  0 20px;
}

body.about div#about ul,body.about div#lists ul { margin: 0 20px ;}




/* ******** END ABOUT PAGE ************************************* */

/* ******** BECOME A PROJECT ************************************* */

body.become-a-project div#signup {
	float: right;
	width: 346px;
}

/* ******** END BECOME A PROJECT ************************************* */


/* ******** OFFSET YOURSELF ************************************* */

body.offset-your-cheating div#offset-form {
	float: right;
	width: 346px;
}

/* ******** END OFFSET YOURSELF ************************************* */


/* ******** PROJECTS ************************************* */

div.project {
	width: 450px; float: left; margin-right: 8px;
	position: relative;
}

div.pullbanner {
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	width: 260px;
	margin-right: -278px;
	padding: 5px;
}

div#biz-rates {
	text-align: center;
}

div#biz-rates p {
	font-size: 120%;
	line-height: 1.2;
	font-weight: bold;
	color: #31302f;	
}

div#biz-rates a {
	display: block;
	text-decoration: none;
	color: #8c4022;
	font-weight: bold;
}

div#biz-rates a:hover {
	text-decoration: underline;
}

div#biz-rates span {
	display: block;
	font-size: 80%;
}

div#happy-stories a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #8c4022;
	font-weight: bold;
}

div#happy-stories a:hover {
	text-decoration: underline;
}


div.project img {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
}

/* ******** END PROJECTS ************************************* */

/* BILL CLINTON ****************************** */

img#clinton {
	display: block; float: left; margin-right: 16px;
}

blockquote#clintonquote {
	font-size: 200%; 	color: #31302f;

}

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


/* =float clearing */
.floatfix { display : inline-block; height : 1%; }
.floatfix { display: block; }
.floatfix:after  { content : "."; display : block; height : 0; clear : both; visibility : hidden; }