/* @group General */

html {
	margin: 			0;
	text-align:			center;
	background-color:	#ffcc33;
	font-size:			11px;
	font-family:		"Lucida Grande", Lucida, Verdana, sans-serif;
}

body {
	margin: 			auto;
	color: 				#fff;
	padding: 			0;
	width: 				900px;
	background-color:	#484848;
	text-align:			left;
}

h1 {
	padding:			0;
	margin:				0;
	padding-top:		20px;
	float:				left;
}

h2 {
	padding:			0;
	padding-bottom:		1em;
	margin:				0;
	color:				#ffffff;
	text-transform:		uppercase;
}

a {
	color:				#ffcc33;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;	
}

p {
	padding: 			0;
	padding-bottom:		1em;
	margin:				0;
}

img {
	padding: 			0;
	margin:				0;
	border:				none;
}

ul {
	margin:				0;
	padding:			0;
	padding-left:		20px;
	list-style-type:	square;
}

.clearing {
	clear:				both;
}

.padding {
	padding: 			10px;
	padding-left:		20px;
	padding-right:		20px;
}

div#body {
	padding-top:		10px;
	background:			url( "../../images/layout/general/gear_black.png" ) bottom right no-repeat #000000;
	min-height:			400px;
}

div#footer div#call_us {
	float:				left;
	text-align:			left;
	margin-right:		20px;
	padding-right:		40px;
}

div#footer div#call_us h3 {
	color:				#ffcc33;
	font-weight:		normal;
	margin:				0;
}

div#footer div#call_us h3 span.white {
	color:				white;
}

div#footer div#contact {
	text-align:			right;
	float:				right;
	margin-right:		20px;
	background:			url( "../../images/layout/general/contact_gear.jpg" ) center right no-repeat;
	padding-right:		40px;
}

div#footer div#contact h3,
div#footer div#contact h3 a {
	color:				#ffcc33;
	font-weight:		normal;
	margin:				0;
}

div#footer div#contact h3 a:hover {
	color:				#ffdd33;
	text-decoration:	none;
}

.left {
	width:				425px;
}

.float_right {
	float:				right;
	width:				425px;
}


/* @end */

/* @group Navigation */

ul#navigation {
	float:				left;
	margin:				0;
	padding:			0;
	margin-top:			90px;
	margin-left:		70px;
}

ul#navigation li {
	margin: 			0;
	padding:			0;
	margin-left:		-3px;
	display:			inline;
	font-size:			1.2em;
	padding-left:		10px;
	padding-right:		10px;
	text-transform:		uppercase;
	border-right:		2px solid #fc3;
}

ul#navigation li a {
	text-decoration: 	none;
	color:				#ffffff;
}

ul#navigation li a:hover {
	color:				#ffcc33;
}

ul#navigation li#first {
	border-left:		2px solid #fc3;
}

ul#navigation li a.active {
	color: 				#ffcc33;
}

/* @end */

/* @group Homepage */

div#body div.padding {
	padding-left:		50px;
	padding-right:		50px;
}

div#body div#home div.clearing {
	padding-bottom:		20px;
}

div#body div#imagery {
	width:				144px;
	float:				left;
	background:			url( '../../images/layout/homepage/bike.jpg') no-repeat;
	height:				155px;
	border:				1px solid #ffffff;
}

div#body div#content {
	width:				388px;
	float:				left;
}

div#body div#content div.padding {
	padding:			0;
	padding-left:		20px;
	padding-right:		20px;
}

div#body div#banners {
	width:				266px;
	float:				left;
}

div#body div#banners div.campaign {
	padding:			0px;
	margin-bottom:		25px;
	width:				266px;
	overflow:			hidden;
}

div#body div#banners div.campaign a {
	padding:  0;
	margin:  0;
}

div#body div#banners img {
	padding:			0;
	margin:				0;
}

div#body div#banners img {
	margin-left:		-1px;
}
div#body div#banners img:hover {
	margin-left:		-267px;
}

div#body div#banners div.hover_details div.padding {
	padding:			10px;
	padding-top:		15px;
	margin:				0;
}

div#body div#banners .hover_details {
	width:				266px;
	height:				62px;
	border:				1px solid #ffcc33;
	background:			url( '../../images/layout/general/banner_hover.png' ) no-repeat;
	margin:				0;
	margin-top:			-67px;
	text-align:			left;
	position:			relative;
	z-index:			-1;
}

div#body div#banners div.campaign:hover .hover_details {
	z-index:			1;
}

div#body div#banners div.campaign .hover_details h3,
div#body div#banners div.campaign .hover_details h3 a {
	margin:				0;
	color:				#ffcc33;
	text-decoration:	none;
	text-transform:		uppercase;
	font-size:			1em;
}

div#body div#banners div.campaign .hover_details p,
div#body div#banners div.campaign .hover_details p a {
	text-decoration:	none;
	color:				#ffffff;
}

div#campaigns {
	background:			url( "../../images/layout/general/gear_grey.png" ) bottom right no-repeat #1a1a1a;
	font-size:			0.9em;
	margin:				0;
	padding:			0;
	min-height:			184px;
}

div#campaigns div.lhs_campaign {
	float:				left;
	width:				500px;
	text-align:			left;
}

div#campaigns div.lhs_campaign .padding {
	padding:			0px;
	padding-left:		10px;
	padding-right:		30px;
}

div#campaigns div.lhs_campaign img,
div#campaigns div.rhs_campaign img {
	float:				right;
	margin-left:		15px;
	border:				1px solid white;
}

div#campaigns div.lhs_campaign div#what_is_chaingang_imagery {
	width:				100px;
	float:				right;
	background:			url( '../../images/homepage/what_is_chaingang.jpg') no-repeat;
	height:				80px;
	border:				1px solid #ffffff;

}

div#home ul {
	color:				#ffcc33;
}

div#home li span.contents {
	color:				white;
}
/* @end */

/* @group The Difference */

div#body div#the_difference div#content {
	width:				870px;
}

div#body div#the_difference div.padding {
	padding:			10px;
	padding-left:		15px;
	padding-right:		15px;
}

#lhs,
#rhs {
	background-color:	#1a1a1a;
	float:				left;
	width: 				425px;
	min-height:			360px;
}

#lhs {
	float:				left;
}

#rhs {
	float:				right;
	background:			url( '../../images/layout/general/gear_grey.png' ) 41px 40px no-repeat #1a1a1a;
}

#all_campaigns {
	margin-top:			2px;
	margin-left:		10px;
	text-align:			right;
	color:				#565656;
	float:				left;
}

#pager {
	margin-top:			2px;
	margin-right:		10px;
	text-align:			right;
	color:				#565656;
}

#pager a {
	color:				#a1a1a1;
	text-decoration:	none;
}

#pager a.active,
#pager a:hover {
	color:				#ffcc33;
}

#the_difference .testimonial {
	min-height:			175px;
}

#the_difference #lhs h2,
#the_difference #rhs h2 {
	color:				#ffcc33;
	font-size:			1.2em;
	margin:				0px;
	padding:			0;
	padding-bottom:		4px;
}

#the_difference #lhs img,
#the_difference #rhs img {
	float:				left;
	padding:			0;
	padding-right:		10px;
	padding-bottom:		10px;
}


#the_difference #lhs h3,
#the_difference #rhs h3 {
	color:				#777777;
	font-size:			1.0em;
	margin-top:			0px;
	font-weight:		normal;
}

#the_difference #lhs .link,
#the_difference #rhs .link {
	text-align:			right;
}

#the_difference #clients a {
	float:				left;
	width:				100px;
	margin:				20px;
	height:				100px;
}

#the_difference .campaign a {
	text-decoration:	none;
}

.campaign img {
	border:				1px solid white;
	margin-right: 		20px;
	margin-bottom:		20px;
}

.campaign img:hover {
	border-color:		#ffcc33;
}
/* @end */

/* @group Contact Us */

div#body #contact_us #content {
	width:				360px;
}

#body #contact_us #content .entry {
	margin-bottom:		5px;
}

#body #contact_us #content .error {
	color: #81000c;
}

#body #contact_us #content .entry .label,
#body #contact_us #content .entry .element {
	float:				left;
}

#body #contact_us #content .entry .element {
	width:				230px;
}

#body #contact_us #content .entry .label {
	width:				80px;
	text-align:			right;
	margin-right:		10px;
}

#body #contact_us #content .entry .element input,
#body #contact_us #content .entry .element select,
#body #contact_us #content .entry .element textarea {
	border:				none;
	border:				1px solid #222222;
	background-color:	rgba(255,255,255,0.1);
	padding-top:		1px;
	padding-bottom:		1px;
	color:				#aaaaaa;
	width:				228px;
}

#body #contact_us #content .entry .element textarea {
	border:				1px solid #222222;
	background-color:	rgba(255,255,255,0.1);
	padding:			0px;
	padding-top:		1px;
	padding-bottom:		1px;
	color:				#aaaaaa;
	width:				230px;
	min-width:			230px;
	max-width:			230px;
	height:				100px;
	min-height:			100px;
	max-height:			100px;
	font-size:			1em;
	font-family:		"Lucida Grande", Lucida, Verdana, sans-serif;
}

#body #contact_us #content .entry .element select {
	width:				230px;
	background-color:	rgba(255,255,255,0.06);
}

#body #contact_us #content .entry .element option {
	color:				black;
	background-color:	white;
}

#body #contact_us #content .entry .element input:focus,
#body #contact_us #content .entry .element select:focus,
#body #contact_us #content .entry .element textarea:focus {
	color:				#ffcc33;
	background-color:	rgba(255,255,255,0.06);
}

#body #contact_us #content .entry .element select:focus {
	color:				#ffcc33;
	background-color:	rgba(255,255,255,0.04);
}

#body #contact_us #non_email {
	margin-top:			-30px;
	background:			url( "../../images/layout/general/gear_grey.png" ) bottom right no-repeat #1a1a1a;
	float:				right;
	width:				340px;
	height:				560px;
}

#body #contact_us #non_email p {
	font-size:			0.9em;
}

#body #contact_us #non_email .contact_image {
	float:				right;
	margin-left:		5px;
	border:				1px solid #ffffff;
}

#body #contact_us #non_email .padding {
	padding:			15px;
	padding-top:		20px;
}

#body #contact_us #non_email h3 {
	color:				#ffcc33;
}

#body #contact_us #non_email .tagline {
	color:				#ccc;
}

#body #contact_us #non_email .contact_details {
	text-align:			center;
}
/* @end */

/* @group Errors */


div#body #errors #content {
	width:				360px;
}

#body #errors #errors_actions {
	margin-top:			-30px;
	background:			url( "../../images/layout/general/gear_grey.png" ) bottom right no-repeat #1a1a1a;
	float:				right;
	width:				340px;
	height:				410px;
}

#body #errors #errors_actions p {
	font-size:			0.9em;
}

#body #errors #errors_actions .contact_image {
	float:				right;
	margin-left:		5px;
	border:				1px solid #ffffff;
}

#body #errors #errors_actions .padding {
	padding:			15px;
	padding-top:		20px;
}

#body #errors #errors_actions h3 {
	color:				#ffcc33;
}

#body #errors #errors_actions .tagline {
	color:				#ccc;
}

#body #errors #errors_actions .contact_details {
	text-align:			center;
}


/* @end */

/* @group The Gang */

div#the_gang_imagery {
	margin:				auto;
	margin-top:			20px;
	margin-bottom: 		10px;
	width:				750px;
	height:				219px;
	background:			url( '../../images/the_gang/gang.jpg') no-repeat;
	border:				1px solid #ffffff;
}

/* @end */

/* @group The Bikes */

div#the_bikes_imagery {
	margin-top:			60px;
	width:				750px;
	height:				149px;
	background:			url( '../../images/the_bikes/bikes.jpg') no-repeat;
	border:				1px solid #ffffff;
}

/* @end */

/* @group The Deal */

div#the_deal_imagery {
	margin-top:			10px;
	width:				750px;
	height:				229px;
	background:			url( '../../images/the_deal/deal.jpg') no-repeat;
	border:				1px solid #ffffff;
}

.others img {
	border:				1px solid white;
	margin-right: 		5px;
	margin-bottom:		10px;
}

.others img:hover {
	border-color:		#ffcc33;
}

.offers a:hover {
	text-decoration:	none;
}
/* @end */