*{margin:0; padding:0;}

body{
	background:#9c0 url(images/bg_summer.gif) repeat-x; 
	font-size:14px;
	color:#440;
	font-family:Verdana,helvetica,sans-serif;
}
img{border:0;}
a:active{outline: none;}
a:focus{outline: none;}
a#masthead{
	display:block;
	width:467px;
	height:218px;
	background:url(images/masthead_summer.png) no-repeat scroll;
	text-indent:-9999px;
	position:absolute;
	top:57px;
	left:50%;
	margin:0px 0px 0 -233px;	
	z-index:9000;
	
}



ul#topmenu{
	display:block;
	width:549px;
	padding-left:0px;
	border:#00f 1px none;
	height:50px;
	position:absolute;
	top:270px;
	left:50%;

	margin-left:-273px;
	z-index:9001;
	

}
ul#topmenu li{
	display:block; 
	float:left;
	padding:0 0px 0;
	border:1px none #f00;
	height:50px;

}

ul#topmenu li{height:50px; text-indent:-9999px;}
ul#topmenu li a{ overflow:hidden; display:block; height:50px;}
ul#topmenu li#web{ margin-left:0px; }
ul#topmenu li#web a{background:url(images/menu_summer.png) no-repeat 0 0px; width:105px;
}
ul#topmenu li#web a:hover{background-position:0 -100px;}
ul#topmenu li#web a.on{background-position:0 -50px; cursor:default;}

ul#topmenu li#print a{background:url(images/menu_summer.png) no-repeat -105px 0px; width:111px; }
ul#topmenu li#print a:hover{background-position:-105px -100px;}
ul#topmenu li#print a.on{background-position:-105px -50px; cursor:default;}
ul#topmenu li#illus a{background:url(images/menu_summer.png) no-repeat -216px 0px; width:203px;}
ul#topmenu li#illus a:hover{background-position:-216px -100px;}
ul#topmenu li#illus a.on{background-position:-216px -50px; cursor:default;}



ul#topmenu li#ia a{background:url(images/menu_summer.png) no-repeat -419px 0px; width:130px;}
ul#topmenu li#ia a:hover{background-position:-419px -100px;}
ul#topmenu li#ia a.on{background-position:-419px -50px; cursor:default;}


ul#topmenu li#id{display:none;}
/*ul#topmenu li#id a:hover{background-position:0 -15px;}
ul#topmenu li#id a{background:url(images/menu_identity.png) no-repeat center 0px; width:98px;}
ul#topmenu li#id a.on{background-position:0 -30px; cursor:default;}*/




ul#submenu{
	display:inline;
	width:auto;
	height:30px;
	position:absolute;
	top:320px;
	left:50%;
	z-index:1000;
}


ul#submenu li{ height:25px; display:block; text-indent:0; padding: 5px 10px 0; background:#FF0065; width:auto; float:left;}
ul#submenu li.left{background:url(images/menusubedges_summer.png) no-repeat 0 -1px; width:29px;padding:0; height:30px;}
ul#submenu li.right{background:url(images/menusubedges_summer.png) no-repeat -29px -1px; width:29px;padding:0;height:30px; }
ul#submenu li a{color:#7F0020; text-decoration:none; font-size:16px;font-weight:bold;}
ul#submenu li a.on{color:#FFf; }
ul#submenu li a:hover{text-decoration:underline; font-weight:bold;}

#gallery{margin:406px auto 70px; width:419px; height:auto; text-align:left;  }
#gallery.print{width:440px;}
#gallery.games{width:370px;}
#gallery.about{width:440px;margin-top:370px;}
#gallery.about p{padding-bottom:15px; }
#gallery.about p a{color:#fff; font-weight:bold;}
.webthumbs{height:auto; line-height:16px; padding-bottom:50px;}
.webthumbs img{padding-bottom:5px; border:0;}
.printthumbs{height:415px; line-height:16px;}
.printthumbs a{cursor:pointer;}
.printthumbs img{float:left; padding-right:10px;}
.illusthumbs{height:294px; line-height:16px;}
.illusthumbs img{float:left; padding-right:10px;}
.illusthumbs a{cursor:pointer;}
.idthumbs{height:230px; line-height:16px;}
.idthumbs img{float:left; padding-right:10px;}
.idthumbs a{cursor:pointer;}

#copyleft{text-align:center; color:#333300; padding:20px 0 10px; width:100%; background: #669900 ;}
#copyleft a{color:#fff;}

#links{ width:277px; height:30px; background:url(images/links2.gif) no-repeat center top;  margin:30px auto 20px; }

#links a{display:block; height:30px;margin:0;padding:0;border:0px solid #f00; width:30px; float:left;}
#links a#ds{width:35px;margin-right:20px;}
#links a#cm{width:31px;margin-right:23px;}
#links a#ci{width:31px;margin-right:22px;}
#links a#ab{width:65px;margin-right:22px;}
#links a#sl{width:26px;}

#latestproj{ width:220px; height:auto;  background:#690 url(images/txt_latestproj.gif) no-repeat 10px 10px ; position:absolute; top:410px; left:0;}
#latestproj .project {width:202px; height:147px; background:#690; margin:10px auto ;}
#latestproj p{display:block; margin:0 10px 10px; color:#99CC00; font-size:12px; }



a#about{display:block; width:248px; height:172px;background:url(images/bg_summerabout.png) no-repeat; position:absolute; top:80px; left:22px; z-index:9999;}



#summerna{width:289px; height:130px; background:url(images/bg_summerna.png) no-repeat; position:absolute; top:0px; left:730px; z-index:1001;}