html, body {
	margin:0;
}
body {
	text-align:center;
	background:#272727 url(images/splash.jpg) no-repeat top center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#CCC;
}
/* Global styles */
a:link, a:active, a:visited{color:#3399CC; text-decoration:none;}
a:hover {text-decoration:underline;}
.blue { color:#3399CC; }
h1 {font-size:14px; font-family:Century Gothic; margin:5px 0 0 0; color:#FFFFFF;}
h3 { font-size:11px; margin:7px 0 5px 0;}
/* Fix for IE png */
img, div, ul li { behavior: url("scripts/iepngfix.htc") }
/* Global Page styles */
#wrapper {
	margin:0 auto 0 auto;
	width:660px;
	text-align:left;
}
#header {
	margin:0;
	padding:0;
	width:660px;
	height:77px;
	background:url(images/bar.jpg) no-repeat;
	float:left;
}
#nav {
	margin:87px 0 0 10px;
	padding:0;
	width:650px;
	height:22px;
	float:left;
	font-family:Century Gothic;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
#nav ul {
	margin-left:0;
	padding-left:0;
	display:inline;
} 
#nav ul li {
	width:93px;
	height:22px;
	margin:0 3px 0 0;
	background-image:url(images/tabbg.png);
	list-style:none;
	display:inline;
	float:left;
	text-align:center;
	line-height:22px;
}
#nav ul li:hover {
	margin-top:2px;
}
#nav a:link, #nav a:active, #nav a:visited{color:#CCC; }
#nav a:hover {color:#FFF; text-decoration:none;}
#widepane {
	width:640px;
	height:340px;
	margin:5px 0 0 0;
	padding:10px;
	float:left;
	background-color:#000000;
	text-align:justify;
}
#namebox {
	height:37px;
	line-height:35px;
	background:url(images/nameboxbg.jpg) repeat-x;
	margin:21px 0 0 0;
	padding-left:6px;
	float:left;
	font-size:16px;
	font-weight:bold;
	font-family:Century Gothic, Arial;
	color:#FFFFFF;
}
#nameboxcap {
	width:8px;
	height:37px;
	background:url(images/rightcap.jpg) no-repeat;
	margin:21px 0 0 0;
	float:left;
}
#icon {
	width:113px;
	height:113px;
	background:url(images/icon.png) no-repeat;
	position:absolute;
	top:85px;
	margin-left:555px;
	z-index:100;
}
/* Index Page styles */
#leftpane {
	width:464px;
	height:360px;
	margin:5px 0 0 0;
	float:left;
	background-color:#000000;
}
#rightpane {
	width:190px;
	margin:5px -3px 0 6px;
	float:left;
	background-color:#000000;
	overflow:hidden;
}
#rightpane2 {
	width:174px;
	height:56px;
	margin:5px 0 0 6px;
	padding:3px 8px 3px 8px;;
	background:#000000 url(images/contactbg.jpg) no-repeat;
	position:absolute;
	margin-left:-187px;
	top:483px;
	z-index:-1;
	text-align:right;
}
#rightpane2 h3 {
	font-size:10px;
	font-family:Century Gothic;
}
#mainpic {
	width:447px;
	height:345px;
	background:url(images/mainpic.jpg) no-repeat;
	margin:7px 0 0 8px;
}
#mainpicdesc {
	width:437px;
	height:75px;
	padding-left:10px;
	background:url(images/descbg.png) repeat;
	position:absolute;
	top:468px;
}
#mainpicdesc p {
	margin:0;
	padding-right:10px;
}
/* Index Page thumb rollover styles */
#idList {
	margin:6px 0 6px 8px;
	padding: 0;
	width:174px;
}
 
#idList li {
	display: block;
	margin: 0;
	padding: 0;
	width: 174px;
	height:31px;
	background: #333;
	color: #888;
	overflow:hidden;
}
/* Project Page styles */
#picholder {
	height: 300px;
	width:400px;
	margin:0;
	float:left;
}
#pic {
	margin:10px 0 0 5px;
	float:left;
}
#pictext {
	width:225px;
	height:342px;
	margin:6px 0 0 6px;
	float:left;
	text-align:justify;
}
/* Portfolio Page styles */
/* Product horizontal scroll module stlying */
#productscroll {
	float:left;
	width:640px;
	height:115px;
	margin:0 0 10px 0;
	background-color:#272727;
}
#scrollable2 {
	float: left;
	width: 640px;
	height: 100px;
	overflow: hidden;
	white-space: nowrap;
}
#wrap4 {
	float: left;
	clear: both;
	width: 640px;
	height: 15px;
	background:url(images/scrollbar_track_right.jpg) no-repeat top right;
}
#track4-left { /* left image of track */
	position: absolute;
	width: 15px;
	height: 15px;
	background:url(images/scrollbar_track_left.jpg) no-repeat top left;
}
/* horizontal track */
#track4 { position: absolute; width: 640px; height: 15px; }
/* horizontal track handle */
#handle4 { width: 98px; height: 15px; border:none; }

/* Profile Page styles */
#profiletop {
	width:630px;
	height:160px;
	margin:0;
	padding:0 5px 0 0px;
}
#profiletop img {float:left; margin-right:20px;}
#profilebtm {
	width:640px;
	height:150px;
	padding:0;
}