/**general tags/*-----------------------------------------------------------------------------*/



html,body {

	background-image: url("/images/tile.gif");

	background-color: #010101;

	background-repeat: repeat-x;

	font-family: Arial, Helvetica, Verdana, sans-serif;

	padding: 0px 20px 0px 20px;

	margin: 0px 0px 0px 0px;

	height: 100%;

	font-size:100%;

}

p, h1, h2, h4, h5, span {

	padding: 0px;

	margin: 0px;

}

p, li, td, th, textarea, input, select, option, label {

	font-family: Arial, Helvetica, Verdana, sans-serif;

}

p, td, th, li, textarea, input, select, option, label {

	font-size: 11px;

}

h4, h5, legend {

	font-size: 13px;

}



h1 span, 

h2 span,

h3 span,

span {

	display: none;

}

h4, h5 {

	margin: 0px 0px 10px 0px;

}

p {

	font-family: Georgia, Times, serif;

	margin: 10px 20px 15px 0px;

	font-size: 13px;

	color: #cacaca;

}

p.divide {

	margin: 20px 0px 10px 0px;

	color: #5F5D4D;

}

p.sub {

	font-family: Georgia, Times, serif;

	margin: 10px 20px 15px 0px;

	font-size: 11px;

	color: #989790;

}

hr {

display: none;

}

a img {

	border:0;

} 



/**links/*-----------------------------------------------------------------------------*/

a {

	font-family: Georgia, Times, serif;

	color: #53858b;

	text-decoration: none;

}

a:hover {

	color: #787269;

	text-decoration: underline;

}



span.download  {

	display: block;

	font-size: 14px;

	font-style: italic;

}

span.download  {

	text-decoration: underline;

}

.contact a {	

	font-size: 12px;

	color: #87867c;

	text-decoration: underline;

}

.contact a:hover {

	color: #cacaca;

}

.links a {	

	font-family: Georgia, Times, serif;

	font-size: 13px;

	color: #cacaca;

	text-decoration: none;

}

.links a:hover {

	color: #87867c;

	text-decoration: underline;

}





/**site main structure/*-----------------------------------------------------------------------------*/



#main-wrapper {

	min-height:100%;

	height: 100%;

}

#container {

	margin: 0px auto 0px auto;

	padding: 0px 0px 0px 0px;

	width: 810px;

	height:auto !important; /* real browsers */

	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */

	background-image: url("/images/content-bkg.gif");

	background-repeat: no-repeat;

}



#header {

	background-image: url("/images/topbar.gif");

	background-repeat: no-repeat;

	height: 129px;

}



#feature {

	width: 512px;

	height: 288px;

	margin: 0px 0px 0px 0px;

	border: 1px solid #a49f9f;

}



.projects #feature_conquest {

	width: 512px;

	height: 250px;

	background-image: url("/images/project-img-conquest.gif");

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px;

}

.projects #feature_knuckles {

	width: 512px;

	height: 250px;

	background-image: url("/images/project-img-knuckles.gif");

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px;

}

.projects #feature_havoc {

	width: 512px;

	height: 250px;

	background-image: url("/images/project-img-havoc-02.gif");

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px;

}





/* nav *//*--------------------------------------------------------------------------------------*/





#nav {

	width: 802px;

	height: 22px;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	}

#menu a {

	height: 22px;

	display: block;

	background-position: 0px 0px;	

	background-repeat: no-repeat;

}

#menu {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

#menu li {

	float: left;

	margin-right: 17px;

	list-style-type: none;

}

#menu li span {

	display: none;

}

#menu li.home a {

	height: 22px;

	width: 53px;

	background-image: url("/images/nav/navitem-home.gif");

	background-position: 0px 0px;

	background-repeat: no-repeat;

}

#menu li.home_on a {

	height: 22px;

	width: 53px;

	background-image: url("/images/nav/navitem-home.gif");

	background-position: 0px -44px;

	background-repeat: no-repeat;

}

#menu li.personnel a {

	height: 22px;

	width: 90px;

	background-image: url("/images/nav/navitem-personnel.gif");

	background-position: 0px 0px;

	background-repeat: no-repeat;

}

#menu li.personnel_on a {

	height: 22px;

	width: 90px;

	background-image: url("/images/nav/navitem-personnel.gif");

	background-position: 0px -44px;

	background-repeat: no-repeat;

}

#menu li.projects a {

	height: 22px;

	width: 71px;

	background-image: url("/images/nav/navitem-projects.gif");

	background-position: 0px 0px;

	background-repeat: no-repeat;

}

#menu li.projects_on a {

	height: 22px;

	width: 71px;

	background-image: url("/images/nav/navitem-projects.gif");

	background-position: 0px -44px;

	background-repeat: no-repeat;

}

#menu li.contact a {

	height: 22px;

	width: 66px;

	background-image: url("/images/nav/navitem-contact.gif");

	background-position: 0px 0px;

	background-repeat: no-repeat;

}

#menu li.contact_on a {

	height: 22px;

	width: 66px;

	background-image: url("/images/nav/navitem-contact.gif");

	background-position: 0px -44px;

	background-repeat: no-repeat;

}

#menu li.links a {

	height: 22px;

	width: 42px;

	background-image: url("/images/nav/navitem-links.gif");

	background-position: 0px 0px;

	background-repeat: no-repeat;

}

#menu li.links_on a {

	height: 22px;

	width: 42px;

	background-image: url("/images/nav/navitem-links.gif");

	background-position: 0px -44px;

	background-repeat: no-repeat;

}

#menu li.home a:hover,

#menu li.personnel a:hover,

#menu li.projects a:hover,

#menu li.contact a:hover, 

#menu li.links a:hover {

	background-position: 0px -22px;

	background-repeat: no-repeat;

}







/* Main Content *//*-----------------------------------------------------------------------------*/





#main-content {

	float: left;

	width: 543px;

	padding: 0px 0px 0px 0px;

}

#main-content.personnel {

	float: left;

	width: 750px;

	padding: 0px 0px 0px 0px;

}

#main-content.contact {

	float: left;

	width: 810px;

	padding: 0px 0px 0px 0px;

}

#main-content.links {

	float: left;

	width: 810px;

	padding: 0px 0px 0px 0px;

}

#main-content p.first {

	font-size: 16px;

	margin-bottom: 0px;

}



/* Titles *//*-----------------------------------------------------------------------------*/



#main-content h2{

	background-repeat: no-repeat;

	height: 99px;

}

#main-content h3{

	font-size: 20px;

	color:  #fce75e;

	font-family: Georgia, Times, serif;

	font-weight: normal;

	margin-top: 20px;

}

#main-content.home h2 {

	background-image: url("/images/titles/title-welcome.gif");

}

#main-content.personnel h2 {

	background-image: url("/images/titles/title-personnel.gif");

}

#main-content.projects h2 {

	background-image: url("/images/titles/title-projects.gif");

}

#main-content.contact h2 {

	background-image: url("/images/titles/title-contact.gif");

}

#main-content.links h2 {

	background-image: url("/images/titles/title-links.gif");

}





/* Utility *//*-----------------------------------------------------------------------------*/



li { 

	font-size: 12px;

}

#utility {

	float: right;

	width: 266px;

}

#utility img {

	clear: both;

	float: left;

	margin: -5px 15px 0px 29px;

}

#utility.homepage li {

	padding-bottom: 7px;

	list-style: none;

}

#utility p {

	font-size: 12px;

	padding: 0px 0px 0px 29px;

	margin: 0px 0px 20px 0px;

	color: #87867c;

}

#utility.homepage a {

	font-size: 12px;

	color: #87867c;

	text-decoration: underline;

}

#utility.homepage a:hover {

	color: #cacaca;

}



#utility h2 {

	background-repeat: no-repeat;

	height: 99px;

}

#utility.homepage h2 {

	background-image: url("/images/titles/utilityheader-latest.gif");

}

#utility.projects h2 {

	background-image: url("/images/titles/utilityheader-projects.gif");

}

#utility.homepage h3 {

	font-size: 12px;

	color:  #fce75e;

	font-family: Georgia, Times, serif;

	font-weight: normal;

	margin: 0px 0px 0px 29px;

}

#utility.projects h3 {

	font-size: 12px;

	color:	#999999;

	font-family: Georgia, Times, serif;

	font-weight: normal;

	margin: 0px 0px 0px 0px;

	_margin: -13px 0px 0px 0px;

	padding: 0px;

}

#utility.projects h3.on {

	font-size: 12px;

	color:  #fce75e;

	font-family: Georgia, Times, serif;

	font-weight: normal;

	margin: 0px 0px 0px 0px;	

	_margin: -13px 0px 0px 0px;

	padding: 0px;

}

#utility.projects a {

	float: left;

	margin-top: 5px;

	color: #87867c;

}

#utility.projects a:hover {

	color: #cacaca;

}

#utility.projects li {

	clear:both;

	list-style: none;

	margin: 0px 0px 45px 0px;

	_margin: 0px 0px 25px 0px;

}





/* footer *//*-----------------------------------------------------------------------------*/





#footer {

	clear: both;

	padding: 10px 0px 40px 0px;

	width: 540px;

}

#footer p {

	color: #303030;

	font-size: 11px;

}

#footer a {

	color: #303030;

}

#footer a:hover {

	color: #666666;

}