/* 
    AUTHOR: Steven Collins
            stevenecollins@me.com
            http://stevencollins.net
            
Main Standard CSS throughout site. Please review individual CSS files for corresponding pages

*/


* {margin:0 auto;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

/* RESETS & BASIC PAGE SETUP */

html { overflow-y: scroll; }
body { 
	font: 62.5% "Lucida Grande", sans-serif;
	background: url(../images/body-bg.jpg) top left repeat;
}

ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.4em; margin-bottom: 1.2em; }
p#a { font-size: 12px; line-height: 1.3em; margin-bottom: 1.0em; }
a { outline: none; }
a img { border: none; }


	
p#footer-text {
		font-size: 1.0em; line-height: 1.5em; margin-bottom: 1.5em;
		text-align: center;
	}

.white-text {font-family: "Arial Black"; color: white;}
p#white-text {font-size: 1.2em; line-height: 1.4em; margin-bottom: 1.2em; color: white;}
/* END RESET */

/* TOOLBOX */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

/* END TOOLBOX */

/* STRUCTURE AND STUFF */

#header{
		position: relative;
		top: 0px;
		left: 0px;
		width: 3000;
		height: 205px;
		background: url(../images/header-bg.jpg);
}

#header-content{
		position: relative;
		top: 0px;
		width: 1010px;
		height: 200px;
}

#footer {
		position: relative;
		margin-top: -350px; /* negative value of footer height */
		height: 350px;
		clear:both;
		background: url(../images/footer-bg.jpg);
} 

#main-content{
		position: relative;
		top: 0px;
		width: 1000px;
		height: auto;
		padding: 0, 30px, 0px, 30px;
}

#footer-content{
		position: relative;
		top: 0px;
		width: 1000px;
		top: 85px;
		height: 230px;
}


#main 	{
		padding-bottom: 350px;
}/* must be same height as the footer */

	#passport{
		position: absolute;
		height: 170px;
		width: 132px;
		top: 0px;
		left: 30px;
	}
	#one-percent{
		position: absolute;
		height: 170px;
		width: 125px;
		top: 0px;
		left: 255px;
	}
	#facebook{
		position: absolute;
		height: 170px;
		width: 179px;
		top: 0px;
		left: 505px;
	}
	#taOnline{
		position: absolute;
		height: 170px;
		width: 256px;
		top: 0px;
		left: 765px;
	}
	#web-copy {
		position: absolute;
		height: auto;
		width: 990px;
		top: 185px;
		left: 30px;
	}
						

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



/* END STRUCTURE */