html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #504f50;
	background: #393839;
}
body {
	background: #fff url('../images/4.png') top right repeat-x;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 62.5%;
}

/* My Colors 
#51305c - purple
#896d93 - light purple
#ef8f00 - orange
#393839 - dark gray
#bcbbbc  - light gray
#5b5a5b - med gray
#99c - light blue
#c60101 - red hover;

*/
a {
	color: #ef8f00;
	text-decoration: none;
}
a:hover {
	color: #c60101;
	text-decoration: none;
	border-bottom: 1px solid #b9b8b9;
	border-top: 1px solid #b9b8b9;
}

#container {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	border: 0px solid red;
}

#banner {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 70px;
	border-left: 0px solid #896d93;
	border-right: 0px solid #896d93;
	background:  url('../images/3.png') top right no-repeat;
}
#banner h1 {
	position: absolute;
	right: 0px;
	margin: 0;
	padding: 0;
	width: 283px;
	height: 102px;
	font-size: .1em;
	color: #60406b;
	border: 0px solid #fff;
	text-align: right;
}
#banner h1 a:link, #banner h1 a:visited {
	display: block;
	margin: 0;
	width: 283px;
	height: 102px;
	padding: 0;
	text-decoration: none;
	color: #60406b;
	border: 0;
}
#banner h1 a:active, #banner h1 a:hover {
	background-color: transparent;
	border: 0;
}
#nav {
	width: 650px;
	color: #fff;
	font-weight: normal;
	font-size: 1.5em;
	background-color: transparent;
	margin: 0;
	padding: 0 0 0;
	border: 0px solid #fff;
	border-left: 0px solid #fff;
}
#nav ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
	}
#nav ul li {
	margin: 0;
	height: 70px;
	border-left: 0px solid #fff;
	display: table-cell;
	}
#nav ul li a:link, #nav ul li a:visited {
	display: table-cell;
	vertical-align: bottom;
	padding: 0 1em ;
	height: 69px;
	color: #bcbbbc;
	text-decoration: none; 
	border: 0;
	font-size: .9em;
	border: 0px solid #ef8f00;
	}
#nav ul li a:active, #nav ul li a:hover {
	height: 69px;
	color: #fff;
	text-decoration: none; 
	border-bottom: 1px solid #ef8f00;
	}
#front #content div.entry-content {
	padding-top: 2.5em;
	}
	
#content {
	padding: 1.5em 0;
	margin: 0;
	}
#content h1 {
	text-align: right;
	color: #4f2b5b;
	border-bottom: 1px solid #4f2b5b;
	background:  url('../images/8.gif') bottom right no-repeat;
	margin: 0 4px 0 0;
	padding: 20px 0px 0 0;
	}
#content .oneworkitem {
	width: 250px;
	margin: 1em 25px 1em 0;
	padding: 8px;
	float: left;
	border: 1px solid #bcbbbc;
	height: 225px;
	background-color: #efefef;
	}
#content .oneworkitem img, .mostrecent img { 
	margin: 0;
	padding: 0;
	border: 1px solid #bcbbbc;
	}
#content .oneworkitem h3, #content .mostrecent h3 {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 3px 0 0 0;
	border: 0;
	}
#content .oneworkitem a:link, #content .oneworkitem a:visited {
	color: #393839;
	border: 0;
	}
#content .oneworkitem a:active, #content .oneworkitem a:hover {
	color: #393839;
	border: 0;
	}
#content .mostrecent a:link, #content .mostrecent a:visited {
	color: #393839;
	border: 0;
	}
#content .mostrecent a:active, #content .mostrecent a:hover {
	color: #393839;
	border: 0;
	}
#content .mostrecent {
	width: 300px;
	margin: 10px 0 1em 4em;
	padding: 0;
	float: right;
	border: 0px solid #000;
	}
#content .mostrecent h2 {
	background:  url('../images/9.png') bottom left no-repeat;
	height: 25px;
	padding: 0;
	margin: 0;
	border: 0px solid #000;
	}
#content .mostrecent h2 span {
	visibility: hidden; 
	}
		
#content .recentitem {
	margin: 10px 0;
	padding: 8px 25px;
	border: 1px solid #bcbbbc;
	background-color: #efefef;
	text-align: left;
	}
#content .recentitem img {
	margin: 0;
	padding: 0;
	}
#content p {
	font-size: 1em; 
	line-height: 1.75em;
	padding: 1em 3em 1em 0;
	margin: 0;
	}
#content ul {
	list-style: none outside;
	font-size: 1em; 
	line-height: 1.75em;
	margin: 0 0 0 5px;
	padding: 0;
	}
#content ul li  {
	background: url('../images/10.png') center left no-repeat;
	padding: 0 0 0 15px;
	margin: 0;
	}
#content .siteinfo {
	float: right; 
	position: relative;
	width: 250px;
	border: 0px solid #000;
	margin-top: 3em;
	}
#content .siteinfo h2 {
	margin: 0;
	padding: 0;
	color: #9999cc;
	font-size: 1.25em;
	}
.bigimage {
	border: 1px solid #bcbbbc;
	margin: 3em 0 0 0;
	padding: 0;
	}
#content ul.nextpreviouslinks {
	list-style: none outside;
	margin: 2em 0 0 0;
	padding: 2em 0 0 0;
	border-top: 1px solid grey;
	}
#content ul.nextpreviouslinks li {
	margin: 0;
	padding: .5em 0;
	background: none;
	}
/* Styling for the Footer */

#footcontainer {
	width: 100%;
	background-color: #393839;
	margin: 0;
	padding: 0 0 4em 0;
	border-top: 1px solid #000;
	clear: both;
	}
.footer {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	}
#footcontainer h3 {
	margin: 0 0 0 0;
	padding: .5em 0 ;
	color: #ef8f00;
	font-size: 1.1em;
	border-bottom: 1px solid #000;
	text-transform: uppercase;
	}
#footcontainer div.worklist, #footcontainer div.teamlist, #footcontainer div.toolslist {	
	margin: 0 50px 0 0;
	padding: 0 0 0 0;
	float: left;
	width: 250px;
	border: 0px solid #fff;
	}
#footcontainer ul {
	list-style: none outside;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
#footcontainer ul li {
	list-style: none outside;
	margin: 0;
	padding: 0 0;
	display: inline;
	}
	
#footcontainer a:link, #footcontainer a:visited {
	color: #bcbbbc;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: .5em 5px;
	border-bottom: 1px solid #282728;
	}
#footcontainer a:active, #footcontainer a:hover {
	color: #fff;
	text-decoration: none;
	border: 0;
	background-color: #5b5a5b;
	border-bottom: 1px solid #ef8f00;
	}	
span.clear {
	clear: both;
	display: block;
	height: 25px;
}

#content .production, #content .design {
	float: left;
	width: 410px;
	margin: 0 35px 0 0;
	padding: 0;
	border-bottom: 1px solid #9999cc;
	}
#content .cost {
	clear: both; 
	padding-top: .5em;
	}
#content h3 {
	margin: 2em 0 0 0;
	padding: 0 ;
	color: #9999cc;
	font-size: 1.25em;
	border-bottom: 1px solid #9999cc;
	
}