*{ margin: 0; padding: 0; }

  *:focus { outline: none;
	}
	
	body {
	  background: #000000;
	  font-family: sans-serif;
	  background: url('images/background.jpg') repeat-x #300e02;
	}

img {
	border: 0px;
}

a:link,a:visited,a:active {
	font-size: 11px;
	font-family: Arial, Verdana, Sans-Serif;
	font-weight:bold;
	color:#db2e2e;
	text-decoration:none;
}

a:hover {
	color:#ffffff;
}

ul li {
	list-style-type: none;
}

li {
	margin: 8px 0 5px 0;
}

p {
	padding: 5px 0 5px 0;
}


/* Centering Start */

#center {
	width: 609px;
  	margin: 0 auto;
  	text-align: middle;
  	vertical-align: middle;
	}


html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}


#spacer, #center {
  position: absolute;
  margin: 0;
  padding: 0;
}

#spacer {
	width: 100%;
	height: 0; 
	min-width: 609px;
	min-height: 0;
}

#center {

  padding: 0; 
  border: 0px;
  width: 609px;
  min-height: 0;
  position: absolute;
  top: 50%;                  
  left: 49%;
  margin: 0 0 0 -304px;
}


* html #center {
  height: 0;
}

/* Centering End */


/* Nav Start */

#navigation {
	margin-top: -3px;
}

#info {  
	display: block;
	float: left;
	width: 85px;
  	height: 83px;
  	background: url("images/info.jpg") no-repeat 0 0;
}

#info:hover	{  
	background-position: 0 -83px;
}

#info span	{  display: none;
}
			
#web {  
	display: block;
	float: left;
	width: 87px;
  	height: 83px;
  	background: url("images/web.jpg") no-repeat 0 0;
}

#web:hover {
	background-position: 0 -83px;
}

#web span {
	display: none;
}

#twod {  
	display: block;
	float: left;
	width: 87px;
  	height: 83px;
  	background: url("images/2d.jpg") no-repeat 0 0;
}

#twod:hover {
	background-position: 0 -83px;
}

#twod span { 
	display: none;
}

#apparel {  
	display: block;
	float: left;
	width: 87px;
  	height: 83px;
  	background: url("images/apparel.jpg") no-repeat 0 0;
}

#apparel:hover {
	background-position: 0 -83px;
}

#apparel span { 
	display: none;
}

#video {  
	display: block;
	float: left;
	width: 87px;
  	height: 83px;
  	background: url("images/video.jpg") no-repeat 0 0;
}

#video:hover {
	background-position: 0 -83px;
}

#video span { 
	display: none;
}

#concept {  
	display: block;
	float: left;
	width: 87px;
  	height: 83px;
  	background: url("images/concept.jpg") no-repeat 0 0;
}

#concept:hover {
	background-position: 0 -83px;
}

#concept span { 
	display: none;
}

#contact {  
	display: block;
	float: left;
	width: 89px;
  	height: 83px;
  	background: url("images/contact.jpg") no-repeat 0 0;
}

#contact:hover {
	background-position: 0 -83px;
}

#contact span { 
	display: none;
}

/* Nav End */


/* Guts Start */

#webGuts {
	display: block;
	position: absolute;
	width: 564px;
	height: 388px;
	background: url('images/web_bg.png') no-repeat transparent;
	top: 230px;
	left: 0;
	overflow: hide;
	padding-left: 20px;
}

/* Guts End */

/* 2D Start */

#digital {  
	display: block;
	float: left;
	width: 93px;
  	height: 56px;
  	background: url("images/digital.png") no-repeat 0 0;
}

#digital:hover {
	background-position: 0 -56px;
}

#digital span { 
	display: none;
}

#photo {  
	display: block;
	float: left;
	width: 93px;
  	height: 56px;
  	background: url("images/photo.png") no-repeat 0 0;
}

#photo:hover {
	background-position: 0 -56px;
}

#photo span { 
	display: none;
}

/* 2D End */