/* Got the footer technique (keeping it at the bottom) from http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */
/* Reset CSS -- Wish I could remember where I got this from :-( */
body {padding:0; margin:0; font:13px Helvetica Neue,Helvetica,Arial,Garuda,sans-serif;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code,div {padding:0; margin:0; line-height:1em; font-size:100%; font-weight:normal; font-style: normal;}
table {font-size:inherit;}
ul {list-style:none;}
img {border:0;}
p {margin:0 0 1em 0;}
strong {font-weight: bold;}
/* End Reset */

/* --- Formatting Styles --- */
h1 {font-size: 2.4em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.7em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.313em;}
h6 {font-size: 1.313em;}

a, a:visited {color: #999; text-decoration: none;}
a:hover {text-decoration: underline;}
/* - End Formatting Styles - */

* {margin: 0;}

html, body {
	height: 100%;
	background-color: #000;
	color: #777;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -8em;
	width: 912px;
}

#header {
	height: 100px;
	width: 100%;
	position: relative;
}
	#logo {
		height: 40px;
		width: 243px;
		background-image: url(/images/steven-rossi.png);
		position: absolute;
		bottom: 0;
		left: 20px;
	}
		#logo h1 {
			text-indent: -1500px;
		}
		
		#logo a {
			height: 40px;
			width: 243px;
			display: block;
		}
	
	#links {
		position: absolute;
		right: 25px;
		bottom: 3px;
		font-size: 1.1em;
	}
		#links ul li {
			float: left;
			display: inline;
			margin-left: 50px;
		}
		#links a {
			color: #666;
		}
		#links #current {
			color: #ddd;
		}

#content {
	padding: 120px 0;
}
	#buttons, #works {
		height: 350px;
		width: 912px;
	}
	.button, .work {
		height: 347px;
		width: 228px;
		float: left;
	}
		.button a, .work a{
			height: 347px;
			width: 228px;
			z-index: 100;
			display: block;
		}
		
		a#button-r-1 {background: url(/images/email.png) 0 -30px no-repeat;}
		a#button-r-1:hover {background: url(/images/email.png) 0 0 no-repeat;}
		
		a#button-r-2 {background: url(/images/facebook.png) 0 -30px no-repeat;}
		a#button-r-2:hover {background: url(/images/facebook.png) 0 0 no-repeat;}
		
		a#button-r-3 {background: url(/images/twitter.png) 0 -30px no-repeat;}
		a#button-r-3:hover {background: url(/images/twitter.png) 0 0 no-repeat;}
		
		a#button-r-4 {background: url(/images/blog.png) 0 -30px no-repeat;}
		a#button-r-4:hover {background: url(/images/blog.png) 0 0 no-repeat;}
		
		a#work-r-1 {background: url(/images/lfachurch-thumb.png) 0 -30px no-repeat;}
		a#work-r-1:hover {background: url(/images/lfachurch-thumb.png) 0 0 no-repeat;}
		
		a#work-r-2 {background: url(/images/letsmovetothemoon-thumb.png) 0 -30px no-repeat;}
		a#work-r-2:hover {background: url(/images/letsmovetothemoon-thumb.png) 0 0 no-repeat;}
		
		a#work-r-3 {background: url(/images/readrad-thumb.png) 0 -30px no-repeat;}
		a#work-r-3:hover {background: url(/images/readrad-thumb.png) 0 0 no-repeat;}
		
		a#work-r-4 {background: url(/images/radproservices-thumb.png) 0 -30px no-repeat;}
		a#work-r-4:hover {background: url(/images/radproservices-thumb.png) 0 0 no-repeat;}
		
		#content-text {
			padding: 0 20px;
			line-height: 1.2em;
			color: #ddd;
			font-size: 1.2em;
			text-align: justify;
		}
		
		.pp_inline {
			line-height: 1.3em;
		}
		.pp_description, .pp_nav {
			color: #000;
		}
		
		#contact-form {
			text-align: center;
			line-height: 1.4em;
		}

#footer, #push {
	height: 4em;
	width: 900px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.2em;
}