/*
---------------------------------------------------------------------------------
	ONEHUB.com | Landing Page 01.r01
	-----------------------------------------------
	Created: August '08
	Last updated: 09.16.2008 / swalker
	-----------------------------------------------
	
	Design / Code:
	Stephen M. walker II { swalker@onehub.com }
	
---------------------------------------------------------------------------------
*/


/* Basics
--------------------------------------------------------------------------------- */

*													{ margin: 0 auto; padding: 0; }
a													{ text-decoration: none; outline: none; }
abbr											{ border: 0; }
body 											{ background: url('bg-body.png') #083876 top center no-repeat; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
.left											{ float: left; }
.right										{ float: right; }


/* Framework
--------------------------------------------------------------------------------- */

#container 								{ width: 962px; padding: 0 10px; }

#header 									{ height: 110px; }
#header #logo							{ width: 260px; height: 45px; background: url('bg-logo.png') no-repeat; float: left; margin-top: 32px; }
#header #logo a						{ display: block; width: 198px; height: 45px;}
#header #logo a span			{ visibility: hidden; display: none; }
#header #slogan						{ width: 651px; height: 37px; background: url('bg-slogan.png'); float:right; margin-top: 36px; }
#header #slogan span			{ visibility: hidden; display: none; }

#slideshow 								{ background: url('bg-slideshow.png') no-repeat; width: 962px; min-height: 400px; position:relative; }
#slideshow a span					{ visibility: hidden; display: none; }
.slide-button a						{ display: block; width: 67px; height: 67px; }
#slide-left								{ width: 67px; height: 67px; top: 167px; left: -33px; position: absolute; background: url('btn-slide-left.png'); }
#slide-right							{ width: 67px; height: 67px; top: 167px; right: -33px; position: absolute; background: url('btn-slide-right.png'); }

.ss-object								{ width: 886px; height: 393px;  }
.ss-object span						{ visibility: hidden; display: none; }
#slide-connect						{ background: url("bg-connect.png") no-repeat center 30px;}
#slide-share							{ background: url("bg-share.png") no-repeat center 30px;}
#slide-customization			{ background: url("bg-customize.png") no-repeat center 30px;}
#slide-collaborate				{ background: url("bg-collab.png") no-repeat center 30px;}

#signup		 								{ background: url('bg-signup3.png') no-repeat bottom center; color:#152705; width: 900px;  border-top: 1px solid #a6dd63; padding: 30px; }
#signup-title							{ background: url('bg-txt-signup.png') no-repeat; width: 131px; height: 46px; display: block; float: left; margin-bottom: 15px; }
#signup-title span				{ visibility: hidden; display:none; }
#signup-text							{ width: 200px; float: left; clear: left; }
#signup-form							{ width: 670px; margin-left: 30px; float: right; }
#signup a									{ color:#0f0f0f; text-decoration: none; }
#signup a:hover						{ color:#000; border-bottom: 1px solid #000; }
#signup p.required				{ font-size: 0.8em; padding: 0 0 10px 0; color: #0a1401; }

form, fieldset						{ border: none; }
form h3										{ font-size: 0.88em; margin-bottom: 10px; }
ol												{ list-style: none; border-bottom: 1px solid #51792b; padding-bottom: 15px; margin-bottom: 15px; }
ol li											{ display: inline; float: left; padding-bottom: 10px; width: 180px; }
ol hr											{ color: #649330; height: 1px; background: #649330; border: 0; margin: 10px 0; display: none; visibility: hidden; }
input											{ clear: both; float: left; width: 160px; padding: 4px 3px; }
input[type=checkbox]			{ margin: 3px 5px 0 0; width: auto; }
input[type=image]					{ width: auto; }
label											{ color: #2d4717; font-size: 0.8em; }
em.helper									{ font-size: 0.7em; }
.checkbox									{ width: 290px; padding: 0 0 0 20px; }
.checkbox label						{ color: #162805; }
.form-button							{ float: right; margin-top: 10px; }

.message									{ padding: 10px; border: 10px solid #bde999; font-size: 0.8em; margin: 0 0 10px 0; background: #f1ffe5; }
.alert p								  { color: #8a0000; font-size: 1.4em; font-weight: bold; }
.message ul								{ list-style: none; padding-top: 10px;}
.message ul a							{ font-weight: bold; text-decoration: underline; }
.fieldWithErrors input		{ background: #ffb4b4; }
.terms a									{ font-weight: bold;  }

#footer		 								{ color:#adcbf5; padding: 20px 30px; font-size: 0.72em; margin-bottom: 15px; }
#footer a									{ color: #adcbf5; border-bottom: 1px dotted #adcbf5; }
#footer a:hover						{ color: #fff; border-bottom: 1px solid #fff; }
#footer ul								{ list-style: none; }
#footer ul li							{ border-right: 1px solid #07264d; display: inline; float: left; padding: 0 10px; }
#footer ul li.last				{ border-right: none; }

/* createuser alternate version styles
----------------------------------------------- */
.createuser #slideshow 		{
	background: url('bg-slideshow.png') no-repeat;
	width: 902px;
	min-height: 30px;
	position:relative;
	padding: 30px;

}
.createuser #slideshow p	{ font-size: 1.4em; color: #cfcfcf; }
.createuser #signup-form	{ width: 880px; margin-left: 10px; float: left; }
.createuser input				  { font-size: 1em; }
.createuser input#email_address_address	 { width: 250px; }
.createuser input[type=text] { padding: 8px 6px; }
.createuser input[type=password] { padding: 8px 6px; }
.createuser #create_account li { margin-right: 10px; }

/* positioniseverything clearfix
----------------------------------------------- */

.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 */