/* ---------- Basic Styles ---------- */
body{
	margin: 0px;
	padding: 0px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #717cb8;
}

.SpacerFF {
	width: 1px;
	height: 1px;
	font-size: 1px;
}

.ClearFF{
	clear: both;
}

a img{
	border: 0px none;
}

a{
	text-decoration: none;
	color: #333333;
}

p a{
	text-decoration: underline;
	color: #253692;
}

a:hover{
	text-decoration: underline;
}

a.link{
	text-decoration: underline;
	color: #000000;
}

hr{
	border: none;
	height: 1px;
	background: #bbbbbb;
	margin: 10px 0px 10px 0px;
}



/* ---------- Page Layout ---------- */
#mainwrapper{
	width: 766px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
	background: #ffffff url('../images/dropshadback.gif') repeat-y center top;
}

#headerwrapper{
	width: 766px;
	background: #bbb1a5 url('../images/headergradient.gif') no-repeat center bottom;
}

#headerdate {
	text-align: right;
	padding: 10px 30px 10px 0px;
	font-size: 0.85em;
	color: #ffffff;
}

#headerbanner{
	width: 706px;
	margin: 0px 10px 0px 10px;
	padding: 20px 20px 10px 20px;
	background: #ffffff;
}

#headerlogo {
	float: left;
}

#headerphone {
	float: right;
	font-family: Calibri, arial, sans-serif;
	font-size: 1.6em;
	letter-spacing: -1px;
	color: #bbb1a5;
	padding-top: 12px;
}

#headerphone em {
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0px;
	color: #253692;
}

#pagecontentwrapper{
	border-top: 3px solid #253692;
	width: 706px;
	margin: 0px 30px 0px 30px;
	padding: 0px;
}

#flashbanner{
	width: 706px;
	height: 190px;
	background: #253692;
}

#leftcolumn{
	width: 384px;
	float: left;
}

#rightcolumn{
	width: 282px;
	padding: 0px 20px 20px 20px;
	float: left;
}

#projectpic{
	width: 150px;
	float: left;
}

#projectinfo{
	width: 212px;
	font-size: 0.9em;
	float: left;
}

#projectinfo p{
	margin: 3px 0px 3px 0px;
}


/* ---------- Menus ---------- */
#mainmenu{
	width: 746px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	background: #ffffff;
}

#mainmenu ul{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	float: left;
	text-align: left;
	list-style-type: none;
}

#mainmenu ul li{
	text-align: center;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	float: left;
	font-size: 0.85em;
}

#mainmenu ul li a{
	padding: 8px 0px 15px 0px;
	display: block;
	width: 86px;
	background: url('../images/mainmenu_buttonback.gif') no-repeat center top;
	color: #ffffff;
}

#mainmenu ul li a.twoline{
	padding: 4px 0px 6px 0px;
	width: 88px;
	background: url('../images/mainmenu_buttonback_twoline.gif') no-repeat center top;
}

#mainmenu ul li a.twoline:hover{
	text-decoration: none;
	background: url('../images/mainmenu_buttonback_twoline_selected.gif') no-repeat center top;
}

#mainmenu ul li a:hover{
	text-decoration: none;
	background: url('../images/mainmenu_buttonbackselected.gif') no-repeat center top;
}

#mainmenu ul li a.selected{
	text-decoration: none;
	background: url('../images/mainmenu_buttonbackselected.gif') no-repeat center top;
}

#mainmenu ul li a.twoline_selected{
	padding: 4px 0px 6px 0px;
	text-decoration: none;
	background: url('../images/mainmenu_buttonback_twoline_selected.gif') no-repeat center top;
	width: 88px;
}

#footermenu{
	width: 766px;
	border-top: 20px solid #bbb1a5;
}

#footermenu ul{
	margin: 0px;
	padding: 10px 20px 20px 0px;
	text-align: right;
	list-style-type: none;
}

#footermenu ul li{
	margin: 0px;
	padding: 0px;
	display: inline;
	font-size: 0.85em;
}

#footermenu ul li a{
	color: #253692;
	padding: 0px 0px 0px 5px;
}

.rightcolumnmenu ul, .leftcolumnmenu ul, .rightcolumnmenu_smalltext ul{
	margin: 0px;
	padding: 10px 0px 10px 0px;
	list-style-type: none;
}

.rightcolumnmenu ul li, .leftcolumnmenu ul li{
	background: #253692;
	padding: 2px 5px 2px 5px;
	margin: 10px 0px 0px 0px;
	border-bottom: 3px solid #131e5d;
	font-family: Calibri, arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #ffffff;
}

.rightcolumnmenu_smalltext ul li{
	background: #253692;
	padding: 3px 5px 2px 5px;
	margin: 10px 0px 0px 0px;
	border-bottom: 3px solid #131e5d;
	font-family: Calibri, arial, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	color: #ffffff;
	height: 22px;
}


.rightcolumnmenu ul li a, .leftcolumnmenu ul li a, .rightcolumnmenu_smalltext ul li a{
	color: #ffffff;
}


.rightcolumnmenu_smalltext ul ul{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.rightcolumnmenu_smalltext ul ul li{
	background: #929ac8;
	padding: 2px 5px 2px 5px;
	margin: 3px 0px 3px 0px;
	border-bottom: 3px solid #131e5d;
	font-family: Calibri, arial, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	color: #ffffff;
	height: auto;
}



.rightcolumnmenu hr, .leftcolumnmenu hr{
	margin-top: 30px;
}

.publicationslist{
	padding: 0px;
}

.publicationslist ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.publicationslist li{
	padding: 0px 10px 0px 10px;
	margin: 2px 0px 2px 0px;
	background: #e5e5e5;
	font-size: 0.85em;
	height: 22px;
}

.publicationslist li a.filetitle{
	display: block;
	width: 210px;
	padding: 4px 0px 4px 0px;
	float: left
}

.publicationslist li a.fileicon{
	display: block;
	padding: 2px 2px 2px 2px;
	float: right;
}


.latestlist ul{
	padding: 0px 0px 8px 25px;
}

.latestlist li{
	padding: 5px 0px 0px 0px;
}


/* ---------- Content ---------- */
p{
	color: #333333;
	font-size: 0.9em;
	line-height: 1.4em;
}

em.quote{
	font-family: Calibri, arial, sans-serif;
	font-size: 1.3em;
}


.pageintro{
	background: #bbb1a5;
	padding: 20px 10px 20px 10px;
}

.pageintro p{
	color: #ffffff;
	padding: 0px 5px 0px 5px;
	font-size: 0.9em;
	line-height: 1.4em;
}

.pagecontent{
	padding: 10px 10px 20px 10px;
}

.pagecontent p{
	padding: 0px 5px 0px 5px;
}

.pagecontent ul li, .pagecontent ol li{
	color: #333333;
	margin: 0px 0px 5px;
}



h1{
	background: #253692;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 10px 0px;
	border-bottom: 3px solid #131e5d;
	font-family: Calibri, arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #ffffff;
}

h2{
	background: #253692;
	padding: 2px 5px 2px 5px;
	margin: 20px 0px 10px 0px;
	border-bottom: 3px solid #131e5d;
	font-family: Calibri, arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #ffffff;
}

h2.pagecontentheading{
	background: none;
	padding: 0px 5px 0px 5px;
	margin: 20px 0px 0px 0px;
	border: 0px none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}

h3{
	background: #e5e5e5;
	padding: 2px 5px 2px 5px;
	margin: 10px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
}

#addfavourites{
	border: 1px solid #bbb1a5;
	margin: 10px 0px 10px 0px;
	text-align: center;
}

#awardslogos{
	border: 1px solid #bbb1a5;
	margin: 10px 0px 10px 0px;
	text-align: center;
	padding: 20px;
}

.rightcolumnpic{
	text-align: center;
	padding: 10px 0px 10px 0px;
}



.partnerlinks .linkwrapper{
	clear: both;
	padding: 2px 0px 2px 0px;
}

.partnerlinks .linkwrapper img{
	padding-right: 5px;
	margin-top: -5px;
}

.partnerlinks .linkwrapper a{
	text-decoration: none;
}


.smalltext{
	font-size: 0.85em;
	line-height: 1em;
}

.readmore{
	text-align: right;
	font-style: italic;
}

.designproposalwrapper{
	margin: 20px 0px 0px 0px;
	width: 370px;
	height: 100px;
}

.designproposalimage{
	width: 150px;
	float: left;
}

.designproposal{
	width: 220px;
	float: left;
	font-size: 0.9em;
}

.projectmap{
	padding: 20px 0px 20px 0px;
	text-align: center;
}


a.mb{
	margin: 1px;
}

#paginationwrapper{
	background: #e5e5e5;
	height: 20px;
	margin-top: 5px;
}

#paginationprevious{
	float: left;
	padding: 2px 5px 2px 5px;
}

#paginationnext{
	float: right;
	padding: 2px 5px 2px 5px;
}

#paginationnext:hover, #paginationprevious:hover{
	cursor: pointer;
}

img.pdficon{
	margin: 0px 3px 0px 3px;
}


div.mugshot{
	text-align: center;
	width: 160px;
	margin: 10px;
	height: 170px;
	float: left;
}

div.mugshot p{
	text-align: center;
	font-size: 0.9em;
	margin: 3px 0px 0px 0px;
}

div.mugshot p em{
	font-size: 0.85em;
	line-height: 1.2em;
}



/* ---------- Forms ---------- */
#contactform label{
	font-size: 0.85em;
	color: #333333;
}

#contactform input{
	border: 1px solid #8C8A80;
	color: #3F3F3F;
}

#contactform  dl{
	height: 200px;
	margin: 10px;
}

#contactform  dl dt{
	margin: 0px;
	padding: 3px 0px 0px 0px;
	height: 25px;
	width: 110px;
	float: left;
}

#contactform  dl dd{
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 200px;
	float: left;
}

#contactform  textarea{
	height: 100px;
	width: 220px;
	border: 1px solid #8C8A80;
	margin-left: 2px;
}

#contactform  .submitindent{
	margin-left: 125px;
}

#companyinfo {
	width: 766px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 16px 10px 16px;
	background: #717cb8 url('../images/dropshadbackbottom.gif') no-repeat center top;
}

#companyinfo p{
	font-size: 0.8em;
	color: #ffffff;
	text-align: center;
}

a.partnersbutton{
	background: url('../images/rotatorback.gif') no-repeat center center;
	text-align: center;
	display: block;
	padding: 10px 0px 10px 5px;
	border: 1px solid #717cb8;
}

a.partnersbutton:hover{
	background: #717cb8;
	text-decoration: none;
	color: #ffffff;
}

#SlideIt{
	background: url('../images/rotatorback.gif') no-repeat center top;
	padding: 5px;
}

#SlideIt p{
	text-align: center;
}

#SlideIt p a{
	text-decoration: none;
	color: #666666;
}


/* Project Tabs */
div#myTabs div.tabbedprojectwrapper{
	padding: 0px;
	margin: 0px;
	width: 364px;
}

div#myTabs div.tabbedprojectwrapper div.tabbedprojectimage{
	width: 100px;
	float: left;
}

div#myTabs div.tabbedprojectwrapper div.tabbedprojectdetails{
	width: 252px;
	float: left;
	padding-left: 7px;
	min-height: 100px;
}

div#myTabs div.tabbedprojectwrapper div.tabbedprojectdetails h2{
	background: #ffffff;
	border: 0px none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 3px 0px;
}

div#myTabs div.tabbedprojectwrapper div.tabbedprojectdetails h2 a{
	color: #131e5d;
}



div#myTabs div.tabbedprojectwrapper div.tabbedprojectdetails p{
	font-size: 0.8em;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	line-height: 1.1em;
}

div#myTabs div.tabbedprojectwrapper div.tabbedprojectdetails p a{
	text-decoration: none;
	color: #666666;
}

.pagecontent #myTabs ul li{
	margin: 0px 2px 0px 2px;
}