/* ------------------------------- */
/* 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 {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#565656;
	background-color:#222222;
	background:url(../images/design/generic_tile.gif);}
	
#wrap {
	position:relative;
	width:900px;
	height:100%;
	background:#0F0 url(../images/design/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 {
}
a:link,a:visited {
color:#b6b4b4;
text-decoration:none;
}

a:hover 	{ color:#CCC; text-decoration:underline; /*white*/}
a:active 	{ color:#b6b4b4; text-decoration:underline;/*white*/}

a:link,a:visited {
color:#b6b4b4;
text-decoration:none;
}
.highlighted{
color:#b6b4b4;
text-decoration:none;
}


/* --------------------------------------------------------------------------- */
/* HEADER     									    					       */
/* --------------------------------------------------------------------------- */

#header {
	position:relative;
	width:900px;
	height:303px;
	background:#00F url(../images/design/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;}
	
#nav_description {
	float:left;
	position:relative;
	width:900px;
	height:20px;
	top: 123px;
	text-align:center;
	margin:0 auto;
}
/* --------------------------------------------------------------------------- */
/* NAVIGATION     									    					   */
/* --------------------------------------------------------------------------- */

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

#nav_news {
	float: left;
	position:absolute;
	width: 43px;
	height: 14px;
	left:280px;
	top:99px;
	text-indent: 10px;
	overflow: hidden;
	background:url(../images/design/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_btns{
	float: left;
	position:absolute;
	height: 125px;
	width: 114px;
}

#gallery_evilkid{
	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_warrior {
	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_rtsunit {
	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_ronin {
	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_cyclops {
	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_rocket {
	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_littlesis {
	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_wip {
	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_evilkid:hover,#gallery_warrior:hover,#gallery_rtsunit:hover,#gallery_ronin:hover,#gallery_cyclops:hover,#gallery_rocket:hover,#gallery_littlesis:hover,#gallery_wip:hover {
background-position:-114px 0;
}


#gallery_footer_btn {
	float:left;
	position:relative;
	top:15px;
	left:760px;
}

#gallery_previous{
	float:left;
	position:relative;
	height:7px;
	width:59px;
	overflow:hidden;
	background:url(../images/design/previous_btn.gif) top left no-repeat;
}	
#gallery_previous:hover {
	background-position:-59px 0px;
}
#gallery_next {
	float:left;
	position:relative;
	height:7px;
	width:39px;
	overflow:hidden;
	background:url(../images/design/next_btn.gif) top left no-repeat;
}
#gallery_next:hover {
	background-position: -39px 0px;
}

/* --------------------------------------------------------------------------- */
/* FOOTER   									    					   */
/* --------------------------------------------------------------------------- */

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

/* --------------------------------------------------------------------------- */
/* RESUME										    		  				   */
/* --------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------- */
/* CONTENT  									    		  				   */
/* --------------------------------------------------------------------------- */
.images{
	position:relative;
	clear:both;
	padding-top:10px;
	margin:0 auto;
}
#evil_01 {
	width:482px;
	height:566px;
}
#evil_02 {
	width:800px;
	height:512px;
}
#evil_03 {
	width:801px;
	height:600px;
}
#warrior01{
	width:475px;
	height:329px;
}
#warrior02 {
	height: 600px;
	width: 800px;
}
#warrior03 {
	height: 564px;
	width: 800px;
}
#warrior04 {
	height: 578px;
	width: 800px;
}
#warrior05 {
	height: 564px;
	width: 765px;
}
#warrior06{
	height: 401px;
	width: 800px;
}
#warrior07{
	height: 268px;
	width: 553px;
}
#tek_cntr_01{
	width:800px;
	height:600px;
}
#tek_cntr_02{
	width:800px;
	height:600px;
}
#tek_cntr_03{
	width:800px;
	height:356px;
}
#cyclops01{
	height: 495px;
	width: 820px;
}
#cyclops02 {
	height: 600px;
	width: 800px;
}
#cyclops03 {
	height: 650px;
	width: 579px;
}
#rocketzap_01{
	width:800px;
	height:600px;
}
#rocketzap_02{
	width:800px;
	height:600px;
}
#rocketzap_03{
	width:800px;
	height:600px;
}
#rocketzap_04{
	width:746px;
	height:338px;
}
#rocketzap_05{
	width:1178px;
	height:600px;
}
#rocketzap_06{
	width:450px;
	height:600px;
}
#rocketzap_07{
	width:800px;
	height:600px;
}
#littlesis_01{
	width:607px;
	height:476px;
}
#littlesis_02{
	width:596px;
	height:444px;
}
#littlesis_03{
	width:596px;
	height:444px;
}
#littlesis_04{
	width:188px;
	height:282px;
}
#wip_01{
	width:798px;
	height:291px;
}
#wip_02{
	width:800px;
	height:423px;
}
#wip_03{
	width:502px;
	height:604px;
}
#wip_04{
	width:823px;
	height:764px;
}
#wip_05{
	width:743px;
	height:585px;
}
#wip_06{
	width:951px;
	height:762px;
}
#wip_07{
	width:669px;
	height:813px;
}
#wip_08{
	width:1210px;
	height:645px;
}
#wip_09{
	width:800px;
	height:800px;
}
#wip_010{
	width:800px;
	height:731px;
}
#wip_011{
	width:683px;
	height:731px;
}