/* CSS written by Andrew Gough for Jeva Films, March 24 2010 */


/* Set links to white, green on hover */

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

a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:hover {
	text-decoration: none;
	color: #b6d766;
	cursor:pointer;
	}

body {
	background-color: #000000; 
	font-family: Frutiger, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.7em;
	color: #FFFFFF;
	/* margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em; */
	height: 100%;
	margin: 0;
	padding: 0;
	}
	
h2 {	/* Green bold header, used on About us pages */
	color: #b6d766;
	font-size:24px;
	font-weight:bold;
	font-family: Frutiger, Arial, Helvetica, sans-serif;
	line-height: 1em;
	}

h3 {	
	color: #fff;	/* White bold sub-header, used on current projects page */
	font-size:16px;
	font-weight:bold;
	font-family: Frutiger, Arial, Helvetica, sans-serif;
	line-height: 1em;
	}

h4 {	
	color: #b6d766;	/* Green bold sub-sheader, used on current projects page */
	font-size:20px;
	font-weight:bold;
	font-family: Frutiger, Arial, Helvetica, sans-serif;
	}

.head4 {
	font-family: Frutiger, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #b6d766;
	font-weight:bold;
	}

table {
	color: #FFFFFF
	}

td, th {	
	font-family: Frutiger, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 2em;
	color: #333333
	}

textarea {
	font-family: Frutiger, Arial, Helvetica, sans-serif;	
	font-size: 1em
	}

/* Styling for menu list */

ul {
	margin: 0;
	padding: 10px;
	font: Frutiger, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight:bold;
	z-index: 5;
	cursor:pointer;
}

.textpointer {
	cursor:text;
	}

ul li {
	list-style: none;	/* Removes bullet points */
	/* float: left; */  	/* Note. Removed in favour of .leftlist class */
	padding: 3px 6px;
	text-decoration: none;
	position: relative;
	background:#000;
	z-index: 5;
	cursor:pointer;
	}

.leftlist {
	float: left;	/* Class to make list items horizontal */
	}

li ul {			/* Styling for second list level */
	position: absolute;
	left: -1px;
	top: 30px;
	display: none;	/* Prevents second level from displaying normally */
	width: 14em; 	/* Width to help Opera out */
	background:#000;
	z-index: 5;
	cursor:pointer;
	}

ul li a {
	display: block;
	text-decoration: none;
	background:#000;
	z-index: 5;
	cursor:pointer;
	}

.aboutshow {		/* Sets about cass and tess to show by default, used on about pages only */
	display:block;	/* Second levels displays on hover */
	position: absolute;
	margin: 0;
	padding: 0;
	color: #FFFFFF; }

li:hover ul, li.over ul {
	display:block;	/* Second levels displays on hover */
	position: absolute;
	margin: 0;
	padding: 0px 0px 5px 6px;
	color: #b6d766; 
	z-index: 5;
	width:14em;
	border:solid;
	border-width:thin;
	border-color:#b6d766;
	border-top-style:none;
	left: -8px;				/* Overridden in IE.css */
	cursor:pointer;
	}
	
.border {
	border:solid;
	border-width:thin;
	border-color:#b6d766;
	}
	
/* li ul:hover ul, li ul.over ul {
	display:block;
	position: absolute;
	margin: 0;
	padding: 0;
	color: #b6d766;
	z-index: 5;
	} */


/* This section asigns thumbnails (must be 50x50px) to menu items and modifies text padding
/* Commented out for future use

.menucassbg {				/* Small thumbnail of Cass for use in drop-down
	background: url('images/cass-thumb.gif') no-repeat top left;
	}

.menutessbg {				/* Small thumbnail of Tess for use in drop-down
	background: url('images/tessa-thumb.gif') no-repeat top left;
	}

div#menuthumbs {			/*Sorts spacing of text for thumbnails in drop-down
	padding-left:55px;
	padding-bottom:10px;
	padding-top:10px;
	}
*/
	
/* End of menu styling */

.TitleColor {
	color: #000000
	}

img#bg {			/* Background image scalable and fixed, z-indexed to zero level */
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
}	

div#content {		/* Page content above background image */
	position:relative;
	z-index:1;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

div#centeredflash {		/* Conditional comment replaces this when browser is IE. See ie.css */
	position:fixed;
	top:50%;
	left:50%;
	margin-top: -150px;
	margin-left: -512px;
}

div#centeredcontact {	/* Overridden in IE.css */
	position:fixed;
	top:50%;
	left:50%;
	margin-top: -96px;
	margin-left: -182px;
}

div#bottomcredits {	/* Overridden in IE.css */
	position:fixed;
	top:100%;
	margin-top: -60px;
}

div#bottomcreditsindex {	/* Overridden in IE.css */
	position:fixed;
	top:100%;
	margin-top: -30px;
}

div#copyright { /* Overridden in IE.css */
	position:fixed;
	top:100%;
	margin-top: -30px;
	width:100%;
	height:30px;
	margin-left: 10px;
	font-size:12px;
	color:#999999;
	z-index:1;
	}

div#logobig { 	/* Overridden in IE.css */
	position:fixed;
	top:50%;
	left:50%;
	margin-top: -221px;
	margin-left: -385px;
	z-index: -1;
}

div#tohome2 {
	font-family: frutiger, Arial, Helvetica, sans-serif;
	font-size: 21px;
	position: absolute;
	top: 20px;
	z-index:1;
	font-style: normal;
	right: 30px;
	color: #b6d766;
	display:block;
	background: #000;
	padding: 4px;
}

.style1 {
	color: #b6d766;
	font-style: italic;
}

.style2 {color: #fff}

.style3 {color: #b6d766}

div#smalllogo {
	width:170px;
	height:104px;
	position:absolute;
	left: 727px;
	top:10px;
}

.topmenuhover:hover {
	color: #b6d766;
	}

div#aboutcass {
	width: 600px;
	height:382px;
	position: absolute;
	top: 75px;
	left: 100px;
	}
	
div#abouttess {
	width: 562px;
	height:auto;
	position: absolute;
	top: 75px;
	left: 100px;
	}
	
.textright {
	text-align:right;
	}

img.floatleft { /* Overridden in IE.css */
	float: left;
	margin-right: 10px;
	margin-top: 23px;
	line-height:0px;
	}

a.neth:hover {color: #fff;}

ul.bullet {
  margin: 0;
  padding: 10px 0px 0px 0px;
}

ul.bullet li {
  margin: 0;
  padding: 0px 2px 2px 20px;
  list-style: none;
  background: url('images/bullet.gif') no-repeat top left;
}