/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
	@font-face {
    font-family: 'multicolore_regular';
    src: url('../fonts/multicolore-webfont.eot');
    src: url('../fonts/multicolore-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/multicolore-webfont.woff') format('woff'),
         url('../fonts/multicolore-webfont.ttf') format('truetype'),
         url('../fonts/multicolore-webfont.svg#multicolore_regular') format('svg');
    font-weight: normal;
    font-style: normal;

	}
	@font-face {
    font-family: 'primeregular';
    src: url('../fonts/prime_regular-webfont.eot');
    src: url('../fonts/prime_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/prime_regular-webfont.woff') format('woff'),
         url('../fonts/prime_regular-webfont.ttf') format('truetype'),
         url('../fonts/prime_regular-webfont.svg#primeregular') format('svg');
    font-weight: normal;
    font-style: normal;

	}
	@font-face {
    font-family: 'NevisBold';
    src: url('../fonts/nevis.eot');
    src: url('../fonts/nevis.eot') format('embedded-opentype'),
         url('../fonts/nevis.woff') format('woff'),
         url('../fonts/nevis.ttf') format('truetype'),
         url('../fonts/nevis.svg#NevisBold') format('svg');
	}
	@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
	@font-face {
		font-family: 'DroidSansBold';
		src: url('../fonts/DroidSans-Bold-webfont.eot');
		src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
			 url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
			 url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	body {
		font-family:'DroidSansRegular', 'Myriad Pro',Arial, Helvetica, sans-serif;
		background-color:#CCC;
	}
	ul{
		list-style-type:none;
	}
	a{
		text-decoration:none;
		color:#000;
	}
	mark{
		background-color:#FFF;
		color:#D48800;
	}
	.hidden{
		display:none;
	}
	.currentpage{
		color:#D48800;
	}
	.relative{
		position:relative;
		min-height:220px;
	}
	.position{
		position:relative;
		background: #CCC url(../images/grad2.png) repeat-y;
		background: linear-gradient(left , #CCCCCC 0%, #FFFFFF 20%, #CCCCCC 100%);
		background: -o-linear-gradient(left , #CCCCCC 0%, #FFFFFF 20%, #CCCCCC 100%);
		background: -moz-linear-gradient(left , #CCCCCC 0%, #FFFFFF 20%, #CCCCCC 100%);
		background: -webkit-linear-gradient(left , #CCCCCC 0%, #FFFFFF 20%, #CCCCCC 100%);
		background: -ms-linear-gradient(left , #CCCCCC 0%, #FFFFFF 20%, #CCCCCC 100%);
		background: -webkit-gradient(linear,left top,right top,color-stop(0, #CCCCCC),color-stop(0.2, #FFFFFF),color-stop(1, #CCCCCC));
		behavior: url(js/PIE.htc);
	}
	.boxShadow{
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
	}
	.headerbg{
		padding-top:75px;
		padding-bottom:20px;
	}
	.headerbg img{
		margin-left:10%;
	}
	.contact a{
		margin:5%;
		text-align:center;
		position:relative;
		z-index:0;
		-moz-transition:linear .5s;
		-webkit-transition:linear .5s; 
		-o-transition:linear .5s;
		transition:linear .5s;
	}
	.contact a:hover{
		color:#D48800;
	}
	header nav ul{
		position:absolute;
		top:0px;
		right:10%;
		z-index:1;
	}
	header nav ul li{
		display:inline-block;
		text-emphasis:none;
		padding:5px;
		margin:5px;
	}
	header nav ul li a{
		font-size:1.4em;
		font-weight:500;
		padding:5px;
		margin:5px;
	}
	header nav ul li a:hover{
		background-color:#D48800;
		color:#FFFFFF;
	}
	nav{
		position:relative;
		z-index:1;
	}
	.greyBg{
		position:relative;
		background-color:#6A6A6A;
		border:#999 solid thin;
		padding-bottom:20px;
		border-bottom:#333 solid medium;
		background: #6a6a6a;
		background: -moz-linear-gradient(top, #6a6a6a 70%, #3d3d3d 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#6a6a6a), color-stop(100%,#3d3d3d)); 
		background: -webkit-linear-gradient(top, #6a6a6a 70%,#3d3d3d 100%);
		background: -o-linear-gradient(top, #6a6a6a 70%,#3d3d3d 100%);
		background: -ms-linear-gradient(top, #6a6a6a 70%,#3d3d3d 100%); 
		background: linear-gradient(to bottom, #6a6a6a 70%,#3d3d3d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-9 */
		color:#FFFFFF;
	}
	.greyBg h2{
		position:relative;
		letter-spacing:.1em;
		padding-top:20px;
		text-align:center;
		text-shadow: 2px 2px 5px #000000;

	}
	.greyBg h3{
		position:absolute;
		top:160px;
		letter-spacing:.1em;
		padding-top:20px;
		padding-bottom:30px;
		left:50%;
		width:140px;
		margin-left:-70px;
		text-align:center;
		font-size:1em;

	}
	.greyBg p{
		padding-top:20px;
		padding-bottom:30px;
	}
	.dots p{
		position:relative;
		padding-left:20px;
		padding-right:20px;
		border-right:dotted #FFFFFF medium;
		border-left:dotted #FFFFFF medium;
	}
	.greyBg a{
		box-shadow:2px 2px 5px #000000;
		text-align:center;
		padding:10px;
		background-color:#333;
		color:#FFF;
		-moz-transition:linear .5s;
		-webkit-transition:linear .5s; 
		-o-transition:linear .5s;
		transition:linear .5s;
	}
	.greyBg a:hover{
		box-shadow:2px 2px 5px #000000;
		text-align:center;
		padding:10px;
		background-color:#D48800;
		color:#FFF;
	}
	.greyBg .currentpage{
		box-shadow:2px 2px 5px #000000;
		text-align:center;
		padding:10px;
		background-color:#F60;
		color:#FFF;
	}
	.leftPad{
		padding-left:30px;
	}
	.rightPad{
		padding-right:30px;
	}
	.whiteBg{
		padding-bottom:10px;
		min-height:500px;
		background: #ffffff url(../images/grad.png) repeat-y; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover, #ffffff 60%, #c4c4c4 140%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 140%, color-stop(60%,#ffffff), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover, #ffffff 60%,#c4c4c4 140%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover, #ffffff 60%,#c4c4c4 140%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover, #ffffff 60%,#c4c4c4 140%); /* IE10+ */
		background: radial-gradient(ellipse at center, #ffffff 60%,#c4c4c4 140%); /* W3C */
	}
	.whiteBg p{
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
	}
	.whiteBg h2{
		margin-top:20px;
		padding-left:20px;
	}
	.homeImg{
		padding:5px;
		margin:20px;
		background-color:#D48800;
	}
	.whyUsImg{
		padding:5px;
		margin:20px;
		background-color:#D48800;
	}
	.marginFix{
		margin-top:15px;
		margin-bottom:-10px;
		margin-left:10px;
	}
	.greyImg{
		width:90%;
		margin-left: auto;
		margin-right: auto;
		padding:5px;
		background-color:#D48800;
	}
	
	#indexGal{
		position:relative;
		height:400px;
		overflow:hidden;
		background-image:url(../images/woodTxt.jpg);
		border-bottom:medium #F90 solid;
	}
	#indexFeatImg{
		position:relative;
		top:0px;
		display:block;
		margin:0px auto;
		height:100%;
	}
	#indexFeatImg2{
		position:relative;
		top:-400px;
		display:block;
		width:auto;
		left:auto;
		margin:0px auto;
		height:100%;
	}
	#indexFeatText{
		position:absolute;
		top:0px;
		text-align:center;
		background-color:#F60;
		background:-moz-linear-gradient(top,#F60,#F90);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F60), color-stop(100%,#F90)); 
		background: -webkit-linear-gradient(top, #F60 0%,#F90 100%);
		background: -o-linear-gradient(top, #F60 0%,#F90 100%);
		background: -ms-linear-gradient(top, #F60 0%,#F90 100%); 
		background: linear-gradient(to bottom, #F60 0%,#F90 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF6600', endColorstr='#FF9900',GradientType=0 ); /* IE6-9 */
		padding:.8em;
		font-size:1.2em;
		width:100%;
		margin:0px auto;
		border-top:thin #F90 solid;
		border-bottom:thin #F90 solid;
		-moz-box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
		box-shadow: 0px 0px 5px #000;
	}
	.paddingTop{
		padding-top:20px;
	}
	.whiteBg .paddingLeft{
		padding-left:20px;
		padding-top:10px;
	}
	.grey{
		color:#974905;	
	}
	.featService {
		margin-top:20px;
	}
	.featService p{
		font-size:.9em;
		color:#333;
	}
	.featService img{
		display:block;
		width:50%;
		margin:0 auto;
		margin-bottom:10px;
	}
	.featService a h3{
		text-align:center;
		border-bottom:thin dotted #D48800;
		margin-left:10px;
		margin-right:10px;
		font-size:1em;
		color:#666;
		margin-bottom:10px;
		-moz-transition:linear .5s;
		-webkit-transition:linear .5s; 
		-o-transition:linear .5s;
		transition:linear .5s;
	}
	.contactLink p{
		text-align:right;
		border-top:thin dotted #D48800;
		padding-top:5px;
		margin-left:10px;
		margin-right:10px;
		font-size:1em;
		color:#666;
		margin-bottom:0px;
		-moz-transition:linear .5s;
		-webkit-transition:linear .5s; 
		-o-transition:linear .5s;
		transition:linear .5s;
	}
	.contactLink:hover p{
		color:#F60;
	}
	.featService a p{
		text-align:right;
		border-top:thin dotted #D48800;
		padding-top:5px;
		margin-left:10px;
		margin-right:10px;
		font-size:1em;
		color:#666;
		margin-bottom:0px;
		-moz-transition:linear .5s;
		-webkit-transition:linear .5s; 
		-o-transition:linear .5s;
		transition:linear .5s;
	}
	.featService a:hover p{
		color:#F60;
	}
	.featService a:hover h3{
		color:#F60;
	}
	.contactIcon{
		height:100px;
		margin:20px 0px 10px 20px;
	}
	.contactIcon img{
		display:inline-block;
		float:left;
	}
	.contactIcon h3{
		color:#D48800;
		padding-top:10px;
		padding-bottom:5px;
	}
	.contactIcon p{
		clear:none;
		float:left;
		font-size:1.5em;
	}
	footer nav ul li{
		display:inline-block;
		text-emphasis:none;
		width:24%;
		text-align:center;
	}
	footer nav ul li a{
		font-size:1em;
		padding:5px;
		margin:5px;
	}
	footer nav ul li a:hover{
		background-color:#D48800;
		color:#FFFFFF;
		
	}
	footer p{
		text-align:center;
		color:#666;
		font-size:.8em;
		margin-top:15px;
		padding-top:5px;
		padding-bottom:10px;
	}
	.address{
		display:none;
	}
	#contactform{
		margin:10px auto 0px;
		background-color:#F90;
		padding:14px 5%;
		border-top:#F60 thin solid;
		border-bottom:#F60 thin solid;
		-moz-box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
		box-shadow: 0px 0px 5px #000;
	}
	#contactform h3{
		display:block;
		text-align:center;
		font-size:1.8em;
	}
	#contactform p{
		border-bottom:dotted thin #C30;
		padding-bottom:5px;
		border-top:dotted thin #C30;
		padding-top:5px;
		margin-bottom:10px;
	}
	#contactform label{
		font-size:1.2em;
		margin-left:15px;
		background-color:#C30;
		color:#fff;
		padding:5px;
		border:#F60 thin solid;
	}
	#contactform input{
		margin-bottom:10px;
		width:70%;
		font-size:1.2em;
		padding-left:5px;
	}
	#contactform textarea{
		padding:5px;
		width:98%;
		font-size:1.2em;
		font-family:'DroidSansRegular', 'Myriad Pro',Arial, Helvetica, sans-serif;
	}
	#contactform button{
		display:block;
		cursor:pointer;
		width:50%;
		margin:10px auto;
		border:thin solid #F60;
		color:#fff;
		background-color:#C30;
		padding-top:5px;
		padding-bottom:5px;
		font-size:1.2em;
		-moz-box-shadow: 0px 2px 2px #000;
		-webkit-box-shadow: 0px 2px 2px #000;
		box-shadow: 0px 2px 2px #000;
		-moz-transition:linear .5s;
		-webkit-transition:linear .5s; 
		-o-transition:linear .5s;
		transition:linear .5s;
	}
	#contactform button:hover{
		background-color:#F60;
		color:#000;
	}
	.workNav{
		margin:20px 0px;
		background-color:#D48800;
		height:40px;
		outline:outset #D48800 thin;
		position:relative;
	}
	.workNav a{
		width:24%;
		background-color:#F90;
		display:block;
		padding-top:2px;
		height:28px;
		float:left;
		margin:5px .5%;
		text-align:center;
		line-height:28px;
		color:#fff;
		outline:outset #D48800 thin;
		font-size:1em;
		overflow:hidden;
	}
	.workNav .currentpage{
		background-color:#F60;
		outline:inset #D48800 thin;
	}
	.workNav a:hover{
		background-color:#F60;
		outline:inset #D48800 thin;
	}
	.fiftyCent{
		float:left;
		width:48%;
		margin:10px 1%;
		background-color:#D48800;
		outline: ridge thin #666;
	}
	.twentyCent{
		float:left;
		width:18%;
		margin:10px 1%;
		background-color:#D48800;
		outline: ridge thin #666;
		height:120px;
	}
	.imgBorder{
		margin:10px;
		outline:solid thin #333;
		background-color:#FFF;
		overflow:hidden;
		position:relative;
	}
	.twentyCent .imgBorder{
		margin:10px;
		outline:solid thin #333;
		background-color:#FFF;
		overflow:hidden;
		height:100px;
		position:relative;
	}
	.fiftyCent a img{
		width:100%;
	}
	.twentyCent a img{
		min-width:100%;
		min-height:100%;
	}
	#workGal{
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		z-index:3;
	}
	#workGal2{
		display:none;
		position:fixed;
		background-color:#333;
		width:100%;
		height:100%;
		z-index:2;
		opacity:.9;
	}
	.workGalImgCon{
		position:relative;
		max-width:90%;
		max-height:90%;
		margin:40px auto 0px;
	}
	.workGalImgCon img{
		display:block;
		margin:0px auto;
	}
	#workGalClose{
		top:0px;
		right:0px;
		position:absolute;
		background-color:#FFF;
		border:thin solid #D48800;
		padding:5px;
	}
	#workGalClose:hover{
		background-color:#D48800;
		border:thin solid #FFF;
		padding:5px;
	}
	#workGalClose:hover mark{
		background-color:#D48800;
		color:#fff;
	}
	.workGalNav{
		display:block;
		margin:0px auto;
		width:250px;
	}
	.workGalNav a{
		text-align:center;
		background-color:#FFF;
		outline:thin solid #D48800;
		float:left;
		margin:5px;
		padding:5px;
		width:105px;
	}
	.workGalNav a:hover{
		background-color:#D48800;
		outline:thin solid #FFF;
		padding:5px;
	}
	.workGalNav a:hover mark{
		background-color:#D48800;
		color:#fff;
	}
	.pageNav{
		width:145px;
		margin:0px auto;
		background-color:#D48800;
		border:outset thin #D48800;
		height:40px;
		position:relative;
		clear:both;
	}
	.pageNav p{
		float:left;
		clear:none;
		line-height:45px;
	}
	.pageNav a p{
		line-height:35px;
	}
	.pageNav a{
		float:left;
		clear:none;
		background-color:#F90;
		border:outset thin #D48800;
		height:30px;
		margin:5px 5px 0px 5px;
	}
	.pageNav .currentpage{
		color:#FFF;
		background-color:#F60;
		border:inset thin #D48800;
	}
	.pageNav:hover a{
		color:#FFF;
		background-color:#F60;
		border:inset thin #D48800;
	}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	header nav ul{
		position:fixed;
		top:0px;
		right:0%;
		width:100%;
		background-color:#999;
		border-bottom:thin solid #666;
	}
	header nav ul li{
		display:block;
		float:left;
		text-emphasis:none;
		padding:5px 0px;
		margin:5px .5%;
		text-align:center;
		width:19%;
		background-color:#CCC;
		-moz-box-shadow:0px 0px 1px #000000;
    	-webkit-box-shadow:0px 0px 1px #000000;
    	box-shadow:0px 0px 1px #000000;
	}
	header nav ul li a{
		font-size:1em;
		font-weight:500;
		padding:8px;
		margin:0px;
		width:100%;
	}
	header nav ul li:hover{
		background-color:#D48800;
		color:#FFFFFF;
	}
	.dots{
		border-top:dotted #FFFFFF medium;
		border-bottom:dotted #FFFFFF medium;
	}
	.dots p{
		position:relative;
		padding-left:20px;
		padding-right:20px;
		border-right:none;
		border-left:none;
	}
	.relative{
		min-height:170px;
	}
	.greyBg h3{
		position:relative;
		top:auto;
		letter-spacing:.1em;
		padding-top:0px;
		padding-bottom:20px;
		left:50%;
		width:140px;
		margin-left:-70px;
		text-align:center;
		font-size:1em;

	}
	.leftPad{
		padding-left:0px;
	}
	.rightPad{
		padding-right:0px;
	}
	.whyUsImg{
		display:none;
	}
	.marginFix{
		margin-left:0px;
	}
	.featService{
		width:80%;
		margin:10px auto;
	}
	.contact{
		margin-left:5%;
	}
}
@media handheld, only screen and (max-width: 510px) {
	#indexGal{
		height:300px;
	}
	#indexFeatImg2{
		top:-300px;
	}
	header nav ul li a{
		font-size:.7em;
		font-weight:500;
		padding:8px 0px;
		margin:0px;
	}
	.contact{
		margin-left:0%;
	}
	.contact a{
		width:100%;
		margin:5px auto;
		clear:both;
		float:left;
	}
footer nav ul li{
		display:inline-block;
		text-emphasis:none;
		width:100%;
		text-align:center;
		padding-top:5px;
		margin-bottom:5px;
		border-top:thin dotted #666;
	}
	.contactIcon img{
		display:inline-block;
		float:left;
		width:60px;
	}
	.contactIcon h3{
		color:#D48800;
		padding-top:0px;
		padding-bottom:0px;
	}
	.contactIcon p{
		clear:none;
		float:left;
		font-size:1em;
	}
	#contactform input{
		font-size:.8em;
	}
	#contactform textarea{
		font-size:.8em;
	}
	.workNav a{
		font-size:.6em;
	}
	.twentyCent{
		height:250px;
		width:100%;
	}
	.twentyCent .imgBorder{
		height:230px;
	}
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}