/* CSS Document */

/*CSS RESET*/
html, body, form, fieldset {
        margin: 0;
        padding: 0;
		font: 100%/120% Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

li, dd, blockquote {
        margin-left: 1em;
}

form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

/*STYLES*/
body {
	background-color:#111111; 
	height:100%;
	}
	
div#container {
	width:900px; 
	height:100%; /*THIS NEEDS TO CHANGE ONCE PAGE IS COMPLETE - NEEDS TO BE 100%!!!*/
	background:url(../images/page-background.jpg) repeat-y #252525; 
	margin-left:auto; 
	margin-right:auto;
	}
	
div#header {
	height:300px; 
	width:900px;
	}
	
div#nav, div#foot_nav {
	width:898px; 
	height:35px; 
	padding-top:15px; 
	background:url(../images/navigation-background.jpg) repeat-x; 
	border-left:1px solid #545454; 
	border-right:1px solid #545454;
	}
	
div#nav ul, div#foot_nav ul {
	list-style:none; 
	margin:0; 
	padding:0;
	border:0; 
	font-family: "Century Gothic", Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#707070; 
	font-size:1.1em;
	}
	
div#nav ul li, div#foot_nav ul li {
	float:left; 
	margin-left:50px;
	}
	
div#nav ul li a, div#foot_nav ul li a {
	text-decoration:none; 
	color:#707070;
	}
	
div#nav ul li a:hover, div#foot_nav ul li a:hover {
	color:#cccccc;
	}
	
div#content {
	 width:800px; 
	 height:100%; 
	 margin: 0px 50px;
	 }
	 
div#content h1 {
	display:block; 
	padding:9px; 
	margin:50px 0px 0px 0px; 
	float:left; 
	height:24px; 
	border:1px solid #af2627; 
	background-color:#ab161c;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:1.9em; 
	line-height:0.7em; 
	text-transform:uppercase;
	color:#fff;
	clear:left;
	}

div#content div.divider {
	display:block; 
	clear:both; 
	padding:0; 
	border:0; 
	margin-bottom:30px; 
	width:800px; 
	height:8px; 
	background-color:#363636; 
	border:1px solid #464646;
	}
	 
div#content div.rule {
	display:block; 
	clear:both; 
	padding:0; 
	border:0; 
	margin-bottom:30px; 
	width:800px; 
	height:0px;
	border-bottom:1px solid #464646;
	}
	
div#content p {	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:.7em; 
	line-height:1.75em; 
	color:#ccc;
	margin:0px;
	}
	
div#content p a {
	text-decoration:underline;
	color:#fff;
	}
	
div#content p a:hover {
	text-decoration:none;
	color:#ccc;
	}
	
div.project1 {
	width:385px; 
	float:left;
	margin-bottom:30px;
	}
	
div.project2 {
	width:800px; 
	margin-bottom:30px;
	}
	
div.project1 h2, div.project2 h2 {
	font-size:1em; 
	line-height:1em; 
	margin:0px 0px 10px 0px; 
	color:#ccc;
	}

div#content div.project1 p, div#content div.project2 p {
	margin:10px 0px 0px 0px !important;
	}
	 
div#content div.project1 p strong, div#content div.project2 p strong {
	color:#ab161c;
	}

div#content div.project1 a {
	display:block; 
	width:375px; 
	height:290px; 
	border:5px solid #fff;
	}

div#content div.project2 a {
	display:block; 
	width:790px; 
	height:290px; 
	border:5px solid #fff;
	}

div#content div.project2 a.set {
	display:none; 
	border:none;
	}