/* RESET */
	div,span,a,img{ margin:0; padding:0;}
	img{border:none;}

	
/* HTML */
	body{margin:0; padding:0; overflow-y: scroll; background:black; font-size:1em; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif;}
	h1{margin:0; padding:0;}
	h2{margin:0 0 10px 0; padding:0;}
	h3{margin:0 0 10px 0; padding:0;}	
	p{margin:0 0 10px 0; padding:0;}
	a,a:active,img{outline:none;}
	a{color:#F8941E; text-decoration:none;}
	a:hover{color:white;}	
	
/* LIBRARY */
	.hide{display:none;}
	.skip{display:none;}
	.clear{display:none;}
	
/* design 
	#everything{background:url(/images/design_portfolio.png) no-repeat 168px -80px; min-height:500px;}
	*/
/* STRUCTURE */
	#everything { position:absolute; width:100%; min-height:560px; z-index:2;}
	* html #everything{height:100%;}/* ie 6*/  
		.centerBoundary{margin:0 auto; width:750px; position:relative;}		
			#header{display:none; }
			#middle{padding:0 0 100px 0; float:left; display:inline; width:100%;}
				/* nav */
				#middle #nav{position:relative; width:260px; height:100%; position:fixed; float:left; display:inline; background:#080808;}
					#nav .fixie{width:100%;}
					#nav ul{margin:0 0 0 40px; padding:0;  width:220px; float:left; display:inline;}	
						#nav ul li{clear:both; margin:17px 0 0 0; padding:0;  width:inherit; list-style-type:none; float:left; display:inline;}
						#nav ul li.on{background:url(../images/arrow.png) 100% 0 no-repeat;}
						#nav ul li.first{margin:0;}
							#nav li a{padding:0 25px 0 0; width:195px; height:26px; background:url(../images/nav.png) no-repeat; float:left; display:inline;}
								#nav li a span{display:none;}
								
								#nav #profile{background-position:0 -43px;}
								#nav #service{background-position:0 -86px;}
								#nav #portfolio{background-position:0 -129px;}
								#nav #technology{background-position:0 -172px;}
								#nav #clients{background-position:0 -215px;}
								#nav #contact{background-position:0 -258px;}
								
								#nav #home:hover,#nav li.on #home{background-position:-220px 0;}
								#nav #profile:hover,#nav li.on #profile{background-position:-220px -43px;}
								#nav #service:hover,#nav li.on #service{background-position:-220px -86px;}
								#nav #portfolio:hover,#nav li.on #portfolio{background-position:-220px -129px;}
								#nav #technology:hover,#nav li.on #technology{background-position:-220px -172px;}
								#nav #clients:hover,#nav li.on #clients{background-position:-220px -215px;}
								#nav #contact:hover,#nav li.on #contact{background-position:-220px -258px;}	
							
							/* subnav */
							#nav ul ul.subnav{margin:12px 0 10px 0; padding:0; width:195px; float:left; display:inline;}
								#nav ul ul.subnav li{clear:none; margin:0 0 0 6px; width:auto; padding:0 0 0 6px; list-style-type:none; float:right; display:inline; background:url(../images/subnav_seperator.png) no-repeat 0 50%;}	
								#nav ul ul.subnav li.first{margin:0; padding:0; background:none;}	
									#nav ul ul.subnav li a{padding:0; width:auto; height:auto; font-size:0.8em; background:none;}
									#nav ul ul.subnav li.on a{color:white; font-weight:bold;}
					
								
					/*#availability{clear:both; margin:90px 0 0 70px;  float:left; display:inline;}*/
					#availability{clear:both; position:absolute; top: 440px; left:0; margin:0 0 0 70px;}
							
				#middle #content{margin:0 0 0 25px; width:465px; float:right; display:inline; font-size:0.9em; }
				#middle #content .title{display:none;}

		#footer{clear:both; position:absolute; bottom:0; margin:0 0 50px 0; text-align:right; width:100%; height:50px; font-size:0.7em; z-index:2; /*float:left; display:inline;*/ }
			#footer .centerBoundary{margin:0 auto;}
				#footer .group{margin:0 0 0 285px; float:left; display:inline; }
					#footer p{margin:33px 50px 0 0; padding:0; font-size:0.8em; color:#F8941D; float:left; display:inline;}
					#logo{width:69px; height:44px; float:left; display:inline; background:url(../images/logo.png) no-repeat; }
						#logo span{display:none;}

/* SYNCHRONISED */
	#nav ul,
	#middle #content{
		padding:50px 0 0 0;
	}
	
	/* page specific */
	#pgContact #content{ margin:236px 0 0 0; }
	
	/*
	#pgPortfolio #subnav{padding:0 0 3px 0; margin:0 0 32px; border-bottom:1px solid #404040; width:100%; float:left; display:inline; }
		#pgPortfolio #subnav ul{margin:0; padding:0;}
			#pgPortfolio #subnav ul li{margin:0 0 0 6px; padding:0 0 0 6px; list-style-type:none; float:left; display:inline; background:url(../images/subnav_seperator.png) no-repeat 0 50%;}
			#pgPortfolio #subnav ul li.first{margin:0; padding:0; background:none;}
			#pgPortfolio #subnav ul li.on a{color:white;}
	*/		
		#pgPortfolio .cols{clear:both; margin:0 0 0 -28px; float:left; display:inline;}
			#pgPortfolio .cols .websites{}
			#pgPortfolio .cols .subtitle{margin:0 0 13px 0; padding:0; font-size:1.1em; color:white; float:left; display:inline;}
				#pgPortfolio .cols .subtitle span{margin:14px 0 0 0; display:block;}
			#pgPortfolio .cols p{clear:both; font-size:0.9em;}
			
			#pgPortfolio .col{margin:0 0 0 28px; width:210px; float:left; display:inline; }