h1, h2, h3, h4, h5, h6 {
			font-family: Helvetica, Arial, sans-serif;

		}		
		
		*{
			margin:0;
			padding:0;
		}
		a{
			color:#000;
			text-decoration: none;
			outline: none;
		}
		a:hover, a.active{
			color:#ccc;
		}
		p {
			margin:0px;
			padding:0px;
		}
		img{
			border:none;
		}
		body {
			background:#fff;
			font-family: Georgia, Times, serif;
		}
		#content{
			margin:0px auto;
			width:900px;
			z-index: 3;
			position:absolute;
			float:left;
		}
		#contentframe{
			overflow: hidden;
			height: 100%;
			text-align:left;
			z-index: 3;
		}
		#navigation{
				position:absolute;
				right:40px;
				top:40px;
				z-index:100;
	
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 16px; 
			height: 16px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		#nextslide {
			display:block;
			height:16px;
			width:16px;
			background:url(images/plus.gif) no-repeat;
			float:left;
			margin:5px;
		}
		#minus{
				position:absolute;
				right:70px;
				top:40px;
				z-index:100;
		}
		#back {
			display:block;
			height:16px;
			width:16px;
			background:url(images/minus.gif) no-repeat;
			float:left;
			margin:5px;
		}
		h2#logo a{
			display:block;
			height:30px;
			width:97px;
			background:url(images/youandi.png) no-repeat;
			overflow:hidden;
			text-indent:-1000em;
			position:absolute;
			margin:40px 0 0 40px;
		}
		
/*navigation*/
	ul#nav {
		list-style-type: none;
		margin:40px 0 0 40px;
		clear:both;
		font-family: Helvetica, Arial, sans-serif;
	}

	ul#nav li {
		float:left;
		padding-right:40px;
	}
	
	ul#nav li a{
		font-weight:bold;
	}
		
		
/*statements*/


	h2#index-statement {
			display:block;
			height:183px;
			width:763px;
			background:url(images/index-statement.png) no-repeat;
			overflow:hidden;
			text-indent:-1000em;
			margin:40px 0 0 40px;
			float:left;
			z-index:-1;
	}
	h2#contact-statement {
			display:block;
			height:135px;
			width:818px;
			background:url(images/contact-statement.png) no-repeat;
			overflow:hidden;
			text-indent:-1000em;
			margin:40px 0 0 40px;
			float:left;
			z-index:-1;
	}	
	h2#people-statement {
			display:block;
			height:87px;
			width:712px;
			background:url(images/people-statement.png) no-repeat;
			overflow:hidden;
			text-indent:-1000em;
			margin:40px 0 0 40px;
			float:left;
			z-index:-1;
	}	
	h2#information-statement {
			display:block;
			height:183px;
			width:832px;
			background:url(images/information-statement.png) no-repeat;
			overflow:hidden;
			text-indent:-1000em;
			margin:40px 0 0 40px;
			float:left;
			z-index:-1;
	}			
	
	
	
/*contact*/
#contact-david a{
			display:block;
			height:41px;
			width:92px;
			overflow:hidden;
			text-indent:-1000em;
			top:82px;
			left:180px;
			position: absolute;
			}	
			
#contact-ryan a{
			display:block;
			height:49px;
			width:92px;
			overflow:hidden;
			text-indent:-1000em;
			top:131px;
			left:201px;
			position: absolute;
			}


#contact-david a:hover{
			background:url(images/contact-david.png) no-repeat;
			}	
			
#contact-ryan a:hover{
			background:url(images/contact-ryan.png) no-repeat;
			}				
			
			
.col {
	width:310px;
	float:left;
	margin:40px 0 0 40px;
	}	
	
.col p {
	font-size: 12px;
	font-weight:normal;
	line-height:18px;
	margin-bottom:18px;
	}
	
.col ul {
	font-size:12px;
	line-height:18px;
	list-style-type: none;
}	
	
.col ul.links li a {
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
}				
	
.clear {
	clear:both;
}	

a {
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
}

.navigation {
	display:none;
}

div.invisible {
	background: transparent;
	width: 3748px;
	height: 1800px;
	display:block;
	position:absolute;
	z-index: 100;
	}
	
div#work {
	position: relative;
	top: 330px;
	left: 40px;
	margin-right: 40px; 
	}

div#work div {
	float:left;
	margin:0 20px 20px 0;
	width: 30%;
	max-width: 380px;
	min-width:250px;
	}
	
div#work div img{
	float:left;
	margin:0 20px 20px 0;
	width: 100%;
	display:block;
	}	
	
div#work div.clear{
	height: 3 0px;
	width: 100%;
	}