/* Eric Meyer's Reset CSS v2.0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* Assorted crap */
body{
	font-family: 'Open Sans', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#000;
	font-weight:400;
	font-size:14px;
	line-height:20px;
}
h2{
	font-size:18px;
	line-height:25px;
	font-weight:600;
}
h3{
	font-size:18px;
	line-height:25px;
	font-weight:400;
}
a{
	color:inherit;
	text-decoration:none;
}
	a:hover{
		text-decoration:underline;
	}

#navigation, #feature, #steps-to-legal-heaven, #why-become-a-lawful-individual, #choose-your-destiny, #amazing-footer {
		width:960px;
		margin:0 auto;
}

#steps-to-legal-heaven, #why-become-a-lawful-individual{
	padding:30px 0;
	border-bottom:1px solid #CCCCCC;
}
#choose-your-destiny{
	padding:0 0 30px 0;
	border-bottom:1px solid #CCCCCC;
}
#steps-to-legal-heaven a, #why-become-a-lawful-individual a, #choose-your-destiny a, #awesome-footer a{
	color:#1183de;
}
code{
	margin:15px 10px 20px 10px;
	display: block;
	font-family:Courier, serif;
	padding:15px;
	background:#F8F8F8;
	border-left:3px solid #1183de;
}	
	code span{
		color:#bb0000;
	}
ol{
	padding:0px;
	margin:0px;
}
	ol li{
		padding-left:0px;
		margin-left:20px;
		line-height:22px;
	}
/* The Great Tree of Styles */

header{
	background: url(images/bg-header.jpg) center top no-repeat #070419;
	height:425px;
	color:#fff;
}
	#navigation{
		padding:30px 0 0 ;

	}

	header h2{
		font-size:24px;
		font-weight:300;
	}
		header h2 span{
			font-weight:600;
		}

		#logo{		
			width:190px;
			height:42px;
			float:left;
			display:block;
		}
			#logo a{
				width:190px;
				height:42px;
				float:left;
				display:block;
				background:url(images/logo.png) no-repeat;
			}
				#logo a span{
					display:none;
				}
	#twitter-link{
		padding-right:38px;
		background:url(images/twitter.png) right no-repeat;
		height:32px;
		display: block;
		line-height:30px;
	}
	#feature{

	}
		#feature #fancy-image img{
			margin:110px auto 40px auto;
			display:block;

		}

		#feature h2{
			text-align:center;
		}
		#feature p{
			display:block;
			text-align:center;
			margin:30px auto;
			font-style:italic;
			font-weight:300;
		}

#steps-to-legal-heaven{
	background:url(images/steps.png) center no-repeat;
}
	#steps-to-legal-heaven p{
		font-style:italic;
		color:#8D8D8D;
		padding:10px 50px 15px 20px;
	}
#why-become-a-lawful-individual h2, #choose-your-destiny h2{
	margin-bottom:20px;
	display:block;
	height:22px;
}
#choose-your-destiny{

}
	#choose-your-destiny img{
		margin-left:-45px;
		margin-bottom:20px;
		overflow-x:hidden;
	}

#amazing-footer{
	padding:20px 0 40px;
}
	#amazing-footer p{
		color:#8D8D8D;
	}
		#amazing-footer p.left{
			font-size:13px;
			margin-top:-7px;
			line-height:35px;
			padding-left:45px;
			background:url(images/logo_bw.png) left no-repeat;
			height:40px;
		}
			#amazing-footer p.left a{
				font-weight:600;
			}

a.button{
	margin:0 5px;
	background: #2aa8e6; /* Old browsers */
	background: -moz-linear-gradient(top, #2aa8e6 0%, #2084db 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2aa8e6), color-stop(100%,#2084db)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2aa8e6 0%,#2084db 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2aa8e6 0%,#2084db 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2aa8e6 0%,#2084db 100%); /* IE10+ */
	background: linear-gradient(top, #2aa8e6 0%,#2084db 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aa8e6', endColorstr='#2084db',GradientType=0 ); /* IE6-9 */
	font-size:13px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	display: inline-block;
	padding: 6px 10px 7px;
	color: #fff!important;
	text-decoration: none;
	font-weight: bold;
	font-style:normal;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	margin-top:2px;
}

/* Other Crap */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.grid_4{
	width:300px;
	margin:0 10px;
	float:left;
}
.grid_6{
	width:460px;
	margin:0 10px;
	float:left;
}
.grid_12{
	width:940px;
	margin: 0 10px;
	float:left;
}

.left{
	float:left;
}
.right{
	float:right;
}