@charset "UTF-8";
/* CSS Document */

/* MAIN WRAPPER */
	#site-wrapper {
		width: 1200px;
		height:auto;
		margin: 0 auto;
	}
	
	#hello {
		width: 600px;
		height: 600px;
		position:relative;
		float:left;
		background-image:url(../images/text-baloons/hello.png);
		background-repeat:no-repeat;
		background-position:center;
	}

	#about {
		width: 600px;
		height: 600px;
		position:relative;
		float:left;
		background-image:url(../images/text-baloons/about.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	#folio {
		width: 600px;
		height: 600px;
		position:relative;
		float:left;
	}
	
/* FOLIO rollovers */

	.01 {
		position:relative;
		float:left;
	}
	
	.02 {
		position:relative;
		float:left;
	}
	
	.03 {
	position:relative;
	float:left;
	}
	
	.04 {
	position:relative;
	float:left;
	}
	
	#arrow {
		position:relative;
		float:left;
		width:600px;
		height:29px;
		background-image:url(../images/portfolio/arrow.png);
		background-repeat:no-repeat;
	}
	
	
	#setup {
		width: 600px;
		height: 600px;
		position:relative;
		float:left;
		background-image:url(../images/text-baloons/setup.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	#pd {
		width: 600px;
		height: 600px;
		position:relative;
		float:left;
		background-image:url(../images/text-baloons/pd.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	#timeline {
		width: 600px;
		height: 600px;
		position:relative;
		float:left;
		background-image:url(../images/text-baloons/timeline.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	#skills {
		width: 600px;
		height: 600px;
		position:relative;
		float:left;
		background-image:url(../images/text-baloons/skills.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	#quest {
		width: 600px;
		height: 600px;
		position:relative;
		float:left;
		background-image:url(../images/text-baloons/quest.png);
		background-repeat:no-repeat;
		background-position:center;
	}
/* CONTACT */

	#contact {
		width: 600px;
		height: 600px;
		position:relative;
		float:left;
		background-image:url(../images/text-baloons/connect.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.contact-text-box {
		width:470px;
		height:100px;
		padding-top:10px;
		padding-left:20px;
		margin-top:137px;
		margin-left:55px;
		/*background-color:#000000;*/
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-style:normal;
		line-height: 16px;
		text-align:center;
		vertical-align:middle;
		color:#FFF;
		text-decoration:none;
	}
		
	.contact-text-box a:link,a:visited {
		text-decoration:none;
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-style:normal;
		line-height: 16px;
		text-align:center;
		color:#FFF;
	}
	
	.contact-text-box a:hover,a:active {
		text-decoration:none;
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-style:normal;
		line-height: 16px;
		text-align:center;
		color:#FFF;
		opacity:0.7;
	}