/*Global
------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 0;
	padding:0; 
}

ul, li { 
	list-style-type: none;
}

body {
	color: #4a4a4a;
	background-color:#fff; /*url(./graphics/bg.gif) repeat-x 0 0;*/
	font:10px/1.6em "lucida grande", arial, sans-serif;
}

hr {
	clear:both;
	visibility:hidden;
}

.clear {
	clear:both;
}

.centered, p.centered {
	text-align:center;
}

.right {
	text-align:right;
}		

img {
	border:0;
}

h1, h2, h3, h4, h5 {                                         
/*	color: #576068;   */     
	font-weight: normal;
}

h1 {
	font-size: 17.87px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 12px;
/*	float:left;    */
	clear: left;           
	margin-bottom: 7.5px;
}

h4 {
	font-size: 11px;  
	margin-bottom: 4px;  
/*	float: left;     
	clear:left;  */
}

h5 {
	font-size: 9px;
}

/* Uncomment for full-height pages
html, body {
height: 100%;
}
*/

/*CENTERED LAYOUT
------------------------------------------------------------------*/

#wrapper {
/*	margin-right: auto;
	margin-left: auto;       */
	height: auto; /*switch to 100% for full height sites*/    
	width: 810px;
	padding: 0px 30px;  
}

#content {    
	width: 810px;
	min-height: 500px; 
	height: auto;
	position:relative;
	float: left;               
	
}


/*LINKS
------------------------------------------------------------------*/

a:link, a:visited {
	color: #983613;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/*MAIN NAVIGATION
------------------------------------------------------------------*/

ul#nav {
	width: 260px;
	margin-right: 30px;
	list-style: none;   
	height: 126px;   
	float: left;    
}

ul#nav li {    
/*	line-height: 1.6em;  */       
	width: 260px;   
	
}

ul#nav li a:link, ul#nav li a:visited {
	font: 14px/1em 'lucida grande', arial, sans-serif;
	display: block; 
	width: 260px;   
	height: 14px;
	padding-bottom: 6.5px;
	color: #4a4a4a;    
	font-weight: normal;

}

ul#nav li a:hover {
	color: #000;         
	text-decoration: none;
}

/*PROJECT NAVIGATION
------------------------------------------------------------------*/
                    
ul#projects_nav {
/*	float: left;  */
	width: 260px;   
	margin-right: 30px;
	height: auto;  
/*	clear: left;    */
	margin-bottom: 40px;
}               

ul#projects_nav li, ul#profile_nav li {
	font-size: 11px;   
	line-height: 1.6em;
}

ul#projects_nav li a:link, ul#projects_nav li a:visited, ul#profile_nav li a:link, ul#profile_nav li a:visited {
	color: #4a4a4a;
}                  

ul#projects_nav li a:hover, ul#profile_nav li a:hover {    
	color: #000; 	            
	text-decoration: none;
}


/*MAIN/PROJECT/PROFILE NAVIGATION SECTION/ACTIVE
------------------------------------------------------------------*/

#profile #profilenav a, 
#projects #projectsnav a,
#recognition #recognitionnav a,
#section4 #section4nav a,
#section5 #section5nav a{
	color: #983613;
}

#projects_nav .active a:link, #projects_nav .active a:visited, #profile_nav .active a:link, #profile_nav .active a:visited   {
	color: #983613;
	text-decoration: underline;
}

#projects_nav .active a:hover, #profile_nav .active a:hover {
	color: #000;   
}

/*HEADER
------------------------------------------------------------------*/

#header {
	width: 810px ;
	height: 95px;         
	position:relative;
	
	
}

a.logo_outdent {
	position: absolute;
	left: 0px;
	top: 30px;
	display: block;
	height: 20px;
	width: 260px;
	text-indent: -1999px;
 	background-color: transparent;
	background: transparent url('../graphics/logo.gif') no-repeat left top;
}

/*FOOTER
------------------------------------------------------------------*/

#footer {          
   	height: 30px;    
    float:left;    
	margin-top: 0px;
  
/*	margin-left: 297px;   */
	
}

#projects #footer {
/*	margin-top: 0px;   */
}

/*ENTRIES/SECTIONS/COLUMNS
------------------------------------------------------------------*/
         
/*Specific style rules go here for each, as well as container classes*/     

#project_info, #profile_nav {  
	width: 260px;
	margin-right: 30px;   
	height: auto; 
	float: left;    
/*	clear:left;	   */
}

#projects p, #profile p {
	margin-bottom:15px;    
	line-height: 1.7em;
	
}

#project_info a:link {
	color: #4a4a4a;
	text-decoration: underline;
}                                                     

#project_info a:hover {
	color: #000;
	text-decoration: underline;
}                                                     

#imageContainer {     
	position:absolute;
	height: 520px;
	width: 512px;
	float: right;
    border: 1px solid #dbdbdb;   
    top: 0px;         
    right: 0px;

}                      

#imageContainer img {
	margin: 8px 8px 8px 8px;
	display:none;  
	float: right;
	position:absolute;
	right: 0px;       
    top: 0px;
}

#profile_body, #recognition_body, #contact_body {
	position:absolute;
	top: 0px;
	right: 0px;    
   	float: right; 
}

#profile_body, #recognition_body, #contact_body {
	width: 512px;
	height: auto;  
}

#recognition_body {
	height: 512px;
	overflow: auto;
	padding-right: 10px;
}

#controller ul { 
	position:absolute;
	top: 522px;
	left: 292px;         
	width: 522px;	
}

#controller ul li {
	float: left;
	display: block; 
	height:10px;
	width: auto;
	padding: 0px 2px;
}

li#prevnext {
	position:absolute;
	top: 0px;
	right: 0px;
}

#controller ul li a:link, #footer a:link, #footer a:visited, #controller ul li a:visited {
	color: #4a4a4a;
}

#controller ul li a:hover, #footer a:hover {
	color: #000;
}

#profile h4, #recognition h4, #profile h3, #recognition h3 {
	float: none; 
	margin-bottom: 15px;
}    

#profile img {
	margin-bottom: 15px;
}   

#recognition ul, #recognition p {
	margin-bottom: 15px;
}             

.hide {
	display: none;
}         

#index #imgs-frame {
	border: none
}                      

#profile_body img {
	float: right;
    margin-left: 15px;
}

#profile_body p {
/*	width: 167px;   */
}               

.underline {
	text-decoration: underline;
}                  

#wa #wrapper {
	width: 360px;
	padding: 20px;
}
                
.spacethisout {
	line-height: 2.2em;
}  

#recognition #content li, #wa li {
	margin: 6px 0px;
}                               

#profile #content img {
	width: 260px;
}         


#profile #content p {
	width: 237px;
}