/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	color: #969696;
}

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	color: #969696;
	color:#333333;
	text-decoration:underline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	color: #969696;
	text-decoration: none;
	color: #CED41F;
}

h1 {
	font-size:22px;
	line-height:28px;
	font-weight:bold;
	color:#CED41F;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}

h2 {
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}

h3 {
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	color:#CED41F;
}


#overall {
	float:left;
	width:100%;
}

.centralise {
	width:915px;
	margin:0px auto;
}

#header {
	float:left;
	width:915px;
}

#headerLeft {
	float:left;
	width:300px;
	padding:35px 0px 35px 0px;
}

#headerRight {
	float:right;
	width:300px;
	text-align:right;
}

#navigation {
	float:left;
	width:100%;
}

#topNav {
	float:left;
	width:915px;
	height:25px;
}

#topNav .left{
	float:left;
	width:800px;
	height:auto;
}

#topNav .right{
	float:right;
	text-align:right;
	width:100px;
}

#topNav ul{
	float:left;
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#topNav .right ul{
	float:right;
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#topNav li{
	float:left;
	display:block;
	padding:0px 1px 0px 1px;
}

#topNav a {
	float:left;
	height:22px;
	/*padding:3px 30px 0px 30px;*/
	padding:3px 0px 0px 0px;
	width:112px;
	text-align:center;
	color:#3f392d;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#topNav a:hover {
	background-color:#b1b1b1;
	color:#FFFFFF;
}

#topNav .onIt a {
	background-color:#b1b1b1;
	color:#FFFFFF;
}

#navDivider {
	float:left;
	width:100%;
	height:11px;
	background-color:#ced41f;
}

#bottomNav {
	float:left;
	width:915px;
	height:20px;
}

#bottomNav ul{
	float:left;
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#bottomNav li{
	float:left;
	display:block;
	padding:0px 1px 0px 1px;
}

#bottomNav a {
	float:left;
	height:20px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	background-color:#717070;
}

#bottomNav a:hover {
	background-color:#ced41f;
	color:#FFFFFF;
}

#bottomNav .onIt a {
	background-color:#ced41f;
	color:#FFFFFF;
}

#bottomNav .projects a {
	width:99px;
}

#bottomNav .about a {
	width:180px; /*Change width to 128*/
}



#site {
	float:left;
	width:915px;
	padding:25px 0px 40px 0px;
}

#site .left{
	float:left;
	width:330px;
	height:582px;
	overflow:hidden;
}

#site .title{
	float:left;
	width:290px;
	height:40px;
	padding:0px 40px 0px 0px;
	font-size:22px;
	line-height:28px;
	font-weight:bold;
	color:#CED41F;

}

#site .peopletitle{
	float:left;
	width:290px;
	height:90px;
	padding:0px 40px 0px 0px;
}

#site .peopletitle h1{
	line-height:22px;
}

#site .peopletitle .line2{
	font-size:18px;
	font-weight:normal;
}

#site .peopletitle .line3{
	font-size:14px;
	color:#666666;
	font-weight:normal;
}


#site .content{
	float:left;
	width:290px;
	height:542px;
	padding:0px 40px 0px 0px;
}

#site .newscontent{
	float:left;
	width:290px;
	height:582px;
	padding:0px 40px 0px 0px;
}

#site .peoplecontent{
	float:left;
	width:290px;
	height:492px;
	padding:0px 40px 0px 0px;
}

#site .right{
	float:right;
	width:550px;
	height:565px;
	margin:15px 4px 0px 0px;
	background-color:#B1B1B1;
	overflow:hidden;
}

#site .right2{
	float:right;
	width:550px;
	height:565px;
	margin:15px 0px 0px 0px;
	background-color:#B1B1B1;
	overflow:hidden;
}

#site ul {
	padding:0px 0px 0px 12px;
	margin:0px 0px 0px 0px;
}

#footer{
	float:left;
	width:895px;
	border-top:dotted 1px #B4B4B4;
	padding:10px 10px 20px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#9F9F9F;
}

#footer .copyright{
	float:left;
	padding:0px 40px 0px 0px;
}

#footer .links{
	float:left;
	padding:0px 20px 0px 0px;
}

#footer .links a{
	float:left;
	border-left:1px solid #8D8D8D;
	padding:0px 20px 5px 20px;
	color:#9F9F9F;
	text-decoration:none;
}

#footer .links a:hover{
	color:#333333;
}

#footer .text{
	float:left;
	padding:0px 20px 0px 0px;
}

#footer .textBigger{
	font-size:12px;
}

#footer .text a{
	font-weight:bold;
	color:#9F9F9F;
	text-decoration:none;
}

#footer .text a:hover{
	color:#333333;
}

#rightImage {
	float:left;
	width:550px;
	height:330px;
}

#homeRightNews {
	float:left;
	width:470px;
	padding:20px 40px 20px 40px;
}

#homeRightNews .title {
	float:left;
	width:430px;
	height:auto;
	padding:0px 20px 5px 20px;
	font-size:18px;
	line-height:18px;
	margin:0px 0px 0px 0px;
	color:#000000;
}

#homeRightNews .left {
	float:left;
	width:185px;
	border-top:1px solid #FFFFFF;
	padding:0px 20px 0px 20px;
	font-size:11px;
	line-height:18px;
	color:#FFFFFF;
	height:auto;
}


#homeRightNews .right {
	float:right;
	width:185px;
	height:auto;
	border-top:1px solid #FFFFFF;
	padding:0px 20px 0px 20px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	line-height:18px;
	color:#FFFFFF;
}

#homeRightNews h1, #homeRightNews h1 a, #homeRightNews .left h1 a, #homeRightNews .right h1 a {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	color:#FFFFFF;
	text-decoration:none;
	background-image:none;
	padding:0px 0px 0px 0px;
}

#homeRightNews h1 a:hover, #homeRightNews .left h1 a:hover, #homeRightNews .right h1 a:hover {
	text-decoration:underline;
}

#homeRightNews .left a, #homeRightNews .right a {
	font-size:12px;
	color:#000000;
	text-decoration:underline;
	background-image:url(../images/linkBulet.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}

#homeRightNews .left a:hover, #homeRightNews .right a:hover {
	text-decoration:none;
}

#quote {
	float:left;
	width:510px;
	padding:10px 20px 10px 20px;
	height:115px;
	text-align:right;
	font-size:17px;
	line-height:22px;
	font-style:italic;
	color:#FFFFFF;
}

#quote2 {
	float:left;
	width:505px;
	height:300px;
	border-top:1px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-right:3px solid #FFFFFF;
	padding:10px 20px 10px 20px;
	text-align:right;
	font-size:17px;
	line-height:22px;
	font-style:italic;
	color:#FFFFFF;
}

#quote p, #quote2 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#quote .quote, #quote2 .quote{
	font-size:17px;
	background-image:url(../images/speechMark.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#newsTitle{
	float:left;
	width:470px;
	padding:20px 40px 20px 40px;
	text-align:left;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	text-align:center;
}

#newsTitle h1{
	font-size:18px;
	line-height:22px;
	color:#FFFFFF;
	font-weight:bold;
}

#newsTitle a{
	color:#FFFFFF;
	text-decoration:none;
}

#newsTitle a:hover{
	text-decoration:underline;
}

#rightImages {
	float:left;
	width:550px;
	height:330px;
	background-color:#FFFFFF;
}

#rightImages .row {
	float:left;
	width:550px;
}


#rightImages a{
	float:left;
	border:2px solid #FFFFFF;
}

.copyTitle{
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	color:#CED41F;
}

#thumbImages {
	float:left;
	width:510px;
	padding:10px 20px 10px 20px;
	text-align:right;
}

#thumbImages a{
	text-decoration:none;
}

#thumbImages img {
	margin-left:5px;
}

.projectInfo {
	font-size:11px;
	line-height:13px;
}

.projectInfo strong{
	color:#CED41F;
	font-size: 12px;
}
#site .peoplepreviousjob {
	float:left;
	width:290px;
	height:20px;
	padding:0px 40px 0px 0px;
}