* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
	width: 100%;
}
body {
	background-color: #283233;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
a {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}




#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#logoBar {
	display: block;
	height: 331px;
	width: 960px;
	position: relative;
}
#logoBar  .logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 54px;
	width: 254px;
	position: absolute;
	left: 0px;
	top: 10px;
	display: block;
	z-index: 99;
}
#nav {
	list-style-type: none;
	height: 228px;
	width: 490px;
	position: absolute;
	left: 30px;
	top: 73px;
	z-index: 20;
}
#nav li {
	height: 20px;
	width: 490px;
	margin-bottom: 6px;
}

#nav a {
	display: block;
	height: 20px;
	width: 490px;
	text-indent: -10000px;
}
#nav a:hover {
	background-position: left -40px;
}

#nav .architecture {
	background-image: url(../images/btn_architecture.gif);
}
#nav .commercial {
	background-image: url(../images/btn_commercial.gif);
}
#nav .construction {
	background-image: url(../images/btn_construction.gif);
}
#nav .constructionTrades {
	background-image: url(../images/btn_constructionTrades.gif);
}
#nav .consulting {
	background-image: url(../images/btn_consultingEngineering.gif);
}
#nav .engineering {
	background-image: url(../images/btn_engineering.gif);
}
#nav .marcomms {
	background-image: url(../images/btn_marcomms.gif);
}
#nav .international {
	background-image: url(../images/btn_international.gif);
}
#nav .telecoms {
	background-image: url(../images/btn_telecoms.gif);
}

#architecture #nav .architecture,
#commercial #nav .commercial,
#construction #nav .construction,
#constructionTrades #nav .constructionTrades,
#consulting #nav .consulting,
#engineering #nav .engineering,
#marcomms #nav .marcomms,
#international #nav .international,
#telecoms #nav .telecoms {
	background-position: 0px -20px;
	cursor: default;
}

#contentBar {
	background-image: url(../images/bg_m.png);
	background-repeat: repeat-y;
	display: block;
	width: 960px;
	min-height: 165px;
	background-position: 0px 21px;
	position: relative;
}
#contentBar hr {
	clear: both;
	width: 90%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#contentBar .bgTop {
	background-image: url(../images/bg_t.png);
	display: block;
	height: 21px;
	width: 960px;
	position: absolute;
	top: -21px;
	z-index: 50;
	left: 0px;
}
#contentBar .bgBottom {
	background-image: url(../images/bg_b.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 960px;
	position: absolute;
	left: 0px;
	bottom: -21px;
}
#content {
	width: 506px;
	margin-left: 30px;
}
#contentNav {
	background-color: #FFFFFF;
	height: 32px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg_contentNav.gif);
	background-repeat: repeat-x;
	background-position: left top;
	list-style-type: none;
	padding-bottom: 10px;
}
#contentNav li {
	float: left;
	line-height: 30px;
}
#contentNav a {
	display: block;
	height: 32px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
#contentNav a:hover {
	color: #EFC807;
}

#candidates   #contentNav .candidates,
#about #contentNav .about,
#register #contentNav .register,
#jobs #contentNav .jobs,
#clients #contentNav .clients,
#candidates #contentNav .candidates,
#contact #contentNav .contact {
	background-color: #B80039;
	cursor: default;
	color: #FFFFFF;
}

#footerBar {
	margin-top: 40px;
}
#footer {
	font-size: 80%;
	color: #FFFFFF;
	display: block;
	height: 40px;
	width: 100%;
	position: relative;
	list-style-type: none;
}
#footer a {
	color: #EFC807;
}
#footer li {
	display: block;
	float: left;
	height: 14px;
	text-indent: 14px;
}
#footer li.grey {
	background-image: url(../images/bullet_grey.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#footer li.yellow {
	background-image: url(../images/bullet_yellow.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}

#footer .newline {
	clear: both;
	display: block;
	width: 100%;
	height: 6px;
}
#footer .copyright {
	position: absolute;
	top: 0px;
	right: 10px;
	background-image: url(../images/bone.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}