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

/* this sets the properties for the entire document*/

A:link{color: #009999;}
A:visited{color: #009999;}

body{
	background-color:#FFFFFF;
	/*width:800px;*/
	font-size:12px;
	font-family:Helvetica, sans-serif;
	color:#333333;
	margin: 0;
	padding: 0;
	}
	
div { margin: 0; padding: 0; }

/* These blocks position the general buckets */
#container {
	top:5px; 
	left: 25px; 
	position: absolute; 
	width: 820px; 
	max-width: 820px;
}

#balloon {
	z-index: 30; 
	position: absolute; 
	top: 18px; 
	width: 141px; 
	left:3px;
}

#ballonText {
	/*margin-left:10px;*/
}

#navBar {
	z-index: 20; 
	position:absolute; 
	top:+109px;
}

#content {
	top:200px; 
	left: 190px; 
	position: absolute; 
	width: 625px; 
	max-width: 625px;
}

#thumbs {
	width: 55%; max-width: 55%;
}

#projectNames {
	top:0px; 
	left: 55%; 
	position: absolute; 
	width: 45%; 
	max-width: 45%;
}


.thumbnail { width:75px;
	height:75px;
	border: #000000 solid 1px;
	margin-right:5px;
	margin-bottom:4px;
	float:left;
}

.selectorImg { 
	width:200px; 
	margin-top: -35px;
	margin-right: 55px;
	height:50px;
	margin-bottom: 10px
}

.projectTitleImg {
	height:19px;
	border: #FFFFFF solid 0px;
}

.largeImg {
	border: #FFFFFF solid 1px;
}
	
/*text stuff*/
p{ /*backup for weird browsers*/
	font-size:12px;
	font-family:Helvetica, sans-serif;
	color:#333333;
	}
	
d{ /*tweak for 3d art*/
	font-size:12px;
	font-family:Helvetica, sans-serif;
	color:#333333;
	margin-left:-10px;
	}