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

}
a:visited {
	text-decoration: none;
	color: #666;
	/*border-bottom:#FFF solid 1px;*/
}
a:hover {
	text-decoration: none;
	color: #666;
	/*border-bottom:#666 solid 1px;*/
}
a:active {
	text-decoration: none;
	color: #262626;
	/*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;
}
span.kem a:hover, span.kem a:active {
	text-decoration: none;
	color: #262626;
	border-bottom:#262626 solid 1px;
}
/*
/	Page Theme Classes
*/
.index {
	color:#666;
}
.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:36px;
	font-style:normal;
	line-height:36px;
}
.medium {
	font-size:18px;
	color: #666;
	line-height:36px;
}
.small {
	font-size:12px;
}
/*
/	Layout IDs
*/
#wrapper {
	width: 860px;
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
}
#header {
	position:fixed;
	width:860px;
}
#banner {
	font-family: "Times New Roman", Times, serif;
	background-color:#FFF;
	height:120px;
	padding-top:36px;
}
#banner h1 {
	font-size: 36px;
	font-style: italic;
	display:inline;
	margin-bottom:0px;
	padding-bottom:0px;
}
#banner h2 {
	font-size: 36px;
	font-style: italic;
	line-height: 36px;
	display:block;
	margin-top:-2px;
}
#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;
}
#tagline {
	position:absolute;
	letter-spacing:0px;
	top:74px;
	left:0px;
	height: 36px;
}
.current {
	font-size:36px;
	line-height:36px;
	letter-spacing:0px
}
.under {
	border-bottom:#666 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;
	border-bottom:#FFF solid 1px;
}
#navbar a:hover, #navbar a:active {
	text-decoration: none;
	padding-bottom:0px;
	border-bottom:#666 solid 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 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;
	color:#262626;
	padding-top:4px;
}

#projectback {
	position:absolute;
	top:157px;
	left:0px;
	width:513px;
	max-height:550px;
	min-height:550px;
	height:550px;	
	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;
	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;
	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:200px;
}
#content.index {
	background-image:none;
}
.feature {
	clear:both;
	padding-top:18px;
	padding-bottom:18px;
}
.feature1 {
	clear:both;
	padding-top:18px;
	padding-bottom:18px;
}
#content.index .feature {
}
.cleardiv {
	clear:both;
}
.LHcol {
	margin-top:0px;
	padding-top:17px;
	padding-left:1px;
	padding-bottom:0px;
	border-top:#999 solid 1px;
	width:512px;
	float:left;
	color:#666;
	line-height:36px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:36px;
}
div.feature .LHcol {
	padding-top:0px;	
}
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.LHcol h1 {
	line-height:36px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:36px;
	margin:0px;
	padding:0px;
	height:auto;
}
div.LHcol h2 {
	line-height:36px;
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	font-size:18px;
	margin:0px;
	padding:0px;
	height:auto;
}
div.LHcol p {
	margin:0px;
	padding:0px;
}
.RHcol {
	width:288px;
	float:left;
	margin-left:30px;
	margin-top:0px;
	line-height:18px;
	color:#262626;
}
div.RHcol h2 {
	padding-top:0px;
	margin-top:-18px;
	line-height:20px;
	color:#262626;
}
div.RHcol h3 {
	font-family: sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	padding-top:0px;
	margin-top:3px;
	line-height:20px;
	color:#262626;
}
div.RHcol p {
	margin-top:0px;
}
div.RHcol ul {
	list-style-type:none;
	padding-left:0px;
}
div.RHcol li {
	list-style-type:none;	
}
div.RHcol li a:hover{
	text-decoration: underline;	
}

#map_canvas {
	width:512px;
	height:400px;
	font-size:12px;
	font-family:"Helvetica Neue", "Arial Narrow", Arial, sans-serif, Helvetica;
	font-style:normal;
	line-height:12px;
	margin-top:18px;
	margin-bottom:10px;
	z-index:10;
}
#map_canvas h1 {
	font-size:14px;
	font-family:"Helvetica Neue", "Arial Narrow", Arial, sans-serif, Helvetica;
	font-style:normal;
	font-weight:bold;
	line-height:14px;
	
}
#map_canvas h2 {
	font-size:14px;
	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:center;
	margin-top:20px;
	padding-top:20px;
}