/* ------------------------------- */
/* ACHMEDTHESNAKE v.3 BASIC CSS    */
/* ------------------------------- */
/* Achmedthesnake Website 2010 ©   */
/* by Alex Robertson               */
/* email: eli_roberto@hotmail.com  */
/* http://www.achmedthesnake.com   */
/* ------------------------------- */


/* --------------------------------------------------------------------------- */
/* STANDARD HTML TAG RESET      									           */
/* --------------------------------------------------------------------------- */


body {
	background-color:#222222;
	background:url(../images/generic_tile.gif);}
	
#wrap {
	position:relative;
	width:900px;
	height:100%;
	background:#0F0 url(../images/background_tile.png) repeat-y;
	margin:0 auto;}
	
.span_display {
	display:none;}

#main{
	width:900px;
}
#main_content{
	position:relative;
	width:816px;
	margin:0 auto;}

#footer {
}
/* --------------------------------------------------------------------------- */
/* HEADER     									    					       */
/* --------------------------------------------------------------------------- */

#header {
	position:relative;
	width:900px;
	height:303px;
	background:#00F url(../images/header_background.gif) top left no-repeat;}
	
#header_image{
	float: left;
	position:absolute;
	height: 29px;
	width: 339px;
	left:278px;
	top:25px;}
	
#version_image {
	float: left;
	position:absolute;
	height: 12px;
	width: 101px;
	left:763px;
	top:53px;}
	
/* --------------------------------------------------------------------------- */
/* NAVIGATION     									    					   */
/* --------------------------------------------------------------------------- */

#navigation{
	width:339;
	height:20px;
}

#nav_news {
	float: left;
	position:absolute;
	width: 43px;
	height: 14px;
	left:280px;
	top:99px;
	text-indent: 10px;
	overflow: hidden;
	background:url(../images/navigation/news_btn.png) top left no-repeat;}
	
#nav_news:hover {
	background-position: -43px 0px;}
	
#nav_3dart {
	float: left;
	height: 12px;
	width: 51px;
	position:absolute;
	left:364px;
	top:101px;
	text-indent: 10px;
	overflow: hidden;
	background: url(http://www.achmedthesnake.com/images/3dart_btn.gif) top left no-repeat;}
	
#nav_3dart:hover {
	background-position: -51px 0px;}

#nav_digitalmedia {
	float: left;
	height: 17px;
	width: 84px;
	position:absolute;
	left:449px;
	top:97px;
	text-indent: 10px;
	overflow: hidden;
	background: url(http://www.achmedthesnake.com/images/Digtialmedia_btn.gif) top left no-repeat;}
	
#nav_digitalmedia:hover {
	background-position: -84px 0px;}
	
#nav_resume {
	float: left;
	height: 14px;
	width: 51px;
	position:absolute;
	left:563px;
	top:99px;
	text-indent: 10px;
	overflow: hidden;
	background: url(http://www.achmedthesnake.com/images/resume_btn.gif) top left no-repeat;}
	
#nav_resume:hover {
	background-position: -51px 0px;}

/* --------------------------------------------------------------------------- */
/* GALLERY    									    						   */
/* --------------------------------------------------------------------------- */

#gallery_evilkid{
	float: left;
	position:absolute;
	height: 125px;
	width: 114px;
	left:42px;
	top:164px;
	text-indent: 10px;
	overflow: hidden;
	background: url(http://www.achmedthesnake.com/images/gallery_evil_preview.gif) top left no-repeat;
}
#gallery_evilkid:hover {
	background-position: -114px 0px;
}
#gallery_warrior {
	float: left;
	position:absolute;
	height: 125px;
	width: 114px;
	left:159px;
	top:164px;
	text-indent: 10px;
	overflow: hidden;
	background: url(http://www.achmedthesnake.com/images/gallery_warrior_preview.gif) top left no-repeat;
}
#gallery_warrior:hover {
	background-position: -114px 0px;
}
#gallery_rtsunit {
	float: left;
	position:absolute;
	height: 125px;
	width: 114px;
	left:276px;
	top:164px;
	text-indent: 10px;
	overflow: hidden;
	background: url(http://www.achmedthesnake.com/images/gallery_rts_preview.gif) top left no-repeat;
}
#gallery_rtsunit:hover {
	background-position: -114px 0px;
}
#gallery_ronin {
	float: left;
	position:absolute
	height: 125px;
	width: 114px;
	left:393px;
	top:164px;
	text-indent: 10px;
	overflow: hidden;
	background: url(http://www.achmedthesnake.com/images/gallery_ronin_preview.gif) top left no-repeat;
}
#gallery_ronin:hover {
	background-position: -114px 0px;
}
#gallery_cyclops {
	float: left;
	position:absolute;
	height: 125px;
	width: 114px;
	left:393px;
	top:164px;
	text-indent: 10px;
	overflow: hidden;
	background: url(http://www.achmedthesnake.com/images/gallery_cyclops_preview.gif) top left no-repeat;
}
#gallery_cyclops:hover {
	background-position: -114px 0px;
}
#gallery_rocket {
	float: left;
	position:absolute;
	height: 125px;
	width: 114px;
	left:510px;
	top:164px;
	text-indent: 10px;
	overflow: hidden;
	background: url(http://www.achmedthesnake.com/images/gallery_rocket_preview.gif) top left no-repeat;
}
#gallery_rocket:hover {
	background-position: -114px 0px;
}
#gallery_littlesis {
	float: left;
	position:absolute;
	height: 125px;
	width: 114px;
	left:627px;
	top:164px;
	text-indent: 10px;
	overflow: hidden;
	background: url(http://www.achmedthesnake.com/images/gallery_littlesis_preview.gif) top left no-repeat;
}
#gallery_littlesis:hover {
	background-position: -114px 0px;
}
#gallery_wip {
	float: left;
	position:absolute;
	height: 125px;
	width: 114px;
	left:744px;
	top:164px;
	text-indent: 10px;
	overflow: hidden;
	background: url(http://www.achmedthesnake.com/images/gallery_wip_preview.gif) top left no-repeat;
}
#gallery_wip:hover {
	background-position: -114px 0px;
}
	
/* --------------------------------------------------------------------------- */
/* FOOTER   									    					   */
/* --------------------------------------------------------------------------- */

#footer_content{
	width:900px;
	height:47px;
	text-align:center;
	background:url(../images/footer_background.png);
	margin:0 auto;}