//containers

a img {
	border: none;
}
#bottom {text-align: left; color: #555555; margin: 0; width: 800px; float: left;}
#bottom a{color: #555555;}
#bottom a:hover{color: #b98458;}
div#top{width: 800px; height: 85px; margin-bottom: 40px;float: left; overflow: hidden;}
div#wrapper {
	margin: 0 auto; height:1000px; width: 800px; text-align: left; font-size: 62.5%; font-family: Verdana, Arial, helvetica, sans-serif; height: auto; overflow: hidden; clear: both; 
}


//main navigation bar
h1#name {
	color: #cccccc; font-family: Verdana, Arial, helvetica, sans-serif;  
}
h1#name a{text-decoration: none; color: #cccccc; font-size: 40px; font-weight:200; text-align: left; display: block; float: left; line-height: 85px; width: 300px; overflow: hidden;
}

div#boxgroup {
	display: block; float: left; width: 450px; height: 85px; margin-left: 50px; overflow: hidden;
}
#boxgroup a#current {
	background-color: #b98458; color: white; padding: 0 4px; border: solid white 1px; margin: 0 2px;

}
#boxgroup a{
background-color: #ddbb99; color: #ccaa88; padding: 0 4px; border: solid white 1px; margin: 0 2px; text-decoration: none; display: block; float: left; font-size: 15px;
}
#boxgroup a:hover {
	background-color: #b98458; color: red; padding: 0 4px; border: solid red 1px; margin: 0 2px;
}
#boxgroup div h2{display: block; width: 150px; float: left;}
#boxgroup div h2 a{
	color: #aaaaaa; text-decoration: none; display: block; float: left; width:150 px; height: 19px; background-color: #ffffff; font-size: 15px; text-align: left; padding: 0;

}
#boxgroup div h2 a:hover{
	color: #b98458; background-color:#ffffff; padding: 0; border-bottom: solid red 1px; border-top: solid white 1px; border-right: solid white 1px; border-left: solid white 1px;
}
#boxgroup a#currentcat{
	color:#b98458;
}

#lineup {
	width: 150px; height: 20px; display: block; clear: left; margin-top:15px;
}
#group1, #group2, #group3 {
	display: block; float: left; width: 150px;
}
#group1 {	
}
#group2 {
	    margin-left: 0px;	

}
#group3 {
	    margin-left: -50px;	
}

//list view
div.list_item {
	width: 800px; height: 100px; margin: 5px 0px 0px 0px; text-align: left;
}

div.list_item a img{
	text-decoration: none; border: none; display: block;
}
div.list_item a {
	text-decoration: none;
}
div.list_item img {
	width: 200px; height: 100px; margin-right: 15px; display: block; float: left;
}
div.desc {
	width: 480px; height: 100px; text-align: left; display: block; float: left; clear: right;
}
div.desc h2 {
	font-size: 1.2em; font-weight: 420; font-style:italic; margin-top: 10px;
}
div.desc p {display: block; vertical-align: baseline;}
div.desc a {color: black;}
div.desc a:hover {color: #cccccc;}

//individual project
#middle {width: 800px; height: 500px; display: block; float: left; clear: both; margin: 30 0px; overflow: hidden; font-size: 15px;}

#middle a{text-decoration: none; font-family: Verdana, Arial, helvetica, sans-serif; color: #555555; font-size: 20px; border-bottom: 1px solid white; display: inline; padding: 0; margin: 0;
}
#middle a:hover{color:#000000; background-color:#eeeeee; border-bottom: 1px solid #b98458; padding: 0; margin: 0;}

div#front a img{border:none; text-decoration:none;}
div#front a:hover img{border:none; text-decoration:none;}
#description {min-width: 193px; width: 193 px; height: 350 px; margin: 0 3px 0 0; display: block; float: left; clear: left;background-color: #eeeeee; font-size:12px; padding: 2px;}
#description p, h3{max-width: 193px; text-align: left;}
#description h3{font-size: 15px; color:#333333;}
.bolder{
	font-weight: 600; color: #666666;
}
#slidecontainer{
	display: block; float: left; width: 600px; overflow: hidden;
}
#slideshow img.white {
	width: 598px; height: 398px; border: 1px solid black;
}
#slideshow{
	display: block; float: left; width: 600px; height: 400px; overflow: hidden;
}
#pagenav {width: 193px; height: 50px; text-align: right; clear: left; float: left; margin: 0 3px 0 0; display: block; font-size: 15px; padding: 2px;position: relative; bottom: 29px;}
#output h3{ text-align: right; font-size:12px; height: 14px; margin: 0; padding: 0; display: inline;}

#article p{font-size: 12px;}
#article h2{color: #333333;}


//for "toyland" spread
div#item a img{border: 0;}