@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[client] Screen Stylesheet
version:   1.0
date:      01/03/07
author:    Peter Koopman
email:    peter@zulu.co.nz

website:   http://www.scribbledesign.co.nz

-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
/* @import url("otherstylesheet.css"); */

/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	/* get rid of link outlines in firefox */
	outline-color:transparent;
	outline-style:none;
	outline-width:medium;
}

/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 62.5%/1.5  Verdana, Tahoma, sans-serif;
	background-color:#58595B;
	color: #000000;	
	text-align:center;
}
#wrapper{ 
	width: 860px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin:50px auto; 
	background-color: #FFFFFF;
	background:repeat-y center url(../Images/content-bg.gif);
	position:relative;
}

/* Typography
-----------------------------------------------------------------------------*/
h1{font-size: 2.2em; /* Equivalent to 22pt */}
h2{font-size: 2.0em; /* Equivalent to 20pt */}
h3{font-size: 1.8em; /* Equivalent to 18pt */}
h4{font-size: 1.6em; /* Equivalent to 18pt */}
h5{font-size: 1.4em; /* Equivalent to 14pt */}
p, q, cite{font-size: 1.2em; /* Equivalent to 12pt */}
ul, ol, dl{
	font-size: 1.2em; /* Equivalent to 12pt */
}
li, dd, dt{
	font-size: 1em; /* Equivalent to 12pt */
}

/* Header
-----------------------------------------------------------------------------*/
#header{
	background:no-repeat bottom center url(../Images/header.jpg) #58595B;
	width:860px;
	height:148px;
}
#header form{
	float:right;
}
#header form input.cat_textbox_small{
	margin:5px 3px 0 0;
	width:100px;
	border:1px solid #999;
}
#header form input.cat_button{
	background-color:#58595B;
	color:#fff;
}
/* Navigation
-----------------------------------------------------------------------------*/
#navMain{
	width:810px;
	height:35px;
	background-color:#939598;
	padding:0 30px 0 20px;
	overflow:hidden;/*Stops the layout being destroyed if user zooms page*/
}
#navMain li{
	list-style-type:none;
	display:inline;
}

#navMain li a{
	margin:0 19px;
	float:left;
	display:block;
	height:21px;
	color:#fff;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	text-shadow:1px 2px 3px #555;
	padding:9px 0;
	_padding:9px 0 0 0;/*IE6 only*/
}
#navMain li a:hover{
	color:#f58220;
}

/* Sidebar
-----------------------------------------------------------------------------*/
#branding{
	width:200px;
	float:left;
	min-height:400px;
}
#pmi{
	width:145px;
	height:145px;
	margin:auto;
	cursor:pointer;
}
#pmi-preview{
	position:absolute;	
	top:200px;
	left:180px;
	border:1px solid #999;
	height:504px;
	display:none;
	z-index:100;
}
#branding h1{
	text-indent:-9999px;
	background:no-repeat center 20% url(../Images/logo.gif) #fff;
	width:200px;
	height:200px;
}
#branding h1 a{
	display:block;
	width:200px;
	height:200px;
}
#branding h2{
	text-indent:-9999px;
	background:no-repeat center bottom url(/Images/25years.gif) #fff;
	width:200px;
	height:200px;
}
#branding h3{
	text-indent:-9999px;
	width:200px;
	background:no-repeat center bottom #fff;
}



/* Content
-----------------------------------------------------------------------------*/
#content{
	width:600px;
	float:left;
	padding:20px 30px 20px 30px;
}
#content h2{
	color:#555;
	font:bold 18px/22px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	text-shadow:0px 1px 2px #bbb;
}
#content p{
	color:#444;
	margin:0 0 10px 0;
}
#content p strong{
	color:#555;
}
#content blockquote{
	font-style:italic;
	font-size:12px;
	line-height:16px;
	color:#444;
	margin:0 0 20px 20px;
	width:470px;
}
#content ul{
	margin:0 0 2em 0;	
}
#content ul.noBull{
	list-style:none;	
}
#content li{
	color:#444;
	margin:2px 3em;
}
#content img.right{
	float:right;
	margin:5px 0 5px 10px;
}
#content img.left{
	float:left;
	margin:5px 10px 5px 0;
}

/*Introduction page*/
img.gregPic{
	float:left;
	margin:0 10px 0 0;
}

/*Project Management page*/
dl.projectManagementList dt{
	font-weight:bold;
	color:#555;
}
dl.projectManagementList dd{
	color:#444;
	margin-bottom:10px;
}
dl.projectManagementList dd p{
	font-size:12px;
}

/*Documents login page*/
#selectProject select{
	border:solid 1px #666;
	width:202px;
	margin-bottom:14px;
}
#selectProject .secure-login{
	border:solid 1px #666;
	width:200px;
	color:#666;
}
#selectProject .secure-login p{
	margin-left:1em;
}
#selectProject .secure-login input.cat_textbox_small{
	width:150px;
	border:solid 1px #666;
}
#selectProject .secure-login input.cat_button{
	border:solid 1px #666;
	width:80px;
}

/*Document Download page*/
#literatureList{
	width:500px;
}
#literatureList p.literature-container{
	width:200px;
	float:left;
}
#literatureList p.literatureDescription{
	width:270px;
	float:left;
}

/*case studies pages*/
#caseStudiesList{
	/*position:relative;	*/
}
#caseStudiesList h3{
	clear:left;
	color:#444;
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	margin:20px 0 5px 0;
}
#caseStudiesList a{
	text-decoration:none;
	color:#666;
}
#caseStudiesList a:hover{
	color:#f58220;
}
#caseStudyDetails{
	width:500px;
}
#caseStudyDetails h2{
	color:#f58220;
}
#caseStudyDetails p.listName{
	width:120px;
	float:left;
	font-weight:bold;
	color:#666;
}
#caseStudiesList .caseStudyPreview{
	display:none;
	position:fixed;
	width:350px;
	right:20px;
	top:20px;
	z-index:100;
	/*border:1px solid #666;*/
	background-color:#fff;
}
#content .caseStudyPreview h2{
	font-size:12px;
	line-height:14px;
	padding:0 5px;
}
#caseStudiesList .caseStudyPreview p{
	padding:0 5px;	
}
#caseStudyDetails p.listText{
	width:350px;
	float:left;
	color:#666;
}
p.caseStudiesBack{
	clear:left;	
}
/*Referrals*/
#referrals{
	position:relative;
	min-height:700px;
	_height:700px;
}
#referrals a{
	text-decoration:none;
	color:#666;
}	
#referrals a:hover{
	color:#f58220;
	position:relative;
	z-index:0;
}
#referrals .referralPreview{
	display:none;
	position:absolute;
	left:100px;
	top:-200px;
}
/*Contact Us*/
.webform input, .webform textarea, .cat_dropdown_smaller{
	border:1px solid #666;
}
.contactWrapper{
	width:100%;
	position:relative;
}
.mazeImage{
	width:250px;
	position:absolute;
	right:20px;
	top:0px;
}
.mazeImage p{
	text-align:center;	
}
/*Search Results Page*/
div.search-result p.searchResultTitle{
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	margin-bottom:0;
}
div.search-result p.searchResultDescription{
	margin:0 0 10px 0;
}

/* Footer
-----------------------------------------------------------------------------*/
#pageInfo{
	clear:left;
	width:860px;
	background:repeat-y center url(../Images/content-bg.gif);
}
#pageInfo a{
	margin-left:210px;
	font-size:9px;
	text-decoration:none;
	color:#666;
}
#pageInfo a:hover{
	color:#f58220;
}