* { margin:0; padding:0; }
a img { border:none; }
body { 
	background: #D1D1D1; 
	color: #999; 
	font-family: Helvetica, Arial, san-serif;
	font-size: .7em;
	line-height: 1.5em;
	}
#mainContainer {
	width: 800px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -400px;
	background: #FFF;
}
#masthead { height: 180px; }
#masthead h1 { display: none; }
#logo { position: absolute; top: 50px; left: 60px; }
ul.nav { 
	position:relative; 
	top: 163px; left: 480px;
	list-style: none;
	height: 10px;
	width: 270px;
	}
ul.nav li { 
	display: inline; 
	/* background: url(images/4pt_bullet.gif) no-repeat center right;
	padding-right: 8px; 
	line-height: 24px; */
	}
ul.nav li.last { background: none; }
ul.nav li h3 { display: none; }
ul.nav a.projects { 
	background: url(images/g_projects.gif) no-repeat center left; 
	width: 46px; height: 9px; 
	float: left;
	}
ul.nav li.current a.projects, ul.nav a.projects:hover {
	background: url(images/o_projects.gif) no-repeat center left; 
	}
ul.nav a.clients { 
	background: url(images/g_clients.gif) no-repeat center left; 
	width: 49px; height: 9px; left: 8px;
	float: left; 
}
ul.nav li.current a.clients, ul.nav a.clients:hover {
	background: url(images/o_clients.gif) no-repeat center left; 
	}
ul.nav a.people { 
	background: url(images/g_people.gif) no-repeat center left; 
	width: 46px; height: 9px; 
	float: left;
	}
ul.nav li.current a.people, ul.nav a.people:hover {
	background: url(images/o_people.gif) no-repeat center left; 
	}
ul.nav a.contact { 
	background: url(images/g_contact.gif) no-repeat center left; 
	width: 52px; height: 9px; 
	float: left;
	}
ul.nav li.current a.contact, ul.nav a.contact:hover {
	background: url(images/o_contact.gif) no-repeat center left; 
	}
ul.nav a.profile { 
	background: url(images/g_profile.gif) no-repeat center left; 
	width: 49px; height: 9px; 
	float: left;
	}
ul.nav li.current a.profile, ul.nav a.profile:hover {
	background: url(images/o_profile.gif) no-repeat center left; 
	}
.hiddenPic { display: none; }
	
	
#mainBody {
	clear: both;
	padding: 0 50px 0px 50px;
	height: 300px; /* min-height: 300px; if it needs to be taller */
	}
#bodyContainer { 
	width: 270px; 
	height: auto;
	text-align: left; 
	padding-left: 15px; 
	position: relative; 
	top: 0; right: 0;  
	float: right;
	}
ul.subnav {
	list-style: none; 
	color: #555;
	margin-top: -3px;
	}
ul.subnav ul { list-style: none; }
ul.subnav a, ul.subnav ul.curprojects li, #imgContainer a, ul.clients li { color: #999999; text-decoration: none; }
ul.subnav a:hover, #imgContainer a:hover { color: #777; }
ul.subnav ul li.subcurrent a { color: #FF3300; }
ul.subnav ul { line-height: 1.4em; margin-bottom: 10px; }
ul.subnav sup { line-height: .2em; color: #AEAEAE; }
ul.subnav ul.people, ul.subnav ul.contact { line-height: 1.8em; }
ul.subnav h2 { 
	font-size: 1em; 
	text-transform: capitalize; 
	font-weight: normal; 
	}
ul.subnav h2 a { color: #555; }

#mainBody img { border: 0px;/* 1px solid #999999;*/ margin-bottom: 10px; }
#profileStory p { margin-bottom: 8px; }
#profileStory p a, #mainBody p a:visited { text-decoration: none; color: #999; }
#profileStory p a:hover, #profileStory p a:active { text-decoration: underline; }
#imgContainer { 
	width: 415px; 
	height: auto;
	text-align: right; 
	position: relative; 
	top: 0; left: 0;  
	float: left;
	}
#cvContainer { 
	width: 415px; 
	height: auto;
	text-align: left; 
	position: relative; 
	top: 0; left: 0;  
	float: left;
	}
#title, #title a, #imgnumber, #imgnumber a, #imgnumber a:hover { color: #555; display: inline; }
#imageList { display: inline; }
#imageList a { padding-left: 3px; }
#title sup { line-height: .2em; color: #999; }
.orange { color:#FF6640; }



#footer {
	clear: both;
	margin-top: 60px;
 	background: #fff; /* #B2B2B2; */
	color:  #999; /* #DDDDDD; #B1B1B1; 999999*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/* letter-spacing: -.1em; */
	padding: 4px 50px 5px 80px;
	}
#footer ul { list-style: none; }
#footer li { 
	display: inline;
	/* background: url(images/4pt_bullet_dark.gif) no-repeat center right;
	padding-right: 10px; */
	}
#footer2 {
	background: #D1D1D1; 
	color:#F4F4F4; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px 10px 5px 80px;
	}
#footer2 ul { list-style: none; }
#footer2 li { display: inline; }
#footer2 li a { text-decoration: none; color: #F4F4F4; }