﻿/* CSS Document */


/* `Main Structure
----------------------------------------------------------------------------------------------------*/

body { background:#333; color:#CCC; position:relative;
}

/* `Header  */
nav a {margin: 3%; padding: 10px 40px; float:left;}
nav a:hover{color:#FC9; background-color: #434343;}
nav, nav a, header, article, #content, aside {display:block;}
#header {background: url(../images/mainHeader.jpg)top center repeat-x; height: 439px; width: 100%; margin: 0px; padding: 0px;}

/* WEB CONSTRUCTION STYLES */
#webContruct {color: #FF6A6A;}

/* `Content  */
#content{margin-top:40px;}
#content a{text-decoration:none; color:#FC9 ;}
#content a:hover{color:#FFF ; text-decoration:none;}

#displayImg{float:left; padding: 0px 16px 9px 0px;}
#FAheader{width: 630px; height: auto; padding: 0px 0px 16px 0px;}
#featureHeader{width: 630px; height: 435px;}
#profileImg{float:left;margin:0px 0px 10px 0px;padding:0px;}
#bioPicture{margin: 0px; padding: 10px 20px 10px 10px; float: left;}


/* `Aside Bar  */

aside{}

/* `Footer
----------------------------------------------------------------------------------------------------*/
footer {margin: 5%;}
footer div {color: #777;}
footer h3 {color: #FFF;}
footer a {color: #999;}
footer a:hover {color: #FFF; text-decoration: none;}
footer ul {margin: 0 0 0 40px; list-style: square; color: #565656;}
/*--------------------------*/
div#slideshow {
	float:right;
	height: 439px;
	width: 439px;
}
