@charset "UTF-8";
/* CSS Document */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 12px;
}


p { 
	margin:0px; 
	padding-bottom:10px; 
}
ul{
	list-style: none;
	padding-bottom:10px;
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
li{
	list-style: none;
	padding-bottom:10px;
	text-indent: -1em;
	margin-top: 0px;
	margin-bottom: 0px;
}
img {
	border-style: none;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

#mainwrapper {
	width:900px;
	height:650px;
	background-color: #FFFFFF;
	z-index: 1;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#navcolumn1 {
	height: 180px;
	width: 157px;
	position: absolute;
	padding-left: 9px;
	left: 0px;
	top: 0px;
	z-index: 2;
}
#navcolumn1liner {
	bottom:0px;
	position: absolute;
	left: 6px;
	z-index: 3;
}
#navcolumn2 {
	height: 180px;
	width: 157px;
	position: absolute;
	left: 167px;
	top: 0px;
	z-index: 1;
}
#navcolumn2liner {
	bottom:0px;
	position: absolute;
}
#navcolumn3 {
	height: 180px;
	width: 161px;
	position: absolute;
	left: 325px;
	top: 0px;
	z-index: 1;
}
#navcolumn3liner {
	bottom:0px;
	position: absolute;
}
#navcolumn4 {
	height: 180px;
	width: 172px;
	position: absolute;
	left: 487px;
	top: 0px;
	z-index: 1;
}
#navcolumn4liner {
	bottom:0px;
	position: absolute;
}
#navcolumn5 {
	height: 180px;
	width: 179px;
	position: absolute;
	left: 660px;
	top: 0px;
	z-index: 1;
}
#navcolumn5liner {
	bottom:0px;
	position: absolute;
}
#logo {
	position:absolute;
	left:16px;
	top:583px;
	width:122px;
	height:39px;
	z-index:1;
}
#subnav1 {
	height: 400px;
	width: 167px;
	position: absolute;
	left: 167px;
	top: 247px;
	z-index: 1;
}
#subnav1_2 {
	width: 167px;
	position: absolute;
	left: 167px;
	top: 247px;
	z-index: 1;
}
#subnav1_client {
	height: 400px;
	width: 157px;
	position: absolute;
	left: 180px;
	top: 247px;
	z-index: 1;
}
#subnav2 {
	height: 400px;
	width: 161px;
	position: absolute;
	left: 338px;
	top: 247px;
	z-index: 1;
}
#subnav3 {
	height: 400px;
	width: 172px;
	position: absolute;
	left: 500px;
	top: 247px;
	z-index: 1;
}
#subnav4 {
	height: 400px;
	width: 167px;
	position: absolute;
	left: 673px;
	top: 247px;
	z-index: 1;
}
#maincontent {
	height: 400px;
	width: 320px;
	position: absolute;
	left: 340px;
	top: 247px;
	z-index: 1;
}
#maincontent2 {
	width: 500px;
	position: absolute;
	left: 340px;
	top: 247px;
	z-index: 1;
	clear: both;
}
#homeflash {
	position:absolute;
	left:180px;
	top:289px;
	width:341px;
	height:163px;
	z-index:2;
}
#mapholder {
	height: 407px;
	width: 636px;
	position: absolute;
	left: 270px;
	top: 247px;
	z-index: 3;
}
#scrollerwrapper {
	height: 407px;
	width: 636px;
	z-index: 3;
}
#bgimage {
	bottom:0px;
	position: absolute;
	right: 0px;
	z-index: 0;
}
.whitearrow {
	color: #FFFFFF;
}
.arrowcolour_home {
	color: #009DD9;
}
.arrowcolour_about {
	color: #00AB39;
}
.arrowcolour_disciplines {
	color: #E61577;
}
.arrowcolour_projects {
	color: #E37C00;
}
.arrowcolour_contact {
	color: #009DD9;
}

a.link_about:link {
	color: #000000;
} 
a.link_about:visited {
	color: #000000;
} 
a.link_about:hover {
	color: #00AB39;
} 
a.link_about:active {
	color: #00AB39;
}

a.link_disciplines:link {
	color: #000000;
} 
a.link_disciplines:visited {
	color: #000000;
} 
a.link_disciplines:hover {
	color: #E61577;
} 
a.link_disciplines:active {
	color: #E61577;
}

a.link_contact:link {
	color: #000000;
} 
a.link_contact:visited {
	color: #000000;
} 
a.link_contact:hover {
	color: #009DD9;
} 
a.link_contact:active {
	color: #009DD9;
}

a.link_projects:link {
	color: #000000;
} 
a.link_projects:visited {
	color: #000000;
} 
a.link_projects:hover {
	color: #E37C00;
} 
a.link_projects:active {
	color: #E37C00;
}

a.link_contact:link {
	color: #000000;
} 
a.link_contact:visited {
	color: #000000;
} 
a.link_contact:hover {
	color: #009DD9;
} 
a.link_contact:active {
	color: #009DD9;
}

a.controls:link {
	color: #000000;
} 
a.controls:visited {
	color: #000000;
} 
a.controls:hover {
	color: #E37C00;
} 
a.controls:active {
	color: #E37C00;
}

#iframemainwrapper {
	width:740px;
	z-index: 2;
	position: relative;
}
#iframenav {
	height: 400px;
	width: 167px;
	z-index: 1;
	left: 0px;
	top: 0px;
	overflow: auto;
}
#iframemaincontent {
	height: 400px;
	width: 320px;
	position: absolute;
	left: 174px;
	top: 0px;
	z-index: 1;
	overflow: hidden;
	padding-right: 242px;
}
#iframewindow {
	height: 400px;
	width: 687px;
	position: absolute;
	left: 167px;
	top: 247px;
	z-index: 1;
}
.formboxes {
	width: 213px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #CCEBF7;
}
.formsendbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 11px;
}
.buttonAsLink{
	font-family:       Verdana, Arial, Helvetica, sans-serif;
	font-size:         11px;
	color:             #000000;
	padding:           0;
	border-width:      0;
	cursor:            pointer;
	width:             50px;
	background-color: #FFFFFF;
	text-align: left;
	}
.buttonAsLink_hover{
	font-family:       Verdana, Arial, Helvetica, sans-serif;
	font-size:         11px;
	color:             #009DD9;
	padding:           0;
	border-width:      0;
	cursor:            pointer;
	width:             50px;
	background-color: #FFFFFF;
	text-align: left;
	}
.greyedout_text {
	color: #808080;
}
#fadingdiv1 {
	display: none;
}
#fadingdiv2 {
	display: none;
}
#fadingdiv3 {
	display: none;
}
#fadingdiv4 {
	display: none;
}
#fadingdiv1t {
	display: none;
}
#fadingdiv2t {
	display: none;
}
#fadingdiv3t {
	display: none;
}
#fadingdiv4t {
	display: none;
}
#fadingdiv5t {
	display: none;
}
.fadingdivclass_projects {
	display: none;
	color: #E37C00;
}
.fadingdivclass_grey {
    display: none;
	color: #808080;
}
.fadingdivclass_contact {
	display: none;
	color: #009DD9;
}
.navarrowshome ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.navarrowshome li{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 13px;
	text-indent: 0px;
}
.navarrowshome li a {
	text-decoration: none;
	outline: none;
	text-align: left;
	z-index: 10;
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.navarrowshome li.backLava {
	position: absolute;
	background-image: url(../images/arrow_home.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 8;
	padding: 0px;
}
.navarrowsabout ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.navarrowsabout li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 13px;
	text-indent: 0px;
}
.navarrowsabout li a {
	text-decoration: none;
	outline: none;
	text-align: left;
	z-index: 10;
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.navarrowsabout li.backLava {
	position: absolute;
	background-image: url(../images/arrow_about.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 8;
	padding: 0px;
}
.navarrowsdisciplines ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.navarrowsdisciplines li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 13px;
	text-indent: 0px;
}
.navarrowsdisciplines li a {
	text-decoration: none;
	outline: none;
	text-align: left;
	z-index: 10;
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.navarrowsdisciplines li.backLava {
	position: absolute;
	background-image: url(../images/arrow_disciplines.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 8;
	padding: 0px;
}
.navarrowsprojects ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.navarrowsprojects li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 13px;
	text-indent: 0px;
}
.navarrowsprojects li a {
	text-decoration: none;
	outline: none;
	text-align: left;
	z-index: 10;
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.navarrowsprojects li.backLava {
	position: absolute;
	background-image: url(../images/arrow_projects.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 8;
	padding: 0px;
}
.navarrowscontact ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.navarrowscontact li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 13px;
	text-indent: 0px;
}
.navarrowscontact li a {
	text-decoration: none;
	outline: none;
	text-align: left;
	z-index: 10;
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.navarrowscontact li.backLava {
	position: absolute;
	background-image: url(../images/arrow_contact.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 8;
	padding: 0px;
}
.indent_13 {
	padding-left: 13px;
}
.myController  span{
	cursor:pointer;
}

#jFlowSlide{
}

#myController span.jFlowSelected {
	
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}
#ie6warning {
	background-color: #F5F5F5;
	width: 100%;
	text-align: center;
	border-bottom: 2px solid #000000;
	color: #C02520;
	margin: 0px;
	padding: 12px 0px 0px;
}
#myScroller {
	height: 407px;
	width: 636px;
	z-index: 3;
}
#home_main {
	height: 280px;
	width: 0px;
	position: absolute;
	left: 0px;
	top: 237px;
	z-index: 1;
	overflow: hidden;
	background-color: #ffef44;
}
#whiteblock1 {
	height: 3px;
	width: 150px;
	position: absolute;
	z-index: 30;
	left: 497px;
	top: 68px;
	background-color: #FFFFFF;
}
#whiteblock2 {
	height: 3px;
	width: 150px;
	position: absolute;
	z-index: 30;
	left: 497px;
	top: 138px;
	background-color: #FFFFFF;
}
#whiteblock3 {
	height: 3px;
	width: 150px;
	position: absolute;
	z-index: 30;
	left: 497px;
	top: 208px;
	background-color: #FFFFFF;
}
.home_main_title {
	background-color: #FFFFFF;
	position: absolute;
	left: 15px;
	top: 18px;
	padding: 5px 25px 5px 5px;
	z-index: 26;
}
.home_main_more {
	position: absolute;
	left: 15px;
	top: 50px;
	z-index: 26;
}
#home_main_1,
#home_main_2,
#home_main_3,
#home_main_4 {
	height: 280px;
	width: 647px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 19;
	display: none;
}
a.homelink:link,
a.homelink:visited {
	background-color: #FFFFFF;
	padding: 5px 25px 5px 5px;
	display: block;
}
a.homelink:active,
a.homelink:hover {
	background-color: #FFFFFF;
	padding: 5px 25px 5px 5px;
	display: block;
	color: #009DD9;
}
#whiteblockout1,
#whiteblockout1a {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 647px;
	top: 0px;
	z-index: 19;
	background-color: #FFFFFF;
}
#whiteblockout2,
#whiteblockout2a {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 647px;
	top: 70px;
	z-index: 19;
	background-color: #FFFFFF;
}
#whiteblockout3,
#whiteblockout3a {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 647px;
	top: 140px;
	z-index: 19;
	background-color: #FFFFFF;
}
#whiteblockout4,
#whiteblockout4a {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 647px;
	top: 210px;
	z-index: 19;
	background-color: #FFFFFF;
}
#hometab1 {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 497px;
	top: 0px;
	z-index: 50;
	cursor: pointer;
}
#hometab2 {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 497px;
	top: 70px;
	z-index: 20;
	cursor: pointer;
}
#hometab3 {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 497px;
	top: 140px;
	z-index: 20;
	cursor: pointer;
}
#hometab4 {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 497px;
	top: 210px;
	z-index: 20;
	cursor: pointer;
}
#hometab1_on {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 497px;
	top: 0px;
	display: none;
	z-index: 25;
	cursor: pointer;
}
#hometab2_on {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 497px;
	top: 70px;
	display: none;
	z-index: 25;
	cursor: pointer;
}
#hometab3_on {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 497px;
	top: 140px;
	display: none;
	z-index: 25;
	cursor: pointer;
}
#hometab4_on {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 497px;
	top: 210px;
	display: none;
	z-index: 25;
	cursor: pointer;
}
#twitter_holder {
	height: 190px;
	width: 150px;
	position: absolute;
	left: 657px;
	top: 326px;
	z-index: 40;
	overflow: hidden;
	display: none;
}


.twitted {
	width: 150px;
}
div#twitter_holder img {
	margin-bottom: 16px;
}

.twitted p.preLoader {
	margin: 0px;
	padding: 1em 1em 1em 3em;
	background: transparent url("../images/loader.gif") 1em center no-repeat;
}

.twitted ul#twitter_update_list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0px;
	padding: 6px 0px;
	text-indent: 0em;
}
div#twitter_holder ul {
	text-indent: 1em;
	padding-left: -1em;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	color: #009DD9;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #009DD9;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}
#followtwitter {
	position: absolute;
	left: 0px;
	top: 140px;
}
.articlewrapper {
	clear: both;
	position: relative;
	width: 500px;
	margin-bottom: 16px;
	border-bottom: 2px dotted #818181;
	float: left;
	padding-bottom: 16px;
}
.art_tn {
	float: left;
	width: 88px;
	position: relative;
	overflow: hidden;
}
.art_title {
	float: left;
	width: 220px;
	position: relative;
	padding-bottom: 12px;
}
.art_readmore {
	float: right;
	width: 100px;
	position: relative;
	text-align: right;
	height: 25px;
}
div.art_readmore a:link {
	display: block;
}
.article_top {
	clear: both;
	position: relative;
}
.article_bottom {
	clear: both;
	position: relative;
	overflow: hidden;
	height: auto;
	display: none;
}
.article_main {
	clear: left;
	float: left;
	width: 300px;
	position: relative;
	padding-top: 12px;
	padding-bottom: 12px;
}
.article_comments {
	clear: left;
	float: left;
	width: 276px;
	position: relative;
	background-color: #CCCCCC;
	background-image: url(../images/comments_bg.png);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	margin-bottom: 12px;
}
.sharearticle {
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
}
div.sharearticle img {
	margin-left: 5px;
}
.commentindent {
	text-indent: 30px;
}
.comment_textarea {
	padding: 4px;
	float: left;
	width: 268px;
	border-style: none;
	height: 70px;
	margin-bottom: 12px;
	background-color: #FFFFFF;
}
.comment_textfield_name {
	padding: 4px;
	float: left;
	width: 120px;
	border-style: none;
	background-color: #FFFFFF;
}
.comment_textfield_email {
	padding: 4px;
	float: right;
	width: 120px;
	border-style: none;
	background-color: #FFFFFF;
}
.comment_textfield_website {
	padding: 4px;
	float: left;
	width: 268px;
	border-style: none;
	clear: both;
	margin-top: 12px;
	background-color: #FFFFFF;
}
.comments_form {
	clear: both;
	position: relative;
	height: 0px;
	overflow: hidden;
}
.comment_submit {
	padding: 4px;
	float: left;
	width: 60px;
	border-style: none;
	margin-top: 12px;
	background-color: #FFFFFF;
	cursor: pointer;
}
.wait {
	display: none;
	margin-left: 20px;
}
.allcomments {
	padding-top: 6px;
	overflow: hidden;
	display: none;
}
.plus {
	position: absolute;
	height: 13px;
	width: 13px;
	top: 11px;
	right: 11px;
	text-align: center;
	background-color: #FFFFFF;
	z-index: 66;
	cursor: pointer;
}
.minus {
	position: absolute;
	height: 13px;
	width: 13px;
	top: 11px;
	right: 11px;
	text-align: center;
	background-color: #FFFFFF;
	z-index: 67;
	display: none;
	cursor: pointer;
}
.plus2 {
	position: absolute;
	height: 13px;
	width: 13px;
	top: 11px;
	right: 11px;
	text-align: center;
	background-color: #FFFFFF;
	z-index: 68;
	display: none;
	cursor: pointer;
}
#login p { /* make label relative to the p */
position:relative;
}
#login label {
display:block; /* positions label above input when JS off */
}
#login input {
margin:0 0 10px;
border:1px solid #999;
padding:8px 4px;
width:300px;
}
#login input:hover, #login input:focus, #login label:hover + input {
border:1px solid #000;
}