/* ---------- 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;
}

a.nolink{
	font-size: 0.85em;
	text-decoration: none;
}

a.nolink:hover{
	text-decoration: none;
}



/* ---------- 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;
}

div#companypartnerships {
	background: url('../images/homepagelogowrapper.gif') repeat-x left bottom;
	width: 706px;
	height: 86px;
}

div#companypartnerships span{
	background: #bbb1a5;
	font-size: 9px;
	color: #ffffff;
	padding: 1px 2px 2px 2px;
	margin: 2px 0px 4px 0px;
	display: inline-block;
}

div#companypartnerships ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 696px;
	background: #eeebe8;
	margin-left: auto;
	margin-right: auto;
}

div#companypartnerships ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 116px;
	height: 50px;
	text-align: center;
	background: url('../images/homepagelogobacks.gif') no-repeat left top;
	float: left;
}

div#companypartnerships ul li a{
	margin: 0px;
	padding: 8px 0px 10px 0px;
	display: block;
	font-size: 9px;
	color: #777777;
}

div#companypartnerships ul li a:hover{
	text-decoration: none;
	color: #253692;
}

div#companypartnerships ul li:hover{
	background: url('../images/homepagelogobacksover.gif') no-repeat left top;
}



/* ---------- 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;
}



#mainmenu ul li{
	position: relative;
}


#mainmenu ul li ul{
	display: none;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	background: #929ac8;
	width: 180px;
	position: absolute;
	z-index: 999999;
	border-top: 3px solid #253692;
}

#mainmenu ul li:hover ul{
	display: block;
}

#mainmenu ul li ul li{
	display: block;
	float: none;
	text-align: left;
	width: 180px;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
}

#mainmenu ul li ul li a{
	background-color: transparent;
	background-image: none;
	width: 160px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
}

#mainmenu ul li ul li a:hover{
	background-color: #253692;
	background-image: none;
}





#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;
}

.pagecontent .contenthighlight{
	padding: 5px;
	background: #f0f0f0;
}

.pagecontent div.contenthighlight h3{
	background: #e0e0e0;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}


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{
	/*min-height: 800px;*/
}

div#myTabs div.tabbedprojectwrapper{
	padding: 0px;
	margin: 0px;
	/*width: 364px;*/
	width: 332px;
	height: 130px;
	float: left;
}

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

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

div#myTabs div.tabbedprojectwrapper div.tabbedprojectdetails h2{
	background: transparent;
	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;
}

#ui-tabs-3{

}

div.ui-tabs-panel{
	padding-top: 30px;
}

div.projecttabs{
	padding: 20px 0px 20px 0px;
}




.ui-tabs{
	margin: 0px;
	padding: 0px;
}

.ui-widget-header{
	background-image: none;
	background-color: transparent;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	border: 0px none;
	border-bottom: 1px #e5e5e5 solid;
}


/* SLIDER */
#slider {
	position: relative;
	overflow: hidden;
	height: 190px;
	background: url('../images/sliderloaderbackground.jpg') no-repeat left top;
}
#slider img {position:absolute; margin: 0px; padding: 0px; border-left: 8px solid #ffffff; height: 190px; display:none;}
#imageloader {
	position:relative; 
	display:block; 
	width: 100%; 
	margin: 0px auto; 
	text-align: center;

}
#imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}

/* LIGHTBOX */
div#gallery ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#gallery ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}

div.rightcolumnpic p.photocaption{
	font-size: 10px;
	font-style: italic;
	text-align: center;
	color: #666666;
	padding-left: 20px;
	padding-right: 20px;
}



/* ISO POLICY */
div.isostatement{
	margin: 20px;
	border: 1px solid #999999;
	padding: 20px;
	font-size: 0.9em;
}

div.isostatement p.isoheading{
	text-align: center;
	font-weight: bold;
}