/* We hate to use hacks, but because we're having to use the doctype of HTML 4.01 Transitional in order to achieve horizontal and vertical scrolling to work across browsers, we're using values in parens to hack ie to get the correct values */

/* Global Styles */

body {
	margin: 0;
	text-align:center;
	background-color:#fff;
}
	
#main {
	position: relative;
	margin: 0 auto;
	width: 817px;
	text-align:center;
	z-index: 1;
}

#menu {
	position: relative;
	margin: 0 auto;
	width: 817px;
	text-align:center;
	z-index: 10;
}
	
#pix {
	margin: 0 auto;
	width: 817px;
	text-align:center;
	background-color: #c8d07f;
}

h1 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #ff7604;
	margin: 0 0 10px 0;
	text-align: left;
}

h1 span {
	color: #464646;
}

h2 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

h3 {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ff7604;
	margin: 0;
}

h4 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #e5212e;
	margin: 0;
}

a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ff7604;
	line-height: 20px;
	line-height: "17px";
	text-decoration: none;
	font-weight:normal;
}
a:hover {
	color: #636363;
	text-decoration: none;
}

p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	line-height: 15px;
}

ul {
	list-style-type: square;
	color: #ff7604;
	margin-left: 12px;
	padding-left: 4px;
}

ul li {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #ff7604;
	line-height: 13px;
	margin-bottom: 8px;
}

ul li span {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 13px;
}

/* Secondary Page Styles */


	
#projectPix {
	margin: 0 auto;
	width: 817px;
	height: 401px;
	height: "405px"
}

/* Scrolling Content Styles */


#projectsPix {
	float: right;
	width: 497px;
	height: 401px;
	height: "405px";
	text-align:left;
}

#projectsPixMain {
	float: right;
	width: 371px;
	height: 429px;
	height: "433px";
	text-align:left;
}

div#hold {
	position: relative;
	float: left;
	width: 295px;
	width: "280px";
	height: 337px; 
	text-align:center;
	background-color: #ffffff;
	overflow: hidden;
}

div#hold2 {
	position: relative;
	float: left;
	width: 752px;
	width: "747px";
	height: 368px; 
	height: "367px"; 
	text-align:center;
	margin-top: 20px;
	background-color: #ffffff;
	overflow: hidden;
}

div#hold3 {
	position: relative;
	float: left;
	width: 395px;
	width: "380px";
	height: 337px; 
	text-align:center;
	background-color: #ffffff;
	overflow: hidden;
}

div#wn2 {
	position:relative; 
	left:0px; top:0px; 
	float: left;
	padding: 0 12px 0px 0px;
	width: 260px;
	height: 339px; 
	height: "335px"; 
	clip:rect(0px, 270px, 339px "335px", 0px); 
	text-align:left;
	overflow: hidden;
	background-color: #ffffff;
	z-index:8;
}

div#wn2 p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	line-height: 20px;
	line-height: "17px";
}

div#wn3 {
	position:relative; 
	left:0px; top:0px; 
	float: left;
	padding: 0 12px 0px 0px;
	width: 430x;
	height: 339px; 
	height: "335px"; 
	clip:rect(0px, 430px, 339px "335px", 0px); 
	text-align:left;
	overflow: hidden;
	background-color: #ffffff;
	z-index:8;
}

div#wn3 p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	line-height: 20px;
	line-height: "17px";
}

p.first {
	margin-top: 5px;	
	margin-top: "0px";
}

div.content	{ 
	position:relative; 
	left:0px; top:0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	line-height: 20px;
	line-height: "17px";
	padding-bottom: 5px;
	z-index:1; 
}

div#controls { 
	float: left;
	margin-top: 35px;
	width:25px; 
 	height:80px;
}

div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
}
    
div#scrollbar { 
	float: left;
	margin-top: 35px;
	position:relative;
	width:11px; height:329px; 
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#track { 
	position:absolute; left:1px; top:12px;
	width:9px; height:305px;
	background: url('../images/bg_track.gif') repeat-y 0 0;
}

div#dragBar {
	position:absolute; left:1px; top:1px;
	margin-left: 1px;
	width:5px; height:40px !important;
	background-color:#8d8989;
	}  
div#up {
	position:absolute;
	left:0; 
	top:-4px;
}

div#down {
	position:absolute;
	left:0;
	bottom:-2px;
}

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
}

div#controlsHoriz { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	clear: both;
	position: relative;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width:817px; 
 	height:28px;
}

div#controlsHoriz a { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

div#controlsHoriz span { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
	margin: 0px;
	padding: 0px;
}

div#popup {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	background:#EFEFEF;
	border:1px solid #999999;
	margin:0px;
	padding:7px;
	width:270px;
}

/* Navigation Styles */

/* Main Nav */

#nav {
	clear: both;
	margin: 0 auto;
	text-align: center;
	background-color: #c8d07f;
	width: 817px;
	height: 78px;
}

/* Menus */

/* The second top value in quotes is a hack for ie */

#navProfileMenu {
	top :322px;
	top :"326px";
	left :98px;
	visibility:hidden;
	z-index : 10;
	position : absolute;
}

#navPortfolioMenu {
	top :204px;
	top :"208px";
	left :207px;
	visibility:hidden;
	z-index : 10;
	position : absolute;
}

#navrecognitionMenu {
	top :381px;
	top :"385px";
	left :365px;
	visibility:hidden;
	z-index : 10;
	position : absolute;
}

#navcontactMenu {
	top :322px;
	top :"326px";
	left :550px;
	visibility:hidden;
	z-index : 10;
	position : absolute;
}

div.menuShell {
	display: block;
	border-left: 1px solid #bababa;
	border-right: 1px solid #bababa;
	border-top: 1px solid #bababa;
}
	
div.normCell {
	background-color: #fff;
	border-bottom: 1px solid #bababa;
	width: 172px;
	display: block;}

div.normCell a {
	font:11px Verdana, Arial, Helvetica, Geneva, sans-serif;
	width: 172px;
	line-height: 14px;
	letter-spacing: 2px;
	color:#5c5c5c;
	text-align: center;
	text-decoration:none;
	font-weight:normal;
	display: block;
}

div.normCell a:Hover {
	text-decoration:none;
	color:#e94700;
	display: block;
}