/*************************************************************************
*   
*   G L O B A L  S T Y L E  S H E E T
*   F O R  S C R E E N
*
*   Copyright 2010, Project 3
*   www.project-3.com
* 
*************************************************************************/

body {
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#000;
	background-image:url("../images/bg.jpg");
	text-align:center;
	cursor:default;
	margin:0;
	padding:10px 0;
}
div {
	text-align:left;
}
h1, h2, h3, h4, h5 {
	font-weight:400;
	color:#fff;
}
h2 {
	height:89px;
	margin:0 0 20px;
}
h3 {
	font-size:16px;
}
h4 {
	font-size:11px;
}
h5 {
	height:125px;
	margin:0 0 20px;
}
a {
	color:#99ce1b;
	text-decoration:none;
}
a:focus, a:active {
	outline:none;
}
li {
	list-style:none;
}
address {
	line-height:18px;
	font-size:12px;
	font-style:normal;
	color:#fff;
	float:right;
	padding:3px 0;
}
p {
	margin-top:15px;
	line-height:16px;
}
fieldset {
	border:0 solid transparent;
}
input, textarea {
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	border:3px solid #333;
	background:#fefefe url(../images/bg-field.gif) repeat-x 0 0;
	margin:3px 0 0;
	padding:2px;
}
textarea {
	overflow:auto;
}
.err {
	font-weight:700;
	color:#99ce1b;
}
input.small {
	width:180px!important;
	padding:2px;
}
input.large, textarea {
	width:386px!important;
	padding:2px;
}
a:hover, strong {
	color:#fff;
}
body.home h2 {
	background:#1e1e1e url(../images/h2-home.gif) no-repeat 0 0;
}
body.about h2 {
	background:#1e1e1e url(../images/h2-about.gif) no-repeat 0 0;
}
body.services h5 {
	background:#1e1e1e url(../images/h2-services.gif) no-repeat 0 0;
}
body.jobs h2 {
	background:#1e1e1e url(../images/h2-jobs.gif) no-repeat 0 0;
}
body.getintouch h2 {
	background:#1e1e1e url(../images/h2-getintouch.gif) no-repeat 0 0;
}
body.accessibility h2 {
	background:#1e1e1e url(../images/h2-accessibility.gif) no-repeat 0 0;
}
body.sitemap h2 {
	background:#1e1e1e url(../images/h2-sitemap.gif) no-repeat 0 0;
}
body.password h2 {
	background:#1e1e1e url(../images/h2-password.gif) no-repeat 0 0;
}
body.home #nav a.navhome, body.about #nav a.navabout, body.services #nav a.navservices, body.jobs #nav a.navjobs, body.getintouch #nav a.navgetintouch {
	background:#99ce1b none!important;
	color:#000;
	border-bottom:3px solid #99ce1b;
	cursor:default;
	margin:0 3px 0 0;
}
body.home #footnav a.navhome, body.about #footnav a.navabout, body.services #footnav a.navservices, body.jobs #footnav a.navjobs, body.getintouch #footnav a.navgetintouch {
	color:#fff;
	cursor:default;
}
#head .brand {
	width:261px;
	height:87px;
	display:block;
	background:transparent url(../images/logo.png) no-repeat 0 0!important;
	background:#1e1e1e url(../images/a-logo.gif) no-repeat 0 0;
	float:left;
	margin:10px 0 0;
}
#head #client {
	width:460px;
	float:right;
}
#head #client p {
	margin:1px 15px 3px 0;
}
#head ul li {
	float:left;
	margin-left:15px;
}
#nav {
	border-bottom:10px solid #99ce1b;
	margin:0 0 10px;
}
#nav li a {
	font-size:13px;
	float:left;
	display:block;
	color:#fff;
	background:transparent url(../images/bg-dark.png)!important;
	background:#1e1e1e;
	margin:0 3px 3px 0;
	padding:6px 15px;
}
#nav li a:hover {
	background:transparent url(../images/bg-light.png) repeat 0 0!important;
	background:#99ce1b;
}
#container {
	width:950px;
	margin:0 auto;
}
#wrapper {
	background:#1e1e1e;
	margin:0 0 10px;
	padding:0 0 25px 20px;
}
#content {
	padding-top:25px;
	width:520px;
	float:left;
}
#slideshow {float:right;width:400px;height:348px;overflow:hidden;}
#workstatus {
	width:85px;
	background:#2b2b2b;
	float:right;
	padding:12px;
}
#form {
	width:396px;
	float:left;
	padding:15px 0 0;
}
#form label {
	color:#fff;
	display:block;
}
label.over {
	display:block;
	color: #8c8c8c;
	position:absolute;
	top:7px;
	left:10px;
}
#form p.col, #client p.col {
	width:189px;
	position:relative;
	margin-right:3px;
}
#form p {
	width:396px;
	margin:0;
	padding:0 0 15px;
}
#form ul.errors {
	padding:0px 0 20px 0;
	color:#cc0000;
}
.skills {
	width:150px;
	float:left;
	padding:0 37px 0 0;
}
.skills h4 {
	width:150px;
	color:#fff;
	padding:10px 0;
}
.skills li {
	width:135px;
	font-size:11px;
	color:#aaa;
	padding-left:15px;
	background:transparent url(../images/li-bullet.gif) no-repeat 0 60%;
	margin:5px 0;
}
.showpreview {
	width:250px;
}
.showpreview a {
	border:3px solid #2c2c2c;
	background:#000;
	display:block;
	float:left;
	margin:8px 0 0;
}
.showdetails {
	background:#000;
	border:3px solid #2c2c2c;
	float:left;
	margin:15px 0 0;
}
#numbers li a {
	float:left;
	background:#2c2c2c;
	border:0 none;
	color:#fff;
	padding:3px 5px;
}
#numbers li.disabled {
	background:#99ce1b;
	border:0 none;
	color:#000;
	cursor:default;
	padding:3px 5px;
}
#options li a, #paging li a {
	background:#2c2c2c;
	border:0 none;
	color:#fff;
	float:left;
	padding:3px 5px;
}
#options li.disabled, #paging li.disabled {
	background:#212121;
	border:0 none;
	color:#4b4b4b;
	cursor:default;
	padding:3px 5px;
}
#involvement h3 {
	width:150px;
	font-size:14px;
	color:#fff;
	padding:0 0 10px;
}
#involvement li {
	font-size:11px;
	color:#666;
	padding-left:15px;
	background:transparent url(../images/li-bullet.gif) no-repeat 0 60%;
	margin:5px 0;
}
.jobs dt {
	font-size:12px;
	padding:0 0 10px;
}
.jobs dd {
	line-height:16px;
}
.jobs dd.pos {
	color:#fff;
	padding:10px 0 0;
}
.clear {
	clear:both;
}
.hr {
	width:525px;
	height:1px;
	font-size:1px;
	clear:both;
	background:transparent url(../images/hr-divider.gif) repeat-x 0 0;
	padding:15px 0;
}
.submit {
	width:50px;
	height:24px;
	border:0 none;
	cursor:pointer;
	display:block;
	background:#2b2b2b url(../images/btn-submit.gif) no-repeat 0 0;
	margin:4px 0 0;
}
.profile {
	width:69px;
	background:#2b2b2b url(../images/btn-profile.gif) no-repeat 0 0;
}
.logout {
	width:56px;
	background:#2b2b2b url(../images/btn-logout.gif) no-repeat 0 0;
}
.request {
	float:left;
	margin:20px 0 0 15px;
}
.required {
	color:#99ce1b;
}
#foot #footnav li.first {
	background:none;
	padding:5px 12px 5px 0;
}
#foot #footnav li {
	font-size:12px;
	background:transparent url(../images/li-divider.gif) no-repeat 0 50%;
	float:left;
	padding:5px 12px 5px 14px;
}
#w3c p {
	color:#fff;
	float:left;
	margin:0;
	padding:0;
}
#w3c .top {
	display:block;
	background:#1e1e1e;
	color:#fff;
	float:right;
	padding:3px 8px;
}
#w3c .copyright {
	color:#818181;
}
*, #head p, #workstatus p, .last {
	margin:0;
	padding:0;
}
input:focus, textarea:focus, .error, .showpreview a:hover {
	border:3px solid #99ce1b;
}
h1, legend, label, #accessibility, #nav h3, .hide {
	display:none;
}
#head, #foot {
	background:#000;
	margin:0 0 10px;
	padding:25px;
}
#head #client h3, .skills h3, .showpreview h3 {
	font-size:14px;
}
#head #client p.col, #nav li {
	display:inline;
}
#head ul, .right {
	float:right;
}
.showpreview img, .showdetails img {
	border:0 none;
	float:left;
}
.showpreview p, #numbers li, .left {
	float:left;
}
#numbers li a:hover, #options li a:hover, #paging li a:hover, #w3c .top:hover {
	background:#99ce1b;
	color:#000;
}
.jobs.first, .nopadding {
	padding:15px 0 0;
}
#bulletin {
	background:#99ce1b;
	padding:20px;
	margin-bottom:10px;
}
#bulletin h3 {
	color:#725b00;
	font-size:11px;
	font-weight:bold;
}
#bulletin p {
	color:#725b00;
}
#bulletin strong {
	color:#000;
}
#bulletin a {
	color:#000;
	font-weight:bold;
}
#bulletin a:hover {
	color:#fff;
}