@charset "UTF-8";

body {
  	font-size: small;
  	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background:#FFF url(../img/bkgd.png) repeat-y top center;
}
#container {
	width:980px;  
	margin:0px auto;
	height:auto; 
}
#spacer {
	background-color: #ff8080;
}
#logo {
	margin: 15px 0 0 0;
	padding: 0;
	height: 20px;
	width: 305px;
	background:#FFF;
}
a img {
    border: none;
}
a img:hover {
    border: none;
}
#nav_upper {
	margin: 25px 0 0 0;
	padding: 0 0 0 0;
	height: 57px;
	width: 980px;
}
#heading_home, #heading_work_identity, #heading_work_websites, #heading_work_print, #heading_about_career, #heading_about_contact {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 50px;
	width: 500px;
	float:left;
}
#heading_home {
	background:#FFF url(../img/head_featured_projects.png) no-repeat top left;
	width: 500px;
}
#heading_work_identity {
	background:#FFF url(../img/head_work_identity.png) no-repeat top left;
	width: 360px;
}
#heading_work_websites {
	background:#FFF url(../img/head_work_websites.png) no-repeat top left;
	width: 360px;
}
#heading_work_print {
	background:#FFF url(../img/head_work_print.png) no-repeat top left;
	width: 360px;
}
#heading_about_career {
	background:#FFF url(../img/head_about_career.png) no-repeat top left;
	width: 360px;
}
#heading_about_contact {
	background:#FFF url(../img/head_about_contact.png) no-repeat top left;
	width: 360px;
}
#nav_lower {
	margin: 0 0 0 0;
	padding: 0;
	height: 30px;
	width: 980px;
}
#nav {
	margin: 1px 0 0 0;
	padding: 0;
	float:right;
}
#nav ul {
	list-style:none;
	margin: 0;
	padding: 0 184px 0 0;
}
#nav ul li {
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;
	margin: 0;
	padding: 0;
	letter-spacing: 0.2em;
}
#nav ul li a {
	color:#FFFFFF;
	text-decoration:none;
	background-color: #000;
	padding: 5px 12px 3px 12px;
}
#nav ul li a:hover {
	background-color: #97b949;
}
#subnav_work {
	margin: 0;
	padding: 0;
	float:right;
	width: 375px;
	height: 50px;
	background:#000;
	text-align:center;
	background:#000 url(../img/navarrowwork.gif) no-repeat bottom left;
}
#subnav_about {
	margin: 0;
	padding: 0;
	float:right;
	width: 275px;
	height: 50px;
	background:#000;
	text-align:center;
	background:#000 url(../img/navarrowabout.gif) no-repeat bottom left;
}
#subnav_work ul, #subnav_about ul {
	list-style:none;
	margin: 7px 0 0 0;
	padding: 0;
}
#subnav_work ul li, #subnav_about ul li {
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;
	margin: 0;
	padding: 0;
	letter-spacing: 0.2em;
	color: #97b949;
	padding: 0;
}
#subnav_work ul li a, #subnav_about ul li a {
	color:#FFFFFF;
	text-decoration:none;
	margin: 0;
	padding: 9px 0 27px 0;
}
#subnav_work ul li a:hover, #subnav_about ul li a:hover {
	color: #97b949;
}
.navline {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	display:inline;
	padding: 0 4px 0 6px;
}
#flash {
	margin: 0;
	padding: 0;
	height: 425px;
	width: 980px;
	background:#444;
	border-top: 4px solid #000;
}
#feature {
	margin: 0;
	padding: 0;
	height: 425px;
	width: 980px;
	background:#444;
	border-top: 4px solid #444;
	background:#000 url(../img/home_feature_mp.jpg) no-repeat top left;
}
#featurebox {
	margin: 220px 0 0 0;
	padding: 0;
	float: right;
	width: 310px;
	border-top: 3px solid #333;
	background:#FFF;
}
#feature h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
	margin: 0;
	padding: 15px 0 0 25px;
	letter-spacing: 0.1em;
	color:#333;
}
#feature p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	line-height:1.6em;
	margin: 0;
	padding: 15px 0 15px 25px;
	color:#888;
}
#feature  a {
	color:#db4215;
	padding: 0 1px 2px 1px;
	text-transform:none;
	text-decoration:none;
}
#feature  a:hover {
	color:#db4215;
	text-decoration:none;
	border-bottom: 2px solid #db4215;
}





#wrapper {
	margin: 0;
	padding: 0;
	width: 980px;
	height: 500px;
}
#content {
	margin: 0;
	padding: 0;
	width: 615px;
	height: auto;
	float:left;
	background: #000 url(../img/content_bkgd.png) repeat-y top left;
	border-top: 3px solid #555;
}
#sidebar {
	margin: 0;
	padding: 0;
	width: 350px;
	height: 365px;
	float:right;
	background: url(../img/photo.jpg) no-repeat bottom left;
}
#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:115%;
	font-weight:bold;
	text-transform:uppercase;
	margin: 0;
	padding: 35px 0 9px 35px;
	letter-spacing: 0.1em;
	color:#FFF;
}
#content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:160%;
	line-height:1.6em;
	margin: 0;
	padding: 20px 80px 0 65px;
	color:#989085;
}
#content p a {
	color:#FFF;
	padding: 2px 3px 2px 3px;
	text-transform:none;
	text-decoration:none;
}
#content p a:hover {
	color:#FFF;
	text-decoration:none;
	background: #db4215;
}
.small {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	line-height:1.8em;
	margin: 0;
	padding: 5px 80px 25px 65px;
	color:#989085;
}
.small a {
	color:#FFF;
	padding: 0 1px 2px 1px;
	font-size:100%;
	text-transform:none;
	text-decoration:none;
}
.small a:hover {
	color:#FFF;
	text-decoration:none;
	border-bottom: 2px solid #db4215;
}
.medium {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:140%;
	line-height:1.8em;
	margin: 0;
	padding: 5px 80px 15px 65px;
	color:#989085;
}
.medium  a {
	color:#FFF;
	padding: 0 1px 2px 1px;
	font-size:100%;
	text-transform:none;
	text-decoration:none;
}
.medium  a:hover {
	color:#FFF;
	text-decoration:none;
	border-bottom: 2px solid #db4215;
}
.spacer10 {
	height: 10px;
}
.spacer20 {
	height: 20px;
}
.white {
	color:#FFF;
}
.sans {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-transform:capitalize;
	font-weight:bold;
}





#footer {
	position: absolute; 
	padding: 0;
	background-color: #FFF;
	width: 100%;
	text-align:center;
}
#footer h1 {
	padding: 3px 0 3px 0;
	font-weight:normal;
	color:#888888;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
}
#footer h1 a {
	color:#97b949;
	text-decoration:none;
	padding: 0 0 2px 0;
}
#footer h1 a:hover {
	text-decoration:none;
	border-bottom: 2px solid #db4215;
}
.spacer {
	height: 30px;
}