/* reset whitespace */
* {
	padding:0;
	margin:0;
}

html, body {
                height: 100%;                                                                   
                margin: 0;                                                                      
                padding: 0;                                                                    
            }
body {
	/*padding: 0;*/
	background-color:#404041
}

img {
	padding: 0;
	margin: 0;
	border: 0;
}


#horizon{ position: absolute; top: 50%; left: 0px; width: 100%;height: 1px; overflow: visible;	visibility: visible;	display: block}
#centerit{margin-top: -310px; display: block; position:relative}

#lhcolumn {
	background-color:#262626;
	color:#ccc;
	height:439px;
	padding:41px 20px 20px;
	position:absolute;
	text-align:left;
	top:80px;
	width:190px;
	z-index:8;
}

#rhcolumnout {
	background: #262626 url(../images/BG_content_area.gif) 0 0 repeat-x;
	border-top:25px solid #262626;
	overflow:auto;
	top: 80px;
	position:absolute;
	display:block;
	width:100%
}


#rhcolumnin {margin-left:410px; white-space:nowrap;}
#rhcolumnin img {border-right:dashed #CCCCCC 1px;}
#rhcolumnin.large img {margin-left:240px;}
#rhcolumnin {
	height:475px;
	display:block;
	width:100%;
}

#rhcolumnin ul, #rhcolumnin li{ list-style: square}
#rhcolumnin li{margin-left:15px;padding-left:2px}

/* redefined and added a class for instances with no image */
#rhcolumnout.text{border-top:none; padding-bottom:25px}
#rhcolumnin.text{padding-top:3px;padding-left:20px; width:565px; color:#CCCCCC; margin:25px 0 0 410px; background-color:#202020; height:466px;}

#mainNav{ /*display:none;*/
	height:25px;
	left:410px;
	margin:0;
	padding:0;
	position:absolute;
	top:56px;
	width:auto;
	z-index:1;
}

#worknav {
	height:25px;
	left:339px;
	margin:0;
	padding:0;
	position:absolute;
	top:78px;
	width:auto;
	z-index:12;
}

#workdetail1, #workdetail2, #workdetail3, #workdetail4, #workdetail5 {
	height:471px;
	left:230px;
	background-color:#333333;
	color:#ccc;
	margin:0;
	padding:2px 20px;
	position:absolute;
	top:105px;
	width:140px;
	z-index:12;
	-moz-opacity:0.9;
	-webkit-opacity:0.9;
	filter: alpha(opacity=90)}

#workdetail1 h2{margin-bottom:0.6em}

#workdetail1.large{width:380px;}

#workdetail1 p, #workdetail2 p, #workdetail3 p, #workdetail4 p, #workdetail5 p, #workdetail1 li, #workdetail2 li, #workdetail3 li, #workdetail4 li, #workdetail5 li{ 
	-moz-opacity:1;
	-webkit-opacity:1;}

#workdetail1 li, #workdetail2 li, #workdetail3 li, #workdetail4 li, #workdetail5 li{
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom:1px solid #454545}
	
#workdetail1 li strong,	#workdetail1 li b,
#workdetail2 li strong,	#workdetail2 li b,
#workdetail3 li strong,	#workdetail3 li b,
#workdetail4 li strong,	#workdetail4 li b,
#workdetail5 li strong,	#workdetail5 li b{ display:block}

#workdetail1.noScroll, #workdetail2.noScroll, #workdetail3.noScroll, #workdetail4.noScroll, #workdetail5.noScroll{ 
height:465px}

#logo1 {
	position: absolute; top:-95px; left:0px;
	width: 300px;
	height: 215px;
	background: url(../images/sensory_blot.y.png) 0 0 no-repeat; z-index:13;
}

/* Typography */

body {
	font: 11px/1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

abbr, acronym {
	border: 0px;
}

/* links */
a {
	text-decoration: underline;
	font-weight: normal;
	color: #EE82EE;
	}
a:active {
	color:red;
	}
a:hover {
	color: #6959CD;
	text-decoration: none;
}


/* headings */
h1 {
	color:#404041;
	font-size:1px;
	text-indent:-200px;
}

h2 { 
	font-size: 11px;
 	font-weight: bold;
	margin: 1em 0 0 0;
	color:#999;
}	

h2 a { color: #945F27; }

h3 {
	font-size: 12px;
 	font-weight: bold; 
	color: #999;
	margin: 0 0 0.5em 0;
}

p {
	color:#999;
	margin: 0 0 0.8em 0;
}

p.intro {
	color:#999;
	text-indent: 0px;
}

h4 {
	font-size: 11px;
	margin: 0 0 0.2em 0;
	font-weight: bold;
}
	
ol, ul, li {
	color:#999;
	list-style-image: none;
	list-style-type: none;
}

ol, ul { margin: 0.8em 0;}


ul.worklinks {
	margin: 0;
	
}
.worklinks {
	font-weight: bold;
	}
li.worklink1 {
	display: inline;
	margin: 0;
	}
	
li.subscript {font-size: 9px;}

#mainNav  ul{margin:0; padding:0}
#mainNav li{ display:inline}
#mainNav ul a{display:block;
			  float:left;
			  margin:0 0.2em 0 0;
			  padding:0.3em 0.6em;
			  width:auto;
			 /* border-top: 5px solid #404041;*/background-color:#262626;
			  color:#888888;text-decoration:none;/*
			  margin:0;
			  padding:0.5em 0.6em 0.5em 0.6em;
			  */ }
#mainNav ul a.link1:hover, #mainNav ul .here a.link1{ /*border-top: 5px solid #6959CD;*/ background-color:#6959CD; color:#262626}
#mainNav ul a.link2:hover, #mainNav ul .here a.link2{ /*border-top: 5px solid #63D1F4;*/ background-color:#63D1F4; color:#262626}
#mainNav ul a.link3:hover, #mainNav ul .here a.link3{ /*border-top: 5px solid #FFE303;*/ background-color:#FFE303; color:#262626}
#mainNav ul a.link4:hover, #mainNav ul .here a.link4{/* border-top: 5px solid #9CCB19;*/ background-color:#9CCB19; color:#262626}
#mainNav ul a.link5:hover, #mainNav ul .here a.link5{ /*border-top: 5px solid #EE82EE;*/ background-color:#EE82EE; color:#262626}


.pasttitle, .worktitle {display: block; float:left; color: #999; margin-left:.5em; margin-right:.5em; margin-top:5px}
.pasttitle { color: #888; }

.worklinks a.link1,.worklinks .link2,.worklinks .link3,.worklinks .link4,.worklinks .link5, a.inactive1, a.inactive2, a.inactive3, a.inactive4, a.inactive5{
	color: #666; margin: 2px 0 2px 2px; padding: .3em; text-decoration:none; display:block; float:left; background-color:#333333} 

/* Re-define color for purple squares */
a.inactive1, a.link1:hover{ color:#333333}

/* Past Projects
a.plink1, a.plink2, a.plink3, a.plink4, a.plink5{
	color: #888; background-color: #fff; margin: 0; padding: .5em .35em .6em .35em;}

a.plink1:hover, a.plink2:hover, a.plink3:hover, a.plink4:hover, a.plink5:hover{
	color: #222; margin: 0; padding: .5em .35em .6em .35em;}

a.pinactive1, a.pinactive2, a.pinactive3, a.pinactive4, a.pinactive5{
	color: #000; margin: 0; padding: .5em .4em .6em .4em;}
 */

/* Colour */
a.link1:hover, a.inactive1{ background-color: #6959CD; }
a.link2:hover, a.inactive2{ background-color: #63D1F4; }
a.link3:hover, a.inactive3{ background-color: #FFE303; } /* yellow */
a.link4:hover, a.inactive4{ background-color: #9CCB19; }
a.link5:hover, a.inactive5{ background-color: #EE82EE; } /* magenta */

/*--- Form---------------------- */
/* Login */
#login fieldset{border:none; margin-top:10px;width:460px;}
#login li{ clear:left; height:27px}
#login ol, #login li{list-style-type:none; margin:0; padding:0}
#login li label{ float:left;width:100px; display:block;}
#login li select, #login li input, #login li textarea{ 
	width:245px; float:left; border:1px solid #666;padding:2px 4px; color:#FFFFFF; background-color:#333333;font-size:11px; height:14px}
#login li select{padding:0;height:18px; width:255px;}
#login li textarea{height:auto}

#login p{clear:both;margin-left:99px;padding-top:0.4em;}
#login li input:focus, #login li textarea:focus, #login li select:focus{background-color: #9CCB19; color:#000000}

#login #send, #login #reset{  color:#000000; border:1px solid #666; font-size:11px;  padding:4px; }
#login #send{background-color: #EE82EE;}
#login #reset{background-color:#999}

/* Enquiry */
#requestQuote fieldset{border:none; margin-top:9px;width:460px;}
#requestQuote li{ clear:left; height:27px}
#requestQuote ol, #requestQuote li{list-style-type:none; margin:0; padding:0}
#requestQuote li label{ float:left;width:200px; display:block; }
#requestQuote li select, #requestQuote li input, #requestQuote li textarea{ 
	width:245px; float:left; border:1px solid #666;padding:2px 4px; color:#FFFFFF; background-color:#333333;font-size:11px; height:14px}
#requestQuote li select{padding:0;height:18px; width:255px;}
#requestQuote li textarea{height:auto}
#requestQuote p{clear:both;margin-left:199px;padding-top:0.6em;}
#requestQuote li input:focus, #requestQuote li textarea:focus, #requestQuote li select:focus{background-color: #9CCB19; color:#000000;}

#requestQuote #send, #requestQuote #reset{  color:#000000; border:1px solid #666; font-size:11px;padding:4px; }
#requestQuote #send{background-color: #9CCB19;}
#requestQuote #reset{background-color:#999}



/* IE 6 Warning */
.warning{ display:none}