/* CSS Document */

/*
-----------------------------------------------------------------------------
version:   1.0
author:    chris williams
email:     founddesign@gmail.com
website:   http://www.found-design.com
-----------------------------------------------------------------------------
*/


/* 
-----------------------------------------------------------------------------
General 
-----------------------------------------------------------------------------
*/

* {
	padding:0;
	margin:0;
	}

body {
	background-color:#000000;
	}

/* 
-----------------------------------------------------------------------------
Structure 
-----------------------------------------------------------------------------
*/

#wrapper {
	background:url(images/background.jpg) no-repeat left top;
	width:800px;
	height:529px;
	margin:50px -400px 0px -400px;
	left:50%;
	position:absolute;
	}

#logo {
	background:url(images/logo.png) no-repeat left top;
	width:250px;
	height:100px;
	margin-left:-125px;
	margin-top:15px;
	margin-bottom:15px;
	left:50%;
	position:absolute;
	}

	
#menubar {
	background-color:#333333;
	width:800px;
	margin-left:-400px;
	margin-top:130px;
	left:50%;
	position:absolute;
	}	

#contentwrapper {
	width:500px;
	margin:185px -235px 0 -235px;
	left:50%;
	position:absolute;
	}

#contenttop {
	padding:26px 0 0 0;
	}

#content {
	width:400px;
	height:270px;
	position:relative;
	padding:0 60px 0 40px;
	}


			

#bottom {
	background-color:#000000;
	width:800px;
	height:10px;
	margin-left:-400px;
	margin-top:600px;
	left:50%;
	position:absolute;
	}
		
	

/* 
-----------------------------------------------------------------------------
Typography - headings
-----------------------------------------------------------------------------
*/	

	
h1 {
	text-indent:-1000px;
	}	
	
h2 {
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#000000;
	padding:0 0 0 0;
	}	
	
h3 {
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	padding:8px 0 0 0;
	}			

/* 
-----------------------------------------------------------------------------
Typography - other
-----------------------------------------------------------------------------
*/	

#menubar ul {
	list-style-type:none;
	text-align:center;
	padding:5px 0;
	}
	
#menubar ul li {
	display:inline;
		}
		
#menubar ul li a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#DE8E38;
	text-decoration:none;
	padding:0 10px;
	}				
	
#menubar ul li a:hover {
	color:#FFFFFF;
	}	
	
p {
	font-family:"Courier New", Courier, mono;
	font-size:2em;
	padding:8px 0 0 0;
	text-align:center;
	color:#ccc;
	}	
	
a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#DE8E38;
	}
	
a:hover {
	color:#000000;
	text-decoration:none;
	}	
	
#bottom p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#FFFFFF;
	text-align:center;	
	}
	
#bottom a {
	color:#DE8E38;
	}	
	
#bottom a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}	

	
#menubar ul li a.menuon {
	color:#FFFFFF;
	}
	
#clients li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	list-style-type:square;
	}
	
ul#clients {
	padding:8px 0 0 25px;
	}	
	

/* 
-----------------------------------------------------------------------------
Images
-----------------------------------------------------------------------------
*/	

img {
	border:1px solid #333333;
	margin:5px 0 0 4px;
	}	
	
#about img {
	float:right;
	}