body {

	margin: 0 auto;
	width:1004px;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: myriad pro, Verdana, Arial, Sans-Serif;
	color: #ececec;
	background-color: #CCCCCC;
	padding: 0; 

	}

#page {

	margin: 0 auto;
	padding: 0;
	width: 100%;

	}
		
#header{

		margin: 0 auto;
		width: 100%;

		}
		
#pagecontent{

		margin: -2px 0 0 0;
		width: 100%;
		height: 100%;
		background: transparent  url(images/borderleft.png) repeat-y left top;
			}

#rightborder {
		width: 100%;
		height: 100%;
		background: transparent  url(images/borderright.png) repeat-y right top;
}				
			
#maincontent{

		margin: 0 auto;
		padding: 3px 0 60px 0;
		background-image: url(images/background.gif);
		width: 884px;
		height: 100%;

			}			


		
	
p{

	font-size: 14px;

}
p#games{

	width: 367px;

		}
		
p.bunker{

	margin: 10px 0 20px 0;

}
		

p#who{

	width: 365px;
	margin: 14px 0 10px 0;

		}
		
p#tangible{

	width: 365px;

		}

p#interface{

	margin-left: 170px;

		}

p.top{


	font-size: 14px;

		}
		
#resumepage{
	
	font-size: 12px;
	font-family: myriad pro, Verdana, Arial, Sans-Serif;
	color: #ececec;
	margin: 10px 0 10px 117px;
	
	}
	
#download{
	
	font-size: 12px;
	font-family: myriad pro, Verdana, Arial, Sans-Serif;
	margin: 10px 0 15px 0;
	
	}
		
h2{
			
	font: myriad pro;
	color: #cbdbf5;
	margin: 0 0 0 0;
	padding: 0;
	
	}
	
h1{

	font: myriad pro;
	color: #cbdbf5;
	margin: 0 0 0 0;
	padding: 0;
	
	}
		
#big{

	font-style: normal;
	font-size: 18px;
	color: #ececec;
	
	}

#colour{

	font-style: normal;
	color: #cbdbf5;
	
	}
	
ul#resume{
	
	font-size: 12px;
	font-family: myriad pro, Verdana, Arial, Sans-Serif;
	color: #ececec;
	list-style: none;
	margin: 5px 0 10px 0;
	padding: 0 0 0 117px;
		
}
em#title{

	font-size: 14px;
	font-family: myriad pro, Verdana, Arial, Sans-Serif;
	color: #ececec;
	
}


a{

	font-family: myriad pro;
	color: #cbdbf5;
	font-size: 14px;
	text-decoration: none;

}

a:hover{

		color: black;

		}

			
#menu{
		
		margin: 0 0 0 8px;
		padding: 0 5px 0 0;
		width: 127px;
		float: left;
		
		}	

#menunav{

		margin: 0;
		padding: 0;
		list-style: none;

		}

#menunav li {

		display: inline;

			}
		
#menunav li a {

		width: 127px;
		height: 35px;
		float: left;
		padding: 0;
		margin: 0 0 0 2px;

			}


#menu #menunav li#folio a {

		border-style: none;
		background-image: url(images/folio_normal.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;
		
		}
	
#menu #menunav li#folio a:hover {

		background-image: url(images/folio_over.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;

		}
		
#menu #menunav li#folio a:active {

		background-image: url(images/folio_down.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;

		}

#menu.folio #menunav li#folio a {

		background-image: url(images/folio_page.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		border-top: 1px solid #cbdbf5;
		border-left: 1px solid #cbdbf5;
		border-bottom: 1px solid #cbdbf5;
		padding: 0;
		margin: 0 0 0 7px;
		width: 127px;
		height: 35px;	

		}	
		

#menu #menunav li#who a {
		
		border-style: none;
		background-image: url(images/who_normal.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;
		
		}
	
#menu #menunav li#who a:hover {

		background-image: url(images/who_over.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;

		}
		
#menu #menunav li#who a:active {

		background-image: url(images/who_down.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;
		
		}

#menu.who #menunav li#who a {

		background-image: url(images/who_page.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		border-top: 1px solid #cbdbf5;
		border-left: 1px solid #cbdbf5;
		border-bottom: 1px solid #cbdbf5;
		padding: 0;
		margin: 0 0 0 7px;
		width: 127px;
		height: 35px;

		}


	

#menu #menunav li#contact a {
		

		border-style: none;
		background-image: url(images/contact_normal.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;
		
		}
	
#menu #menunav li#contact a:hover {

		background-image: url(images/contact_over.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;


		}
		
#menu #menunav li#contact a:active {

		background-image: url(images/contact_down.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;


		}
#menu.contact #menunav li#contact a {


		background-image: url(images/contact_page.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		border-top: 1px solid #cbdbf5;
		border-left: 1px solid #cbdbf5;
		border-bottom: 1px solid #cbdbf5;
		padding: 0;
		margin: 0 0 0 7px;
		width: 127px;
		height: 35px;
		
		}
	

/* TOP MENU FOR FOLIO PAGE */


#topmenu{
		
		margin: 0 456px 0 0;
		padding: 0 0 6px 0;
		height: 27px;
		
		}	

#topmenunav{

		margin: 0;
		padding: 0;
		list-style: none;

		}

#topmenunav li {

		display: inline;

			}
		
#topmenunav li a {

		width: 108px;
		height: 27px;
		padding: 0;
		margin: 4px 0 0 0;
		float: right;

		}
		
		
#topmenu #topmenunav li#visualart a {
		
		border-style: none;
		background-image: url(images/visual_art_normal.gif);
		background-repeat: no-repeat;
		background-position: 2px 0;
		
		}
		
#topmenu #topmenunav li#visualart a:hover {

		background-image: url(images/visual_art_over.gif);
		background-repeat: no-repeat;
		background-position: 2px 0;


		}
		
#topmenu #topmenunav li#visualart a:active {

		background-image: url(images/visual_art_down.gif);
		background-repeat: no-repeat;
		background-position: 2px 0;


		}
#topmenu.visualart #topmenunav li#visualart a {


		background-image: url(images/visual_art_page.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		border-top: 1px solid #cbdbf5;
		border-left: 1px solid #cbdbf5;
		border-right: 1px solid #cbdbf5;
		padding: 0 0 0 0;
		margin: 6px 0 0 0;
		width: 108px;
		height: 27px;
		
		}

		
#topmenu #topmenunav li#games a {
		

		border-style: none;
		background-image: url(images/games_normal.gif);
		background-repeat: no-repeat;
		background-position: 2px 0;
		
		}
		
#topmenu #topmenunav li#games a:hover {

		background-image: url(images/games_over.gif);
		background-repeat: no-repeat;
		background-position: 2px 0;


		}
		
#topmenu #topmenunav li#games a:active {

		background-image: url(images/games_down.gif);
		background-repeat: no-repeat;
		background-position: 2px 0;


		}
#topmenu.games #topmenunav li#games a {


		background-image: url(images/games_page.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		border-top: 1px solid #cbdbf5;
		border-left: 1px solid #cbdbf5;
		border-right: 1px solid #cbdbf5;
		padding: 0 0 0 0;
		margin: 6px 0 0 0;
		width: 108px;
		height: 27px;
		
		}
		
#contentbox{
		 
		margin: 0 0 0 142px;
		padding: 0 0 0 0;
		width: 683px;
		height: 100%;
		background-color: #2a2a2a;
		border: 1px solid #cbdbf5;

}


#visualcontent{
		
		margin: 0 auto;
		width: 618px;
		padding: 15px 0 20px 0;
		
		}
		
a #visualfolio{

		border: 1px solid #cbdbf5;
		padding: 0 0 0 0;
		margin: 0 0 10px 39px;
		background: #5e0066;
	
			}

a:hover  #visualfolio{

		border: 1px solid black;

		}

#comicscontent{
		
		margin: 0 auto;
		width: 537px;
		padding: 15px 0 20px 0;
		
		}
		
		
a #comicsfolio{

		border: 1px solid #cbdbf5;
		padding: 0 0 0 0;
		margin: 0 0 20px 0;
		background: #5e0066;

			}
		
a:hover  #comicsfolio{

		border: 1px solid black;

		}
		

#ac{

		margin: 0 auto;
		padding: 20px 0 0 0;
		width: 900px;

}

#cj{

		margin: 0 auto;
		padding: 30px 0 0 0;
		width: 965px;

}
		
#content{
		
		margin: 10px 0 0 72px;
		width: 540px;
		padding: 0 0 0 0;
		
		}
		
#content p{
		
		padding: 5px 0 0 0;
		min-height: 177px;
		
		}

#projectfolioimages{
		
		margin: 0 auto;
		width: 618px;
		padding: 15px 0 15px 0;
		
		}
		
a #projectfolio{

		border: 1px solid #cbdbf5;
		padding: 0 0 0 0;
		margin: 0 0 10px 40px;
		background: #5e0066;

			}

#rightcolumn{

		float: right;
		margin: 14px 0 20px 20px;
		padding: 0;
		width: 152px;

			}

#leftcolumn{

		float: left;
		margin: 14px 20px 20px 0;
		padding: 0;
		width: 152px;


			}
			
a #rightimage{

		
		border: 1px solid #cbdbf5;
		padding: 0 0 0 0;
		margin: 5px 0 20px 0;
		background: #5e0066;
		

			}

		
a:hover  #projectfolio{

		border: 1px solid black;

		}	

a:hover  #rightimage{

		border: 1px solid black;

		}	
#creativejournal{

		margin: 20px 0 0 0;


		}

#whoimage{

		margin: 10px 0 0 0;
		border: 1px solid #cbdbf5;

		}		

#resumeheader{

		margin: 0 0 10px 0;

}