/* Designed By THE WOLF CSS */

/***  MAIN SITE CONTAINERS  ***/

html,body {
	margin:0;
	padding:0;
	height:100%;
	font-family: Century Gothic, Verdana, sans-serif;
	font-weight:lighter;
	color:#999999;
	background:#222222;
	}
   
html>body #wrap {
	height:100%;
	} 
	
#header {
	width:100%;
	height:100px;
	background: #000000;
	border-bottom:2px solid #222222;
	}
	
html>body #header {
	position:fixed;
	z-index:10;
	}
	
html>body #content-wrap {
	height:100%;
	background: #222222 ;
	}

html>body #content {
	padding:120px 45px;
	display:table;
	margin:0 auto;
	}

#footer {
	width:100%;
	height:55px;
	background: #000000;
	border-top:2px solid #222222;
	}

html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10;
	}

/*** TEXT ***/

h1 {
	color:#99CC00;
	margin:0;
	padding:0;
	font-weight:lighter;
	font-size:15pt;
	}
	
	
h2 {
	margin:0;
	padding:0;
	font-weight:lighter;
	font-size:16pt;
	}
	
p {
	font-size:10pt;
	color:#999999;
	line-height:12pt;
	margin:0;
	padding:0;
	}
	
a:link, a:visited, a:active {
	font-weight:lighter;
	text-decoration:none;
	color:#99CC00;
	}
	
a:hover {
	text-decoration:line-through;
	color:#99CC00;
	}
	
img {
	margin:0;
	padding:0;
	border:none;
	}
	
input, textarea {
	color:#999999;
	border:#333333 1px solid;
	background:#000000;
	font-family:Century Gothic, Verdana, sans-serif;
	}
	
submit {
	background:url(images/submit-btn.gif);
	}
	
	
/*** PROJECT CONTAINERS  ***/

#project {
	width:900px;
	border:2px dotted #333333;
	margin:20px auto;
	padding:0;
	background:#000;
	display:table;
	clear:both;
	overflow:visible;
	}
	
#titlebox {
	display:block;
	border-bottom:2px dotted #333333;
	margin:0 auto;
	padding:10px 15px 10px 15px;
	float:left;
	width:870px;
	}
	
#descriptionbox {
	display:block;
	border-bottom:2px dotted #333333;
	margin:0 auto;
	padding:5px 5px 5px 15px;
	float:left;
	width:880px;
	}
	
#sidebysidepic {
	float:left;
	margin:0;
	padding:25px;
	}
		
#bigpic {
	float:left;
	margin:0;
	padding:20px;
	border-right:2px dotted #333333;

	}
	
#smallerpicA {
	margin:0;
	padding:20px 20px 20px 18px;
	float:left;
	border-bottom:2px dotted #333333;
	}
	
#smallerpicB {
	margin:0;
	padding:20px 20px 20px 18px;
	float:left;
	}
	
#logotop {
	float:left;
	height:100px;
	}
	
#footercontent {
	margin:0 auto;
	width:500px;
	text-align:center;
	padding:15px 0 0 0;
	}
	
.indexbg {
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	
	background:#5e564b;
	}
	
#homepagecontainer {
	width:100%;
	padding:0px;
	background:#5e564b;
	}
	
#homebg {background:#5e564b !important;}
	
	
#homepagetextcontainer {
	width:250px;
	margin:15px 0 10px 422px;
	padding:0;
	text-align:justify;
	}
	
#contactcontainer {
	width:500px;
	margin:20px auto;
	padding:30px;
	border:2px dotted #333333;
	background:#000;
	display:table;
	text-align:center;
	}

	
#contactleft {
	width:165px;
	margin:0;
	padding:0 5px 0 0;
	text-align:right;
	float:left;
	}

#contactright {
	width:250px;
	margin:0;
	padding:0 0 10px 5px;
	text-align:left;
	float:left;
	}
	
/***  MENU  ***/

#menucontainer {
	width:900px;
	margin:0 auto;
	padding:0;
	}

#menubox {
	height:10px;
	width:70px;
	float:right;
	margin:0 0 0 13px;
	text-align:left;
	padding:0;
	color:#777777;
	font-weight:lighter;
	font-size:9pt;
	vertical-align:bottom;
	overflow:visible;
	display:inline;
	}
	
#menubox a, #menubox a:visited {
	text-decoration:none;
	padding:15px 5px 15px 5px;
	background:#121212;
	color:#777777;
	margin:59px 0 0 0;
	border-right:1px solid #171717;
	border-top:1px solid #222222;
	width:70px;
	}
	
#menubox a:hover {
	text-decoration:none;
	background:#222222;
	color:#99CC00;
	height:15px;
	padding:15px 5px 15px 5px;
	margin:55px 0 0 0;
	width:70px;
	}
	
#menubox a:active {
	background:#333333;
	text-decoration:none;
	border:none;
	}
	
#menuselected {
	height:15px;
	width:70px;
	float:right;
	text-align:left;
	padding:15px 5px 15px 5px;
	margin:54px 0 0 0;
	color:#FFFFFF;
	background:url(images/menuselected-bg.gif) bottom left repeat-x;
	font-weight:lighter;
	font-size:9pt;
	vertical-align:bottom;
	border-right:1px solid #171717;
	border-top:1px solid #222222;
	}

/*** OUICK LINKS ON INDEX PAGE ***/
#quicklinkcontainer {
	width:250px;
	margin:10px 0 5px 420px;
	padding:0;
	text-align:center;
	}
	
	
ul#quicklink{
	list-style-type:none;
	width:100%;
	position:relative;
	height:50px;
	font-size:10pt;
	font-weight:normal;
	margin:0;
	padding:0;
	}

ul#quicklink li{
	display:block;
	margin:0 0 3px 0;
	background:#000000;
	padding:0;
	width:250px;
	text-align:left;
	color:#777777;
	}

ul#quicklink li a{
	display:block;
	text-decoration:none;
	font-weight:normal;
	padding:3px;
	width:244px;
	color:#777777;
	border-right:1px solid #171717;
	border-top:1px solid #222222;
	background:#121212;
	}

ul#quicklink li a:hover{
	background:#222222;
	color:#99CC00;
	
	}