/****************************************
 Site Wide Styles
****************************************/
html {overflow-y: scroll;}

body {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#e2e2e2; line-height:1.3em;}

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

	a:hover {text-decoration:underline;}

#container {width:1034px; margin:0 auto 0 auto; background:url(/images/bg-repeater.gif) repeat-y;}

#inner-container {width:960px; margin:0 auto 0 auto; overflow:visible; background:url(/images/bg-swirl.jpg) no-repeat;}

#content-container {width:960px;}

.content {float:left; width:622px; margin-right:30px; position:relative; z-index:1;}

	.content .content-image {width:320px; position:relative; left:140px;}
	
	.content a {color:#5eb852;}
	
.wide-content {float:left; width:640px; margin-right:30px; position:relative; z-index:1;}

.clear {clear:both;}

.sidebar {float:right; width:308px;}

.title {margin-bottom:10px; font-family:"Arial Rounded", Arial, Verdana, Helvetica, sans-serif; color:#5eb852; font-size:22px;}

.spacer {height:60px; width:100%;}

p {margin-bottom:15px;}

#ajaxContainer {position:relative;}

table {margin-bottom:5px;}

td {padding:3px; border:1px solid #000000;}

small {font-size:11px;}

/****************************************
 Form Styles
****************************************/
input {margin-bottom:4px;}

	input.text {width:270px; padding:2px; border:#ababab solid 2px;}
	
	input.error, textarea.error, table.error {background-color:#b51515; color:#FFFFFF;}
	
textarea.textarea {width:554px; height:150px; padding:3px; border:#ababab solid 2px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

/****************************************
 Header Styles
****************************************/
#nav {background:url(/images/nav-bar.png) no-repeat; width:972px; height:77px; position:relative; left:-10px;}

	#nav a {position:absolute; font-size:12px; font-weight:bold; height:33px; padding-top:37px;}
	
	#nav a#nav-link-home {width:111px; padding-left:9px; left:8px;}
	
	#nav a#nav-link-join {width:150px; padding-left:13px; left:129px;}
	
	#nav a#nav-link-info {width:126px; padding-left:15px; left:293px;}
	
	#nav a#nav-link-client {width:129px; padding-left:15px; left:435px;}
	
	#nav a#nav-link-contact {width:127px; padding-left:15px; left:580px;}
	
	#nav a#nav-link-blog {width:102px; padding-left:14px; left:723px;}
	
	#nav a#nav-link-work {width:110px; padding-left:14px; left:840px;}

#header-block {margin-top:20px; position:relative;}

#compass-logo {position:relative; float:left;}

#title-text {width:627px; height:100px; position:relative; left:70px; top:20px; float:left;}

/****************************************
 Footer Styles
****************************************/
#footer {background:url(/images/bg-repeater-footer.gif) repeat-x; width:972px; height:187px; padding:20px 0 0 30px; margin:0 auto 0 auto; position:relative; left:-2px;}

.footer-block {width:309px; margin-right:15px; position:relative; float:left;}

#social-links {margin-top:0px; position:relative;}

#social-icons {position:relative; left:50px; top:-8px;}

	#social-icons a {position:relative;}
	
#social-icons-shadow {background:url(/images/social-link-shadows.gif) no-repeat; width:766px; height:23px; position:absolute; left:130px; top:20px;}

/****************************************
 Content Styles
****************************************/
.sidebar ul {margin-right:25px;}

#content-container-boxed {position:relative;}

	/*#content-container-boxed .sidebar {border-left:#FFFFFF solid 1px;}*/

		#content-container-boxed .sidebar ul.links {list-style-type:none; font-weight:bold;}
		
		#content-container-boxed .sidebar ul.links li {background:url(/images/bg-sidebar-li.png) no-repeat center top; height:19px; width:288px; padding:2px 0 0 20px;}
		
			#content-container-boxed .sidebar ul.links li.first {background:none;}
			
			#content-container-boxed .sidebar ul.links li a.active {color:#5eb852; margin-left:10px;}

	#content-container-boxed #box-top {background:url(/images/bg-container-top.png) no-repeat left top; width:960px; padding:20px 0 0 0;}
	
			#content-container-boxed #box-top .content {width:602px; padding:0 0 0 20px;}
			
			#content-container-boxed #box-top .sidebar {width:288px; padding:0 20px 0 0;}
			
			#content-container-boxed #box-top .wide-content {width:640px; padding:0 0 0 20px;}
			
	#content-container-boxed #box-bottom {background:url(/images/bg-container-bottom.png) no-repeat left top; width:960px; height:19px;}
	
#client_requirements {width:564px; padding:2px; border:#ababab solid 2px;}

.stars {position:absolute;}

.posleft {left:-23px;}

.posright {left:921px;}

.signup-small {left:250px; top:170px;}

.van {position:absolute; left:195px; top:200px;}

.joystick {position:absolute; left:215px; top:20px;}

.wizard {position:absolute; left:180px; top:20px;}

/****************************************
 Extras Styles
****************************************/
#extras {margin-top:50px;}

.block {width:294px; height:280px; padding: 0 0 0 15px; margin-right:15px; position:relative; float:left;}

	.block .title {padding:13px 0 0 0;}

.box-split {background:url(/images/bg-box-split.png) no-repeat;}

	.box-split .top, .box-split .bottom {width:100%; height:140px;}

.box-news {background:url(/images/bg-box-news.png) no-repeat;}
	
	.box-news .rss-icon {position:absolute; left:205px; top:-37px;}

.box-last {margin-right:0 !important;}

.news-container {height:220px; overflow:hidden;}

.news-container ul {position:relative;}

.scrollable {position:relative;}

ul.blog-roll {list-style:none;}

	ul.blog-roll li {padding-top:5px; height:208px;}

	ul.blog-roll .title {font-size:15px;}
	
	ul.blog-roll p {margin-top:5px;}
	
	ul.blog-roll p a {color:#5EB852}
	
		ul.blog-roll p a:hover {text-decoration:underline;}

/****************************************
 Icon Styles
****************************************/
.rss-icon {background:url(/images/logo-rss.png) no-repeat; width:96px; height:74px;}

/****************************************
 Button Styles
****************************************/
a.button, span.button {position:relative; top:5px;}

#submit_newsletter {background:url(/images/button-signup.png) no-repeat; border:0; width:114px; height:29px; cursor:pointer; position:relative; top:2px;}

#submit_courier_form, #submit_contact_form, #submit_client_form {background:url(/images/button-submit.png) no-repeat; border:0; width:189px; height:35px; cursor:pointer; position:relative; top:2px;}