@charset "utf-8";
/* CSS Document */

/* Import other CSS style sheets */
@import url(gallery.css); /* Photo Gallery style sheet */
@import url(bio.css);     /* Biography page style sheet */
@import url(video.css);   /* Video gallery style sheet */
@import url(doc.css);	  /* Documents page style sheet */

/* Display HTML5 structural elements as blocks */
header, section, aside, footer, nav {
   display: block;
}

/* Default padding and margin for the whole page */
* {
   padding: 0px;
   margin: 0px;
}
/* Body styles */
body {
   background: #FFFFFF;
}

/* Page ID style rules */
#container {
	background-color: transparent;
	width: 1024px;
	height: 600px;
	margin: auto;
}

footer {
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-color: hsl(0,60%,50%);
	margin: 602px 0 0 0;
	padding: 5px 0 2px 0;
	height: 20px;
	width: 1024px;
}

header {
   height: 165px;
   margin-top: 10px;
   width: 100%;
   background-color: #FFFFFF;
}

nav.horizontal {
   height: 70px;
   width: 100%;
   margin-top: 0px;
   background-color: hsl(0,60%,50%); 
}

nav.horizontal ul {
  display: block;
  padding-top: 3px;
  width: 1024px;
  height: 30px;	
  font-family: 'Century Gothic MS', sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 20px;
  list-style-type: none;
}

nav.horizontal li {
   display: block;
   float: left;
   text-align: center;
   width: 180px;
   height: 40px;
   line-height: 40px;
   margin: 12px 5px;
   margin-left: 17px;
   background-color: hsl(0,0%,40%);
   
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
}

/* Rules for the  */
nav.horizontal li a {
   color: hsl(0,0%,100%);
   text-decoration: none;
}

nav.horizontal a:hover {
   color: hsl(0,0%,0%);
}

#project_title {
	padding-top: 70px;
	color: hsl(0,60%,50%);
}

#main {
	background-color: white;
    float: left;
    width: 1024px;
	height: auto;
}

#main > p {
	font-size: 16px;
    margin: 15px;
}

#main h3, h4 {
	margin-top: 12px;
	margin-left: 15px;
}

#main h2 {
	margin: 25px 0 15px 15px;
}

#main ul {
	margin-left: 34px;
	margin-top: 15px;
}

#main img {
	float: right;
	margin: 15px;
	width: 460px;
	height: auto;

}

#logo {
	float: left;
	margin: 10px 230px 0 50px;
}