@charset "utf-8";

/*

	Standard layout (screen resolutions above 1200px wide)
	____________________________________________________________________________________________________________________________________________________________________
	
*/

	/* link style */
	a{
		
	}
	
	
	
	/* navi */
	#navCollapser{ display: none; color:#333; font-size:1em; }
	#nav{
		float: right;
		padding: 15px 0 0 0;
		position:relative;
		right:-10px;

	}
	
	#nav .navItem{
		display: inline;
		float: left;
		padding: 0px 5px;
		border-right: solid 1px #ccc;
		}
		
	#nav .lastChild{
		border-right: none;
		padding-right: 0px
		}

	#navCollapser{
		display: none;
	}
	
	.navTip{
		display: none;
	}
	
	
	/* archive */
	.galleryImage{
		float: left;
		width: 226px;
		text-align: left;
		padding-bottom: 10px;
		display:none;
	}
	.galleryImage.last{
		width: 216px;
	}
	.galleryImage img{
		border: solid 0px #444444;
		width: 216px;
	}
	
	
	

/*

	Screen resolutions below 1200px wide
	Suitable for tablets in landscape mode (i.e. iPad 1 & 2, Blackberry Playbook) and netbooks (i.e. HP Mini, Acer Aspire One)
	____________________________________________________________________________________________________________________________________________________________________
	
*/

@media only screen and (max-width: 1200px){
	#nav{
		padding: 15px 7px 0 0;
	}
}




/*

	Screen resolutions below 960px wide
	Suitable for tablets in portrait mode (i.e. iPad 1 & 2, Blackberry Playbook, Motorola Xoom) and large res smartphones (i.e. Motorola Atrix in landscape mode)
	____________________________________________________________________________________________________________________________________________________________________
	
*/

@media only screen and (max-width: 960px){
	#nav{
		padding: 15px 27px 0 0;
	}


		
}

/*

	Screen resolutions below 728px wide
	Suitable for mobile devices (i.e. iPhone, Motorola Atrix, Blackberry)
	____________________________________________________________________________________________________________________________________________________________________

*/

@media only screen and (max-width: 728px){	

	/* link style */
	a{
		color:#333;
		text-decoration:none;
	}

	/* navi */
	#nav{
		float: none;
		margin-top: 30px;
		position:relative;
		z-index:3;
	}
		
	#nav .navItem{
		float: none;
		padding: 15px 0px;
		text-align: center;
		border-right: none;
	}
		
	#nav .lastChild{
		border-right: none;
		padding-right: 0px;
		border-bottom: none;
	}
		
	#nav.collapsible{

		position: absolute;
		top: 0px;
		left: 0px; 
		width: 100%;
		background: #f2f2f2;
		border-bottom:1px solid #ccc;
	}
		
	#navCollapser{
		position:relative;
		z-index:5;
		cursor: pointer;
		width: 100%;
		padding: 15px 0px;
		text-align: center;
		background: #fff;
		border-bottom: solid 1px #ccc;
	}
	
	/* portfolio */
	.galleryItem{
		float: none;
		width: 100%;
		padding-right: 0px;
		text-align: center;
		padding-bottom: 25px;
	}
		
	.galleryItem.last{
		padding-right: 0px;
	}
	
	.galleryItem img{
		border: solid 0px #333;
		width: 100%;
		max-width: 255px;
		margin-bottom: 15px;
	}

}