body{
		font-family: 'Molengo', arial, sans-serif;
		font-size: 12px;
		color: #818284;
		line-height: 16px;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}
	
	div#container {
	  	margin: auto;
		width: 1000px;
		position: relative;
	}		


	
	h1{
		font-size: 18px;
		color: #d18e2e;
		font-weight: normal;
	}
	h2{
		font-size: 14px;
		color: #818284;
		line-height: 5px;
		font-weight: normal;
	}

	a{
		font-size: 12px;
		color: #d18e2e;
		text-decoration: none;
	}
	a:hover {
		color: #727d94;
	}
	a img { 
		border: 0 solid transparent; 
	}
		

		
	
/*------------------------------------------------------------- HEADER------*/
	#logo{
		position: absolute;
		left: -96px;
	}
	
	#menu {
		float: right;
		margin-right: 20px;
		margin-top: 73px;
		width: 300px;
		text-align: right;
	}
	
	#content{
	/**  210px **/
		width:  100%;
		margin-top: 60px;
	}

	#folioThumbs{	
		width: 984px;
		margin: auto;
		overflow: auto;
	}
	
	.thumb{
		position: relative;
		width: 315px;
		height: 300px;
		margin: 10px 10px 10px 10px;
		overflow: hidden;
		float: left;
	    vertical-align:baseline;
	    border: 4px solid #eceff2;
	    
	    cursor: pointer;

	    /*-moz-border-radius:10px;
	    -webkit-border-radius:10px;
	    -khtml-border-radius:10px;
	    -moz-box-shadow: 0 1px 3px #888;
	    -webkit-box-shadow: 0 1px 3px #888;*/
	}
	
	.thumb img {
		width: 300px;
		height: 200px;
	}

	.thumb:hover {
		border: 4px solid #d18e2e;
	}
	
	.overlay{
	    opacity:0.3;
	    position:absolute;
	    top:0px;
	    bottom:0px;
	    left:0px;
	    right:0px;
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	    background-color: #eceff2;
	    display: none;
	}
	.ic_caption{
	    position:absolute;    
	    opacity:1;   
	    overflow:hidden;
	    margin:0px;
	    padding:0px;
	    left:0px;
	    right:0px;
	    cursor: pointer;
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	}
	
	.ic_caption h3{
		font-size: 18px;
	    padding:10px 1px 2px 10px;
	    margin:0px;
	    color: #d18e2e;
	    font-weight: normal;
	}
	.ic_text{
	    padding: 8px 10px 13px 10px;
	    margin:0px;
	
	}
	
	
	
	/*------------------------------------------------------------- PROJECT PAGE------*/
	
	#projectMenu {
		float: right;
		margin-right: 50px;
		margin-top: 73px;
		width: 300px;
		text-align: right;
	}
	
	#rightHeaderThumbs {
			float: right;
			margin-top: 145px;
			margin-right: 100px;
		}
	
			#backButton{
				position: absolute;
				left: 707px;
			}
			#projectLabel{
				position: absolute;
				left: 790px;
			}
			#projThumbs{
				position: absolute;
				left: 850px;
			}
		
	
	#project{
	/**  210px **/
		width:  100%;
		margin-top: 60px;
		margin-left: 50px;
	}
	
	.projImage{
	}
	
	#projImageThumbs{
		float: right;
		padding-top: 10px;
		padding-right: 100px;
		
	}

	.textBox1{
		float:left;
		width: 585px;
		line-height: 18px;
	}
	.textBox2{
		float:right;
		margin-right: 100px;
		width: 245px;
		line-height: 18px;
	}
	
	
	
	h1.projectTitle {
		display: block;
		margin-top: 40px;
		clear: both;
	}
	
	

		/*------------------------------------------------------------- RESUME PAGE------*/
	
	
	#resumeTopBorder {
		width: 100%;
		border-top: 1px solid #727d94;
		margin-top: 100px;
		padding-top: 100px;
		background-color: #eceff2;
		padding-bottom: 100px;
	}
	
	
	#resume{
		margin: auto;
		width: 1000px;
		height: 550px;
		padding-left: 70px;
	}
	
	#resume1{
		position: absolute;
		margin-top: 50px;
		margin-left: 0px;
		width: 300px;
	}
	
	#resume2{
		position: absolute;
		margin-top: 50px;
		margin-left:350px;
		width: 250px;
	}
	#resume3{
		position: absolute;	
		margin-top: 50px;
		margin-left: 700px;
		width: 300px;
	}