@charset "UTF-8";
/* CSS Document */
body {
	font-family: "Times New Roman", Times, serif;
	color: #CCC;
	background-color: #333333;
	font-size: 12px;
	margin:0;
}
p {
	margin: 3px 0 6px 0;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 28px;
	font-style:normal;
	font-weight:   normal;
	font-variant: normal;
	color: #999;
	margin-top:6px;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 20px;
	font-style: italic;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
	margin:0px 0 10px 0;;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 36px;
	font-style: italic;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
}
a {
	outline:none;
}
a:link {
	text-decoration: none;
	color: #ccc ;
	border-bottom:#0F9 solid 1px;

}
a:visited {
	text-decoration: none;
	color: #ccc;
	border-bottom:#0F9 solid 1px;
}
a:hover {
	text-decoration: none;
	color: #0F9;
	/*border-bottom:#666 solid 1px;*/
}
a:active {
	text-decoration: none;
	color: #0F9;
	/*border-bottom:#666 solid 1px;*/
}
img {
	border:0px;
}
.kem {
	color:#262626;
	font-style:italic;
}
span.kem a:link, span.kem a:visited {
	text-decoration: none;
	color: #262626;
	border-bottom: none;
}
span.kem a:hover, span.kem a:active {
	text-decoration: none;
	color: #262626;
	border-bottom:#262626 solid 1px;
}
/*
/	Page Theme Classes
*/
.index {
	color:#FFF;
}
.aboutus {
	color:#0FF;
} 
.projects {
	color:#FF0;
}
.thoughts {
	color:#0F0;
}
.gallery {
	color:#00F;
}
.contact  {
	color:#6600FF;
}
.news {
	color:#F03;
}
span.index a:hover {
	border-bottom-color:#666;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
span.aboutus a:hover {
	border-bottom-color:#0FF;
	border-bottom-style:solid;
	border-bottom-width:1px;
} 
span.projects a:hover{
	border-bottom-color:#FF0;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
span.thoughts a:hover {
	border-bottom-color:#0F0;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
span.gallery a:hover {
	border-bottom-color:#00F;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
span.contact a:hover  {
	border-bottom-color:#6600FF;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
span.news a:hover {
	border-bottom-color:#F03;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.large {
	color: #666;
	font-size:12px;
	font-style:normal;
	line-height:14px;
}
.medium {
	font-size:12px;
	color: #000;
	line-height:14px;
}
.small {
	font-size:12px;
	line-height:14px;
}
.largetext {
	font-family: "Times New Roman", Times, serif;
	font-size:24px;
	font-style:inherit;
	line-height:26px;
}
.mediumtext {
	font-family: "Times New Roman", Times, serif;
	font-style:inherit;
	font-size:16px;
	line-height:18px;
}
.smalltext {
	font-family: "Times New Roman", Times, serif;
	font-style:inherit;
	font-size:12px;
	line-height:14px;
}

.imagecrop {
	width:280px;
	height:157px;
	overflow:hidden;
	float:left;
}
/*
/	Layout IDs
*/
#wrapper {
	width: 840px;
	margin: 0 50px;
	font-family: "Times New Roman", Times, serif;
	background-color: transparent;
}
#header {
	position:fixed;
	width:860px;
}
#banner {
	font-family: "Times New Roman", Times, serif;
	height:60px;
	padding-top:45px;
	line-height: 32px;
	background-color: #333333;
	position:relative;
	z-index:20;
}
#banner h1 {
	font-size: 30px;
	font-style: italic;
	display:inline;
	margin-bottom:0px;
	padding-bottom:0px;
}
#banner h2 {
	font-size: 30px;
	line-height: 32px;
	font-style: italic;
	display:block;
	margin-top:-2px;
}
#banner a  {
	border-bottom:none;
	underline:none;
}
#navbar {
/*	position:absolute;
	top:36px;
	left:0px; */
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	display: inline;
	height: 40px;
	line-height: 36px;
	padding:0px;
	margin:0px;
	clear:both;
}
#tagline {
	position:absolute;
	letter-spacing:0px;
	top:83px;
	left:0px;
	height: 32px;
}
#backtotop {
	position:relative;
	top:124px;
	left:280px;
	width:280px;
	text-align:right;	
}
.current {
	font-size:30px;
	line-height:32px;
	letter-spacing:0px
}
.under {
	border-bottom:#0F9 solid 1px;
}

#navbar h1 {
}

#navbar ul {
	margin:0px;
	padding:0px;
	list-style:none;
	display: inline;
}

#navbar li {
	display: inline;
	margin:0px;
	padding:0px;
	/*border-bottom:#666 solid 1px;*/
}
#navbar a:link, #navbar a:visited {
	text-decoration: none;
	padding-bottom:0px;
	color:#666;
	border-bottom:#FFF none 1px;
}
#navbar a:hover, #navbar a:active {
	text-decoration: none;
	padding-bottom:0px;
	border-bottom:#666 none 1px;
}

#navbar h1.aboutus span.under, #navbar li.aboutus  span.under{
	border-bottom-color:#0FF;
	color:#0FF;
}
#navbar h1.project span.under, #navbar li.project span.under  {
	border-bottom-color:#FF0;
	color:#FF0;
}
#navbar h1.projectsearch span.under, #navbar li.projectsearch span.under  {
	border-bottom-color:#FF0;
	color:#FF0;
}
#navbar h1.thoughts span.under, #navbar li.thoughts span.under {
	border-bottom-color:#0f0;
	color:#0F0;
}
#navbar h1.gallery span.under, #navbar li.gallery span.under {
	border-bottom-color:#00F;
	color:#00F;
}
#navbar h1.contact span.under, #navbar li.contact span.under {
	border-bottom-color:#6600FF;
	color:#6600FF;
}
#navbar h1.map span.under, #navbar li.map span.under {
	border-bottom-color:#6600FF;
	color:#6600FF;
}
#navbar h1.news span.under, #navbar li.news span.under {
	border-bottom-color:#F09;
	color:#F09;
}
#navbar h1.index span.under, #navbar li.index span.under {
	border-bottom-color:#666;
	color:#666;
}
/*
/ Bottom borders for hovers
*/
#navbar li.aboutus a:hover, #navbar h1.aboutus a:hover   {
	border-bottom-color:#0FF;
}
#navbar li.project a:hover, #navbar h1.project a:hover   {
	border-bottom-color:#FF0;
}
#navbar li.projectsearch a:hover, #navbar h1.projectsearch a:hover   {
	border-bottom-color:#FF0;
}
#navbar li.thoughts a:hover, #navbar h1.thoughts a:hover   {
	border-bottom-color:#0F0;
}
#navbar li.gallery a:hover, #navbar h1.gallery a:hover   {
	border-bottom-color:#00F;
}
#navbar li.contact a:hover, #navbar h1.contact a:hover {
	border-bottom-color:#6600FF;
}
#navbar li.map a:hover, #navbar h1.map a:hover {
	border-bottom-color:#6600FF;
}
#navbar li.news a:hover, #navbar h1.news a:hover   {
	border-bottom-color:#F09;
}
#navbar li.index a:hover, #navbar h1.index a:hover   {
	border-bottom-color:#666;
}
/*
/ Styles for new Navigation drop down menu
*/
#navigation {
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
	position:relative;
	z-index:10;
}
#navigation hr{
	border:none;
	border-bottom: dashed white 1.5px;
	margin: 3px 10px;
}
#navigation ul {
	width:280px;
	margin: 0px;
	padding: 2px 0px 4px 0;
	background-color:#0f9;
	opacity: 0.9;
	-moz-opacity: 0.9; /* older Gecko-based browsers */
	filter:alpha(opacity=90);  /* For IE6&7 */
	display:block;
	color:#000;
	z-index:200;
}
#navigation ul ul {
	display:none;
	padding:0 0 0px 0px;
}
#navigation li {
	list-style:none;
	display:block;
	opacity: 1;
	-moz-opacity: 1; /* older Gecko-based browsers */
	filter:alpha(opacity=100);  /* For IE6&7 */
	color:#000;
	margin-left: 0px;
	padding-left: 0px;
}


#navigation a:link, #navigation a:visited  {
	display:block;
	color:#000;
	border-bottom:none;
	text-decoration:none;
	padding:3px 10px 2px 10px;
}
#navigation a:hover, #navigation a:active {
	background-color: #0c6;
	color:#FFF;
	text-decoration:none;
}
#navmenu {
	width:280px;
	height:15px;
	line-height:14px;
	padding:  0;
	display:block;
	color:#000;
	z-index:200;
}

/*
/ Styles for home page headlines
*/
ul.index {
	font-size: 18px;
	line-height:36px;
	list-style:none;
	padding:0px;
	margin:36px 0px;
}
ul.index h1 {
	display:inline;
	font-style:normal;
}
ul.index li.aboutus  span.under{
	border-bottom-color:#0FF;
	color:#0FF;
}
ul.index li.project span.under  {
	border-bottom-color:#FF0;
	color:#FF0;
}
ul.index li.thoughts span.under {
	border-bottom-color:#0f0;
	color:#0F0;
}
ul.index li.gallery span.under {
	border-bottom-color:#00F;
	color:#00F;
}
ul.index li.contact span.under {
	border-bottom-color:#6600FF;
	color:#6600FF;
}
ul.index li.map span.under {
	border-bottom-color:#6600FF;
	color:#6600FF;
}
ul.index li.news span.under {
	border-bottom-color:#F09;
	color:#F09;
}
ul.index li.index span.under {
	border-bottom-color:#666;
	color:#666;
}
/*
/ Bottom borders for hovers
*/
ul.index a:link, ul.index a:visited {
	text-decoration: none;
	padding-bottom:0px;
	border-bottom:#FFF solid 1px;
}
ul.index a:hover, ul.index a:active {
	text-decoration: none;
	padding-bottom:0px;
	border-bottom:#666 solid 1px;
}
ul.index li.aboutus a:hover, ul.index h1.aboutus a:hover   {
	border-bottom-color:#0FF;
}
ul.index li.project a:hover, ul.index h1.project a:hover   {
	border-bottom-color:#FF0;
}
ul.index li.thoughts a:hover,ul.index h1.thoughts a:hover   {
	border-bottom-color:#0F0;
}
ul.index li.gallery a:hover, ul.indexr h1.gallery a:hover   {
	border-bottom-color:#00F;
}
ul.index li.contact a:hover, ul.index h1.contact a:hover {
	border-bottom-color:#6600FF;
}
ul.index li.map a:hover, ul.index h1.map a:hover {
	border-bottom-color:#6600FF;
}
ul.index li.news a:hover,ul.index h1.news a:hover   {
	border-bottom-color:#F09;
}
ul.index li.index a:hover, ul.index h1.index a:hover   {
	border-bottom-color:#666;
}

/*
/ Styles for project drop down menu
*/

#project {
	font-family: sans-serif;
	font-size: 12px;	
	font-style:normal;
	border-top:#999 solid 1px;
	width:100%;
	line-height:25px;
	height:35px;
	padding-bottom:0px;
	color:#262626;
	opacity: 0.9;
	-moz-opacity: 0.9; /* older Gecko-based browsers */
	/*filter:alpha(opacity=90);  For IE6&7 */
}

#project h1 {
	font-family: "Times New Roman", Times, serif;
	color:#262626;
	display:inline;
	font-size: 18px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:0px;
	margin-left:5px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	line-height:35px;
}
#project h1.under {
	font-style:normal;
}
#project .large {
	font-size:36px;
	font-style:normal;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif;
	color:#262626;
}

#project h2 {
	font-family: "Times New Roman", Times, serif;
	color:#262626;
	display:inline;
	font-size: 18px;
	font-style:italic;
	font-weight:normal;
	margin:0px;
	padding-bottom:0px;
	padding-top:1px;
	padding-left:5px;
	line-height:35px;
}

#project a:link, #project a:visited  {
	color:#262626;
}
#project a:hover, #project a:active {
	border-bottom:#666 solid 1px;
	text-decoration:none;
}

#projectmenu {
	width:513px;
	background-color:#FF0;
	visibility:visible;
	display:block;
	color:#262626;
	padding-top:4px;
}

#projectback {
	position:absolute;
	top:157px;
	left:0px;
	width:513px;
	background-color:#FF0;
	opacity: 0.98;
	-moz-opacity: 0.98; /* older Gecko-based browsers */
	/*filter:alpha(opacity=98);  For IE6&7 */
	line-height:25px;
	visibility:hidden; 
	display:none;
	height:auto;	
/*	max-height:550px;
	min-height:550px;
	overflow-y:auto;
	z-index:99;*/
	color:#262626;

}
#projectmenu.aboutus, #projectback.aboutus  {
	color:#262626;
	background-color:#0FF;
}
#projectmenu.project, #projectback.project  {
	color:#262626;
	background-color:#FF0;
}
#projectmenu.thoughts, #projectback.thoughts  {
	color:#262626;
	background-color:#0F0;
}
#projectmenu.gallery, #projectback.gallery  {
	color:#262626;
	background-color:#00F;
}
#projectmenu.contact, #projectback.contact  {
	color:#FFFFFF;
	background-color:#6600FF;
}
#projectmenu.contact h1, #projectback.contact h1   {
	color:#FFFFFF;
}
#projectmenu.contact .large, #projectback.contact .large   {
	color:#FFFFFF;
}

#projectmenu.contact a:link, #projectmenu.contact a:visited , #projectback.contact a:link, #projectback.contact a:visited  {
	color:#FFF;
}
#projectmenu.contact a:hover, #projectmenu.contact a:active, #projectback.contact a:hover, #projectback.contact a:active   {
	border-bottom:#FFF solid 1px;
	text-decoration:none;
}

#projectmenu.map, #projectback.map  {
	color:#FFF;
	background-color:#6600FF;
}
#projectmenu.map h1, #projectback.map h1  {
	color:#FFF;
}
#projectmenu.map .large, #projectback.map .large   {
	color:#FFFFFF;
}


#projectmenu.map a:link, #projectmenu.map a:visited, #projectback.map a:link, #projectback.map a:visited  {
	color:#FFF;
}
#projectback.map a:hover, #projectback.map a:active, #projectmenu.map a:hover, #projectmenu.map a:active  {
	border-bottom:#FFF solid 1px;
	text-decoration:none;
}
#projectmenu.news, #projectback.news  {
	color:#FFF;
	background-color:#FF0099;
}
#projectmenu.news a:link, #projectmenu.news a:visited , #projectback.news a:link, #projectback.news a:visited  {
	color:#FFF;
}
#projectmenu.news a:hover, #projectmenu.news a:active, #projectback.news a:hover, #projectback.news a:active  {
	border-bottom:#FFF solid 1px;
	text-decoration:none;
}
#projectmenu.news h1, #projectback.news h1   {
	color:#FFFFFF;
}
#projectmenu.news .large, #projectback.news .large   {
	color:#FFFFFF;
}


#projectmenu.index, #projectback.index  {
	color:#262626;
	background-color:#FF0;
}

#projectmenu.contact .under, #projectback.contact .under {
	border-bottom:#FFF solid 1px;
}
#projectmenu.map .under, #projectback.map .under {
	border-bottom:#FFF solid 1px;
}
#projectmenu.news .under, #projectback.news .under {
	border-bottom:#FFF solid 1px;
}

#projectlist {
	/*position:relative;
	top:0px;
	left:0px;*/
	width:493px;
	height:auto;
	display:none;
	visibility:hidden;
	line-height:25px;
	opacity: 1;
	-moz-opacity: 1; /* older Gecko-based browsers */
	/*filter:alpha(opacity=100);  For IE6&7 */
	padding-bottom:18px;
	padding-top:4px;
}
#projectlist  h1 {
		display: inline;
		line-height:25px;
		padding-left:0px;
		margin-left:5px;
}
#projectlist  h2 {
		display: inline;
		line-height:25px;
		padding-left:0px;
		margin-left:5px;
}
#projectlist ul {
	margin:0px;
	padding:0px;
}
#projectlist li {
	list-style:none;
	margin-left: 0px;
	padding-left: 0px;
}
#projectlist ul ul {
	margin:0px;
	padding:0px;
}
#projectlist ul ul li {
	font-size:12px;
	margin:0px;
	border-bottom:none;
	margin-left:5px;
	padding-left:0px;
}

/*+++ Mods for new project menu RGB 24/11/09 */

#projectsearch {
	float:right;
	width:320px;
	margin-top:6px;
}
/*--- Mods for new project menu RGB 24/11/09 */


#content {
	background-image: none;		/*Gets overridden by MOTIF javsacript */
	background-position: 550px 195px;
	background-repeat:no-repeat;
	background-attachment:scroll;
	padding-top:130px;
}
#content.index {
	background-image:none;
	color:#000;
	font-style:italic;
}
.feature, .feature1{
	clear:both;
	padding:10px 0 0 0;
}
#content.index .feature {
	font-family: "Times New Roman", Times, serif;
}
.cleardiv {
	clear:both;
}
.LHcol {
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	width:560px;
	float:left;
	color: #ccc;
	line-height:28px;
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	font-size:24px;
}

.LHcolfix {
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	width:560px;
	height:320px;
	float:left;
	color: #ccc;
	line-height:28px;
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	font-size:24px;
}

.LHcolmap {
	background-image: url(../images/map-back.png);
	background-repeat:no-repeat;
	background-position:-2px -1px;
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	width:560px;
	float:left;
	color: #ccc;
	line-height:28px;
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	font-size:24px;
}
div.feature .LHcol {
	padding-top:0px;
	font-family: "Times New Roman", Times, serif;
}
div.LHcol img {
}
div#content.index .LHcol {
	background-image: none;
	border-top:none;
}
div#content.contact .LHcol {
	background-image: none;
	border-top:none;
}
.pinstripe {
	margin-top:13px;
	background-image: url(../images/pinstripe-grey.gif);
	background-position:left 13px;
}
div#content.aboutus .pinstripe {
	background-image: url(../images/pinstripe-turquoise.gif);
}
div#content.contact .pinstripe {
	background-image: url(../images/pinstripe-purple.gif);
	background-image: none;
}
div#content.map .pinstripe {
	background-image: none;
}
div#content.projects div.feature .pinstripe {
	background-image: url(../images/pinstripe-yellow.gif);
}
div#content.projects div.feature1 .pinstripe {
	background-image: none;
}
div#content.gallery .pinstripe {
	background-image: url(../images/pinstripe-blue.gif);
}
div#content.news .pinstripe {
	background-image: none;
}
div#content.thoughts .pinstripe {
	background-image: none;
}
div#content.showreel div.feature .pinstripe {
	background-image: url(../images/pinstripe-yellow.gif);
}
div#content.showreel a:hover{
	border-bottom:#666 solid 1px;
}

div.pagetext h1, div.LHcol h1, div.LHcolfix h1 {
	font-family:"Times New Roman", Times, serif;
	color: #fff;
	font-weight:normal;
	font-size:54px;
	line-height:60px;
	margin:0px;
	padding:0px;
	height:auto;
}
div.pagetext h2, div.LHcol h2 , div.LHcolfix h2 {
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	font-size:30px;
	color: #FFF;
	line-height:36px;
	margin:20px 0;
	padding:0px;
	height:auto;
}
div.pagetext h3, div.LHcol h3 {
	line-height:18px;
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	font-size:16px;
	margin:0px;
	padding:0px;
	height:auto;
	color:#CCC;
}
div.pagetext p, div.LHcol p {
	margin:0px;
	padding:0px;
	color:#CCC;
}
div.LHcol hr {
	border-top:none;
	border-bottom:dashed #333 1px;
}
.RHcol {
	width:210px;
	float:left;
	margin-left:0px;
	margin-top:-3px;
	padding: 0 10px;
	line-height:14px;
	color: #ccc;
}
.RHcolfix {
	position:absolute;
	top: 175px;
	left:630px;
	width:210px;
	height:420px;
	margin-left:0px;
	margin-top:-3px;
	padding: 0 10px;
	line-height:14px;
	color: #ccc;
}
div.RHcol h2 {
	padding:0px;
	margin:0px;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	color:#FFF;
}
div.RHcol h3 {
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	line-height:14px;
	padding:0px;
	margin:3px 0;
	color:#FFF;
}
div.RHcol p {
	margin:0px;
	color: #ccc;
	font-family: "Times New Roman", Times, serif;
}
div.RHcol ul {
	list-style-type:none;
	padding-left:0px;
	font-family: "Times New Roman", Times, serif;
}
div.RHcol li {
	list-style-type:none;
}
div.RHcol li a:link{
	border-bottom:#0F9 solid 1px;
}
div.RHcol li a:hover{
	color:#0f9;	
}
.hidden {
	visibility:hidden;
}
#map_canvas {
	width:560px;
	height:420px;
	font-size:12px;
	font-family:"Helvetica Neue", "Arial Narrow", Arial, sans-serif, Helvetica;
	font-style:normal;
	line-height:14px;
	margin-top:0px;
	margin-bottom:10px;
	z-index:1;
}
#map_canvas h1 {
	font-size:14px;
	font-family:"Helvetica Neue", "Arial Narrow", Arial, sans-serif, Helvetica;
	font-style:normal;
	font-weight:bold;
	line-height:16px;
	
}
#map_canvas h2 {
	font-size:12px;
	font-family:"Helvetica Neue", "Arial Narrow", Arial, sans-serif, Helvetica;
	font-style:normal;
	font-weight:bold;
	line-height:14px;
	
}
#footer {
	clear:both;
	border-top:#666 none 1px;
	text-align:left;
	margin-top:100px;
	margin-bottom:36px;
	line-height:36px;
}
#footer a:link, #footer a:visited {
	border-bottom:none;
}