@charset "utf-8";

/*

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

	/* link style */
	a{
		
	}
	
	/* submit button */
	.button {
    	border-radius: 5px;
    	text-shadow: 0 -1px 0 rgba(0,0,0,0.15);
    	box-shadow:
        0 0 0 1px #C60 inset, /* Outer bevel */
        0 0 0 2px #C60 inset, /* Inner bevel */
        0 30px 20px -18px rgba(255,255,255,0.65) inset, /* Inner gradient */
        1px 1px 3px rgba(0,0,0,0.2); /* Drop shadow */

    	-webkit-border-radius: 5px;
    	-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.15);
    	-webkit-box-shadow:
        0 0 0 1px #C60 inset, /* Outer bevel */
        0 0 0 2px #C60 inset, /* Inner bevel */
        0 30px 20px -18px rgba(255,255,255,0.65) inset, /* Inner gradient */
        1px 1px 3px rgba(0,0,0,0.2); /* Drop shadow */
}
	
	
	
	
	/* navi */
	#navCollapser{ display: none; color:#333; font-size:1em; }
	#nav{
	float: right;
	padding-top: 15px;
	}
	
	#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;
	}
	
	
	/* portfolio */
	.galleryItem{
		float: left;
		width: 255px;
		padding-right: 60px;
		text-align: left;
		padding-bottom: 30px;
	}
	
	.galleryItem.last{
		padding-right: 0px;
	}

	.galleryItem img{
		border: solid 1px #333;
		width: 255px;
		margin-bottom: 15px;
	}
	
	/* contact */
	.contentHalfRight{
	width: 40%;
	border-left: solid 1px #444444;
	float: right;
	text-align: right;
	}
	
	.contentHalfRightContent{
		position:relative;
		right: 100px;
		}
		
	.contentHalfLeft{
		width: 50%;
		float: left;
		}
	
	.contactForm input, 
	.contactForm select, 
	.contactForm textarea{
		width: 350px;
		border: solid 1px #666666;
		padding: 8px 5px;
		margin-top: 5px; 
		background: #D9D9D9
		}
		
	.contactForm select{
		width: 360px;
		}
		
	.contactForm textarea{
		width: 90%;
		}
		
	#mapIframe{
		width: 100%;
		height: 400px;
		}
	
	
	

/*

	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){
	/* portfolio */
	.galleryItem{
		float: left;
		width: 210px;
		padding-right: 40px;
		text-align: left;
		padding-bottom: 30px;
		}
		
	.galleryItem.last{
		padding-right: 0px;
		}
	
	.galleryItem img{
		border: solid 1px #333;
		width: 210px;
		margin-bottom: 15px;
		}
		
		.contentHalfRightContent{
			position:relative;
			right: 75px !important;
		}

}




/*

	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){
	/* portfolio */
	.galleryItem{
		float: left;
		width: 167px;
		padding-right: 20px;
		text-align: left;
		padding-bottom: 20px;
	}
		
	.galleryItem.last{
		padding-right: 0px;
	}
	
	.galleryItem img{
		border: solid 1px #333;
		width: 167px;
		margin-bottom: 15px;
	}
	
	.contentHalfRightContent{
		position:relative;
		right: 45px !important;
	}

		
}

/*

	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 1px #333;
		width: 100%;
		max-width: 255px;
		margin-bottom: 15px;
	}
	
	/* contact */
	.contentHalfRight{
		width: 100%;
		border-left: none;
		float: none; 
		clear: both;
		text-align: left;
		}
		
	.contentHalfRightContent{
		margin-left: 0px;
		right:0 !important;
		}
		
	.contentHalfLeft{
		width: 100%;
		float: none; 
		clear: both;
		margin-top: 20px;
		}
	
	.contactForm input, 
	.contactForm select, 
	.contactForm textarea{
		width: 95%;
		border: solid 1px #666666;
		padding: 8px 5px;
		margin-top: 5px; 
		background: #D9D9D9
		}
		
	.contactForm select{
		width: 100%;
		}
		
	.contactForm textarea{
		width: 95%;
		}
		
	#mapIframe{
		height: 300px;
		}

}