/*  -- AUTHOR: PITCH (pitch.net.nz) -----------------------------------------------------------  */
/*  -- SITE VERSION: 1.5 ----------------------------------------------------------------------  */
/*  -- UPDATED: OCTOBER 2009 ------------------------------------------------------------------  */
/*  -- MEDIUM: SCREEN -------------------------------------------------------------------------  */

	
/*  -- GENERAL --------------------------------------------------------------------------------  */

	html {
		background: #f2f2eb  url(../_img/bg-projects.png) repeat;
		border-top: 6px solid #181818;
		}
		
	body {
		background: none;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 18px;
		color: #1f1f1f;
		}
		
	a {
		color: #828275;
		text-decoration: underline;
		font-style: italic;
		}
		
		a:hover {
			text-decoration: none;
			}
			
	h1 {
		font-weight: normal;
		}
		
	h2 {
		color: #34342c;
		}
		
	h3 {
		font-size: 28px;
		font-weight: bold;
		color: #34342c;
		}

	h4 {
		font-size: 20px;
		font-weight: bold;
		color: #34342c;
	}

	h5 {
		font-size: 14px;
		font-weight: bold;
		color: #34342c;
	}

	p {
		margin-top: 10px;
		}
		
	hr {
		background: url(../_img/bg-projectslist.png) repeat-x;
		border: 0px;
		height: 2px;
		clear: both;
		margin: 10px 0;
		}
	
	.hold { 
		width: 940px;
		padding: 0px 10px;
		margin: 0px auto;
		overflow: hidden;
		_height: 1%;
		}
		
	.hide,
	.hidden {
		display: none;
		}
		
	.clearwrap {
		overflow: hidden;
		}
		
	.amp {
		background: url(../_img/bg-greytile.png) no-repeat 0 -31px;
		width: 10px;
		text-indent: -9999px;
		display: inline-block;
		}
		
/*  -- HEADER ---------------------------------------------------------------------------------  */

	#header {
		background: #1f1f1f url(../_img/bg-header.png) repeat-x 0 100%;
		border-top: 1px solid #333;
		padding: 0 0 6px;
		}
		
	#headerinner {
		background: url(../_img/bg-headerinner.png) no-repeat 50% 0;
		padding: 28px 0 13px;
		}
		
	#headerinner .hold {
		width: 950px;
		padding: 0px 5px;
		}
			
		#header h2 {
			width: 209px;
			height: 94px;
			float: left;
			margin: 30px 0px;
			}
	
			#header h2 a {
				width: 209px;
				height: 94px;
				display: block;
				text-indent: -9999px;
				background: url(../_img/bg-greytile.png) no-repeat 0 -220px;
				}
		
		#header h1 {
			font-size: 24px;
			color: #FFF;
			width: 670px;
			float: right;
			line-height: 35px;
			margin: 12px 0 20px;
			padding: 12px 0px 20px 50px;
			background: url(../_img/bg-greytile.png) no-repeat 0 -89px;
			}
			
			#header h1 a {
				color: #009ad6;
				text-decoration: none;
				font-style: normal;
				}
				
			#header h1 span.amp {
				background: url(../_img/bg-greytile.png) no-repeat 0 7px;
				display: inline-block;
				width: 19px;
				}

		
/*  -- INTRO ----------------------------------------------------------------------------------  */
	
	#intro {
		background: #e2e2d7 url(../_img/bg-intro.png);
		border-top: 1px solid #eeeee6;
		border-bottom: 1px solid #d9d9d0;
		}
		
	#intro .hold {
		padding: 35px 10px 0;
		}
		
	#intro h3 {
		padding: 0 0 3px;
		}
	
	.intro-column {
		width: 460px;
		display: block;
		float: left;
		margin: 0 0 30px;
		}
			
		.right {
			margin-left: 20px;
			}
			
		.intro-column ul {
			padding: 4px 0 0 20px;
			font-size: 14px;
			font-weight: bold;
			overflow: hidden;
			}
				
			.intro-column ul li {
				width: 215px;
				color: #828275;
				float: left;
				list-style: disc;
				line-height: 30px;
				}
				
			.intro-column ul li.longli {
				width: 225px;
				}
	
			.intro-column ul li span {
				color: #393939;
				}
				
			.intro-column p {
				font-size: 13px;
				}
					
			.intro-column p.a-p {
				background: url(../_img/bg-a.png) no-repeat 0 0;
				text-indent: 30px;
				}
				
				.intro-column p.a-p span {
					text-indent: 36px;
					display: block;
					}
					
			.intro-column p {
				color: #2a2a2a;
				}
					
/*  -- PROJECTS -------------------------------------------------------------------------------  */	
			
	#project-wrap {
		color: #373737;
		padding: 35px 0 39px;
		}
		
		#project-container {
			width: 940px;
			overflow: hidden;
			position: relative;
			}
			
		#project-wrap .clearwrap {
			padding: 11px 0 0;
			}
			
		#pslide {
			width: 4700px;
			}
		
		#project-container ul {
			float: left;
			width: 940px;
			}
			
			.projects img {
				float: left;
				border: 3px solid #d3d3c5;
				margin-right: 40px;
				width: 434px;
				height: 166px;
				}
				
			.projects a:hover img {
				border-color: #a7a7a0;
				}
				
			.projects h3 {
				float: left;
				margin: 5px 0 16px;
				}
		
			.projects #project-container h3 {
				float: none;
				}
		
			.projects ul li {
				overflow: hidden;
				padding: 10px 0 15px;
				height: 172px;
				}
			
			.projects ul li.first {
				border-top: 0px;
				}
			
			.projects ul li.last {
				border-bottom: none;
				}
				
			.projects p {
				margin: 9px 0 11px;
				color: #323232;
				font-size: 13px;
				}
				
			.projects .notes {
				clear: left;
				border-bottom: 3px solid #e6e6e1;
				margin: 3px 0 0;
				padding: 0 0 5px;
				}
				
			.projects .launch {
				background: url(../_img/bg-greytile.png) no-repeat -19px 0;
				height: 22px;
				width: 100px;
				display: block;
				text-indent: -9999px;
				}
				
			.projects .launch:hover {
				background-position: -19px -22px;
				}
		
		.content {
			width: 456px;
			float: left;
			}
			
/*  -- GALLERY --------------------------------------------------------------------------------  */

	.pslide-nav {
		overflow: hidden;
		float: right;
		}
		
		.projects .pslide-nav li {
			float: left;
			display: block;
			height: auto;
			margin: 0px;
			padding: 0px;
			}
			
			.pslide-nav a {
				display: block;
				text-indent: -9999px;
				}	
			
			.pslide-nav1,
			.pslide-nav2,
			.pslide-nav3,
			.pslide-nav4,
			.pslide-nav5 {
				width: 16px;
				height: 17px;
				background: url(../_img/bg-greytile.png) no-repeat -120px 3px;
				margin: 5px 10px 0 0;
				}
				
			.pslide-nav5 {
				margin-right: 12px;
				}
				
			.pslide-nav1:hover,
			.pslide-nav2:hover,
			.pslide-nav3:hover,
			.pslide-nav4:hover,
			.pslide-nav5:hover {
				background-position: -120px -55px;
				cursor: pointer;
				}
				
			.pslide-nav1.selected,
			.pslide-nav2.selected,
			.pslide-nav3.selected,
			.pslide-nav4.selected,
			.pslide-nav5.selected {
				background-position: -120px -26px;
				cursor: default;
				}
			
			.pslide-next {
				background: url(../_img/btn-bluetile.png) no-repeat 100% -52px;
				width: 55px;
				height: 26px;
				}
				
			.pslide-next.disabled,
			.pslide-next.disabled:hover {
				background-position: 100% 0;
				cursor: default;
				}
				
			.pslide-next:hover {
				background-position: 100% -26px;
				cursor: pointer;
				}
				
			.pslide-previous {
				background: url(../_img/btn-bluetile.png) no-repeat 0 -52px;
				width: 75px;
				height: 26px;
				margin: 0 1px 0 0;
				}
				
			.pslide-previous.disabled,
			.pslide-previous.disabled:hover {
				background-position: 0 0;
				cursor: default;
				}
				
			.pslide-previous:hover {
				background-position: 0 -26px;
				cursor: pointer;
				}

/*  -- FOOTER ---------------------------------------------------------------------------------  */

	#footer {
		overflow: hidden;
		padding: 35px 0px;
		background: #e5e5da url(../_img/bg-intro.png);
		border-top: 1px solid #d9d9d0;
		color: #111010;
		}
		
		#footer h3 {
			margin: 0 0 17px;
			}
			
		#footer p {
			font-size: 12px;
			line-height: 19px;
			margin: 2px 0 0;
			}
		
		#info {
			width: 460px;
			float: right;
			}
		
		#info ul {
			overflow: hidden;
			}

			#info ul li {
				float: left;
				margin-right: 40px;
				}

			#info ul li.last {
				margin-right: 0px;
				}

/*  -- CONTACT FORM ---------------------------------------------------------------------------  */		
	
	fieldset {
		float: left;
		color: #333;
		width: 458px;
		margin-right: 20px;
		}
	
	.submit {
		float: left;
		display: inline;
		}
	
	#form-error, #form-success{
		margin-top: -1px;
		width: 380px;
		display: block;
		float: right;
		font-size: 13px;
		font-weight: bold;
		}
	
	#form-error p{
		padding: 4px 6px 4px 6px;
		color: #d40d2e;
		font-style: italic;
		width: auto;
		}
	
	#form-success p{
		padding: 4px 6px 4px 6px;
		color: #009ad6;
		font-style: italic;
		width: auto;
		}
	
	form#message-form input.error, form#message-form textarea.error{
		border: 1px solid #FF0000;
		}
	
	form#message-form input, form#message-form textarea{
		border: 1px solid #cacabc;
		color: #323b3a;
		}
		
	form#message-form input:focus, form#message-form textarea:focus{
		border-color: #8c8c89;
		}
	
	input#name, input#email {
		background: #FFF;
		width: 198px;
		float: left;
		padding: 8px;
		margin-bottom: 8px;
		border: 1px solid #cacabc;
		font-weight: normal;
		}
	
	input#name {
		margin-right: 8px;
		}
	
	textarea {
		background: #FFF;
		width: 428px;
		padding: 5px;
		margin-bottom: 2px;
		font-weight: normal;
		}
	
/*  -- TYPE ----------------------------------------------------------------------------------  */

	div#info p.copy {
		margin: 22px 0 0;
		font-size: 12px;
		}
	
	form#message-form .submit {
		width: 69px;
		height: 26px;
		border: 0px;
		background: url(../_img/btn-bluetile.png) no-repeat 0 -78px;
		}
		
	form#message-form .submit:hover {
		cursor: pointer;
		background-position: 0 100%;
		}
		
/*  -- LIGHTBOX ------------------------------------------------------------------------------  */
	
	html, body {
		height: 100%;
	}

	div#fancy_overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #666;
		display: none;
		z-index: 30;
	}

	* html div#fancy_overlay {
		position: absolute;
		height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

	div#fancy_wrap {
		text-align: left;
	}

	div#fancy_loading {
		position: absolute;
		height: 40px;
		width: 40px;
		cursor: pointer;
		display: none;
		overflow: hidden;
		background: transparent;
		z-index: 100;
	}

	div#fancy_loading div {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 480px;
		background: transparent url('../_img/fancy_progress.png') no-repeat;
	}

	div#fancy_loading_overlay {
		position: absolute;
		background-color: #FFF;
		z-index: 30;
	}

	div#fancy_loading_icon {
		position: absolute;
		background: url('../_img/fancy_loading.gif') no-repeat;
		z-index: 35;
		width: 16px;
		height: 16px;
	}

	div#fancy_outer {
		position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 90;
	    padding: 18px 18px 33px 18px;
	    margin: 0;
	    overflow: hidden;
	    background: transparent;
	    display: none;
	}

	div#fancy_inner {
		position: relative;
		width:100%;
		height:100%;
		border: 1px solid #BBB;
		background: #FFF;
	}

	div#fancy_content {
		margin: 0;
		z-index: 100;
		position: absolute;
	}

	div#fancy_div {
		background: #000;
		color: #FFF;
		height: 100%;
		width: 100%;
		z-index: 100;
	}

	img#fancy_img {
		position: absolute;
		top: 0;
		left: 0;
		border:0; 
		padding: 0; 
		margin: 0;
		z-index: 100;
		width: 100%;
		height: 100%;
	}

	div#fancy_close {
		position: absolute;
		top: -12px;
		right: -15px;
		height: 30px;
		width: 30px;
		background: url('../_img/fancy_closebox.png') top left no-repeat;
		cursor: pointer;
		z-index: 181;
		display: none;
	}

	#fancy_frame {
		position: relative;
		width: 100%;
		height: 100%;
		display: none;
	}

	#fancy_ajax {
		width: 100%;
		height: 100%;
		overflow: auto;
	}

	a#fancy_left, a#fancy_right {
		position: absolute; 
		bottom: 0px; 
		height: 100%; 
		width: 35%; 
		cursor: pointer;
		z-index: 111; 
		display: none;
		background-image: url(data:image/gif;base64,AAAA);
		outline: none;
	}

	a#fancy_left {
		left: 0px; 
	}

	a#fancy_right {
		right: 0px; 
	}

	span.fancy_ico {
		position: absolute; 
		top: 50%;
		margin-top: -15px;
		width: 30px;
		height: 30px;
		z-index: 112; 
		cursor: pointer;
		display: block;
	}

	span#fancy_left_ico {
		left: -9999px;
		background: transparent url('../_img/fancy_left.png') no-repeat;
	}

	span#fancy_right_ico {
		right: -9999px;
		background: transparent url('../_img/fancy_right.png') no-repeat;
	}

	a#fancy_left:hover {
	  visibility: visible;
	}

	a#fancy_right:hover {
	  visibility: visible;
	}

	a#fancy_left:hover span {
		left: 20px; 
	}

	a#fancy_right:hover span {
		right: 20px; 
	}

	.fancy_bigIframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
	}

	div#fancy_bg {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		z-index: 70;
		border: 0;
		padding: 0;
		margin: 0;
	}

	div.fancy_bg {
		position: absolute;
		display: block;
		z-index: 70;
		border: 0;
		padding: 0;
		margin: 0;
	}

	div.fancy_bg_n {
		top: -18px;
		width: 100%;
		height: 18px;
		background: transparent url('../_img/fancy_shadow_vertical.png') repeat-x 0 0;
	}

	div.fancy_bg_ne {
		top: -18px;
		right: -13px;
		width: 13px;
		height: 18px;
		background: transparent url('../_img/fancy_shadow_tile.png') no-repeat -26px 0;
	}

	div.fancy_bg_e {
		right: -13px;
		height: 100%;
		width: 13px;
		background: transparent url('../_img/fancy_shadow_tile.png') repeat-y 100% 0;
	}

	div.fancy_bg_se {
		bottom: -18px;
		right: -13px;
		width: 13px;
		height: 18px;
		background: transparent url('../_img/fancy_shadow_tile.png') no-repeat -26px -18px;
	}

	div.fancy_bg_s {
		bottom: -18px;
		width: 100%;
		height: 18px;
		background: transparent url('../_img/fancy_shadow_vertical.png') repeat-x 0 100%;
	}

	div.fancy_bg_sw {
		bottom: -18px;
		left: -13px;
		width: 13px;
		height: 18px;
		background: transparent url('../_img/fancy_shadow_tile.png') no-repeat -13px -18px;
	}

	div.fancy_bg_w {
		left: -13px;
		height: 100%;
		width: 13px;
		background: transparent url('../_img/fancy_shadow_tile.png') repeat-y 0 0;
	}

	div.fancy_bg_nw {
		top: -18px;
		left: -13px;
		width: 13px;
		height: 18px;
		background: transparent url('../_img/fancy_shadow_tile.png') no-repeat -13px 0;
	}

	div#fancy_title {
		position: absolute;
		bottom: -33px;
		left: 0;
		width: 100%;
		z-index: 100;
		display: none;
	}

	div#fancy_title div {
		color: #FFF;
		font: bold 12px Arial;
		padding-bottom: 3px;
	}

	div#fancy_title table {
		margin: 0 auto;
	}

	div#fancy_title table td {
		padding: 0;
		vertical-align: middle;
	}

	td#fancy_title_left {
		height: 32px;
		width: 15px;
		background: transparent url(../_img/fancy_title_left.png) repeat-x;
	}

	td#fancy_title_main {
		height: 32px;
		background: transparent url(../_img/fancy_title_main.png) repeat-x;
	}

	td#fancy_title_right {
		height: 32px;
		width: 15px;
		background: transparent url(../_img/fancy_title_right.png) repeat-x;
	}
	
	h4 span { font-weight: bold; font-style: italic; }