html, body {height: auto; overflow:visible;}

html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ }

body, html {
    height: 100%;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.bg { 
    /* The image used */
    background-image: url("images/layout/splash.jpg");

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.vignettesplash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 100px rgba(0,0,0,0.9) inset;
  z-index: 30;
}

p,br {
	font-family: arial;
	font-size: 12px;
	color: #333333;
}





/*------------------ Mobile ---------------------*/


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

	html, body {overflow: visible;}
	body {
		width: auto;
		background-color: #752013;		
		background-image:url("images/layout/bg.png");
		background-repeat: repeat;
	}
	
	#main{
		padding-top: 0;
	}
	
	
	#title{
		display:none;
	}
	
	.menu{
		width: 100%;
		padding-right: 0;
		margin-top: 0px;
		padding-bottom: 0;
	}
	
	.menu li,
	.menu .plus{
		margin-right: 3px;
	}
	
	.menu ul {
		padding-left: 33px;
	}
	
	.menu li {
		display: inline-block;
		font-size: 13px;
	}
	
	.menu .mcur{
		background-color: #ffffcc;
		padding: 5px;
	}
	
	.menu li strong {
		background: none;

	}
	
	.menu li a{
		position: relative;
	}
	
	.mybox {
		margin-bottom: 22px;
		margin-left: 0;
		padding-right: 0;
		width: 100%;
	}
	
	.mybox .content{
		margin-top: 200px;
		margin-left: 35px;
		margin-right: 35px;
	}
	
	.myanchor{
		clear: both;
		margin-right: 2px;
		margin-top: 2px;
	}
	
	.mywork{
		width: 95%;
		padding-right: 0;
	}
	
	.winfo{
		width: 65%;
	}
	
	.sitepic{
		width: 30%;
	}
	
	.mywork a img{
		width: 100%;
		height: auto;
	}
	
	
	.left{
		background-position: -38px 6px;
	}
	
	.right{
		background-position: -57px 6px;
	}
	
	p, label{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 13px;
		line-height: 20px;
		color: #5c5a47;	
		padding-bottom:2px;
	}
	
	.wpcf7 .wpcf7-textarea{
		width: 90%;
		max-width: 600px;
	}
	
	.wpcf7 .wpcf7-text{
		width: 90%;
		max-width: 600px;
	}
	
	.wpcf7 .fl,
	.wpcf7 .fr{
		float: none;
	}
}

@media screen and (max-width: 768px) { 
	#main{
		background-image: none;
	}
	html, body {overflow: visible;}
}


@media 
(-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), (min-resolution: 192dpi) { 
	
	/*
	
	#main {
		background-image: url("images/mfoot_r.gif") !important;
		background-size: 1119px auto;
		padding-bottom: 300px;
	}
	
	body{
		background-image: url("images/mlogo_r.gif");
		background-size: 1398px auto;
	}
	
	*/

}