@charset "utf-8";

body{
	background: url(SysImages/metal.jpg) grey;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
ol, ul {
		list-style: square;
		list-style-position: inside;
		list-style-type:disc;
	}
li{
	padding: 5px;
}
#body{
	width: 1000px;
}	
.highlight{
	color: #360;
}
#leftshade{
	background: url(SysImages/leftshade.png);
	width: 371px;
	height: 594px;
	position: fixed;
	margin-left: -401px;
	z-index: 300;
}
#rightshade{
	background: url(SysImages/rightshade.png);
	width: 389px;
	height: 707px;
	position: fixed;
	margin-left: 1030px;
	z-index: 300;
}
#bodyborder{
	width: 1070px;
	background: url(SysImages/metalstripvertical.png) center repeat;
}
#top{
	height: 246px;
	background: url(SysImages/body.jpg) top center no-repeat;
}
#gallery{
	color: white;
}
#menu{
	background: url(SysImages/body.jpg) bottom center no-repeat;
	height: 433px;
}
#goldbar{
	width: 1000px;
	height: 25px;
	background: url(SysImages/goldbar.jpg) no-repeat;
}
.clipboardtop{
	background: url(SysImages/clipboardtop.jpg) no-repeat;
	width: 990px;
	height: 142px;
	margin: 0px 0px 0px 15px;
}
.clipboardmiddle{
	background: url(SysImages/clipboardmiddle.jpg);
	width: 780px;
	min-height: 35px;
	color: black;
	padding: 0px 60px 0px 70px;
	margin: 0px 0px 0px 15px;
}
.clipboardbottom{
	background: url(SysImages/clipboardbottom.jpg) no-repeat;
	width: 990px;
	height: 192px;
	margin: 0px 0px 0px 15px;
}
.designtop{
	background: url(SysImages/designtop.jpg) no-repeat;
	width: 800px;
	height: 202px;
	margin: 0px 0px 0px -13px;
}
.designmid{
	background: url(SysImages/designmiddle.jpg) repeat-y;
	width: 740px;
	padding: 10px 30px 10px 30px;;
	margin: 0px 0px 0px -13px;
}
.designbottom{
	background: url(SysImages/designbottom.jpg) no-repeat;
	width: 800px;
	height: 41px;
	margin: 0px 0px 0px -13px;
}

#fss{
	background: url(SysImages/firstsupportmiddle.jpg) repeat-y; 
	width: 711px; 
	text-align: left; 
	padding: 10px 50px 0px 30px;
}
#ditrend{
	background: url(SysImages/ditrendmiddle.jpg) repeat-y; 
	width: 711px; 
	text-align: left; 
	padding: 10px 50px 0px 30px;
}
#ccplus{
	background: url(SysImages/ccplusmiddle.jpg) repeat-y; 
	width: 711px; 
	text-align: left; 
	padding: 10px 50px 0px 30px;
}
#default a{
	background: url(SysImages/trevor.jpg) left;
	width: 245px;
	height: 62px;
	display: block;
	position: absolute;
	margin: 71px 0px 0px 20px;
	z-index: 100;
}
#default a:hover{
	background: url(SysImages/trevor.jpg) right;
	width: 285px;
	margin: 71px 0px 0px 20px;
	z-index: 999;
}
#lang a{
	background: url(SysImages/languages.jpg) left;
	width: 421px;
	height: 139px;
	display: block;
	position: absolute;
	margin: 42px 0px 0px 13px;
	z-index: 100;
}
#lang a:hover{
	background: url(SysImages/languages.jpg) right;
	z-index: 999;
}
#misc a{
	background: url(SysImages/misc.jpg) left;
	width: 321px;
	height: 218px;
	display: block;
	position: absolute;
	margin: 95px 0px 0px 345px;
	z-index: 100;
}
#misc a:hover{
	background: url(SysImages/misc.jpg) right;
	z-index: 999;
}
#workhistory a{
	background: url(SysImages/workhistory.jpg) right;
	width: 388px;
	height: 224px;
	display: block;
	position: absolute;
	margin: 28px 0px 0px 595px;
	z-index: 100;
}
#workhistory a:hover{
	background: url(SysImages/workhistory.jpg) left;
	z-index: 999;
}
#design a{
	background: url(SysImages/design.jpg) left;
	width: 357px;
	height: 183px;
	display: block;
	position: absolute;
	margin: 214px 0px 0px 73px;
	z-index: 100;
}
#design a:hover{
	background: url(SysImages/design.jpg) right;
	z-index: 999;
}
#projects a{
	background: url(SysImages/projects.jpg) left;
	width: 412px;
	height: 180px;
	display: block;
	position: absolute;
	margin: 246px 0px 0px 550px;
	z-index: 100;
}
#projects a:hover{
	background: url(SysImages/projects.jpg) right;
	z-index: 999;
}
/*#bottompad{
	height: 20px;
	width: 1000px;
	background: black;
	
}*/
#bottom{
	clear: both;
	width: 1069px;
	height: 60px;
	background: url(SysImages/bottom.png) no-repeat;
	margin: -40px 0px 0px 0px;
	padding: 83px 0px 0px 0px;
	font-weight: bold;
}