@charset "UTF-8";

@font-face {
    font-family: 'HelveticaNeueThin';
    src: url('../fonts/HelveticaNeueLTStd-Th.eot');
    src: url('../fonts/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-Th.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-Th.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
    src: url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('../fonts/HelveticaNeueLTStd-Roman.eot');
    src: url('../fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-Roman.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-Roman.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/HelveticaNeueLTStd-Bd.eot');
    src: url('../fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	font: 12px 'HelveticaNeueRoman', Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
	letter-spacing: 0em\0;
	font-weight:400;
	margin: 0;
	padding: 0;
}

/* */
a {
	color:#FFF;
	text-decoration:none;
}
a:hover {
}
a.active {
    font-family: 'HelveticaNeueBold', Helvetica, Arial, sans-serif;
	color:#B47900;
    outline: none;
}
ul, li {
}
img {
	border: 0;
}
p {
	margin-bottom:1.5em;
}
h1 {
	font-size:1.5em;
	margin-bottom:1.3em;	
}
h2 {
    font-family: 'HelveticaNeueRoman', Helvetica, Arial, sans-serif;
	font-size:1.3em;
	margin-bottom:1.1em;
	color:#B47900;
}
strong {
    font-family: 'HelveticaNeueBold', Helvetica, Arial, sans-serif;
}

/* */
#header_bg {
	position: absolute;
	background-color: #FFF;
	zoom: 1;
	filter: alpha(opacity=65);
	opacity: 0.65;
	top:0;
	left:0;
	height:60px;
	width:100%;
	z-index:-2000;
}
#header {
	height: 14px;
	padding: 23px;
	text-align:right;
	color:#B47900;
}
#header a {
	color:#888;
}
#header .pipe {
	color:#000;
}
#transparency {
	background-color: #000;
	zoom: 1;
	filter: alpha(opacity=65);
	opacity: 0.65;
	position:absolute;
	top:60px;
	left:0;
	height:600px;
	width:100%;
	z-index:-1000;
}


/* MENU */

#mainmenu_bg {
	background-color: #000;
	zoom: 1;
	filter: alpha(opacity=85);
	opacity: 0.85;
	position:absolute;
	left:40px;
	height:600px;
	width:220px;
	z-index:10;
}
#mainmenu {
	position:absolute;
	background: url(../images/logo_martinedressou.png) no-repeat bottom center;
	color:#FFF;	
	left: 40px;
	width:160px;
	height:500px;
	padding:50px 30px;
	z-index:11;
}
#mainmenu li {
	margin-bottom: 30px;
	min-height:16px;
}
#mainmenu li a.active {
	background:url(../images/arrow_menu.png) no-repeat top right;
	width:197px;
	display:block;
}
#mainmenu li li {
	padding-left:25px;
	margin:10px 0 0 0;
}
#mainmenu li li a.active {
	background:none;
	width:170px;
}
.hide {
	display:none;	
}
.active + .hide {
	display:block;	
}


/* SUBMENU */

#submenuslider_bg {
	background-color: #222;
	zoom: 1;
	filter: alpha(opacity=85);
	opacity: 0.85;
	position:absolute;
	left:40px;
	height:600px;
	width:200px;
	z-index:0;
}
#submenuslider {
	position:absolute;
	color:#FFF;	
	left: 40px;
	width:180px;
	height:560px;
	padding:20px 10px 20px 20px;
	z-index:9;
	overflow:hidden;
}
#submenuslider li a {
	display:block;
	width:155px;
	margin-bottom:15px;
	padding-top:115px;
	zoom: 1;
	filter: alpha(opacity=65);
	opacity: 0.65;
}
#submenuslider li a:hover, #submenuslider li a.active {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}


#page-content {
	position:absolute;
	left:260px;
	padding:40px 50px;
	width:850px;
	float:left;	
	color:#FFF;
	font-size: 1.4em;
	font-family: 'HelveticaNeueThin', Helvetica, Arial, sans-serif;
	z-index:-1;
}
.portfolio #page-content {
	padding:0 0 0 40px;
	height:600px;
	width:900px;
}
.about #page-content {
	/*padding-left:250px;*/
}
.about #page-content img {
	float:left;
	margin-right:30px;
	height: 520px;
}
.about h1 {
	margin-top:30px;	
}
.intro {
	font-size:1.3em;
}

#owl-demo img {
	height:600px !important;
	margin:0 auto;
}


/* MEDIA QUERIES */

#warning-message { 
 	display: none; 
}
.tablet_orientation {
	background: url(../images/tablet.png) no-repeat top center;
	width:160px;
	height:100px;
}

@media only screen and (orientation:portrait){
	#global { 
		display:none; 
	}
    #warning-message { 
		display:block; 
		color:#FFF;
		width:160px;
		padding:40px 30px 150px 30px;
		margin:0 auto;
		font-size: 1.2em;
		background: #000 url(../images/logo_martinedressou.png) no-repeat bottom center;
	}
}

@media only screen and (orientation:landscape){
    #warning-message { 
		display:none; 
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #mainmenu, #warning-message {
		background: #000 url(../images/logo_martinedressou@2x.png) no-repeat bottom center;
		background-size:220px 150px;
	}
	.tablet_orientation {
		background: url(../images/tablet@2x.png) no-repeat top center;
		background-size:91px 79px;
	}

}

@media only screen and (device-width: 768px) {
	#transparency {
		height:560px;	
	}
	#mainmenu li a.active {
		background:url(../images/arrow_menu.png) no-repeat top right;
		width:172px;
	}
	#mainmenu_bg {
		left:0px;
		height:560px;
		width:184px;
	}
	#mainmenu {
		left: 0px;
		width:124px;
		height:460px;
		padding:50px 20px;
	}
	#submenuslider_bg {
		left:0px;
		height:560px;
	}
	#submenuslider {
		left: 0px;
		height:520px;
	}
	#page-content {
		width:700px;
		left:144px;	
	}
	.portfolio #page-content {
		width:840px;
		height:560px;
	}
	.about #page-content img {
		height: 480px;
	}
	#owl-demo img {
		height:560px !important;
	}
	#mainmenu li a.active {
		min-height:20px;	
	}
	.intro {
		font-size:1.3em;
	}
}

@media (min-height: 1000px) {
	body {
		/*font-size:0.9em;*/	
	}
	#transparency {
		height:850px;	
	}
	#mainmenu {
		height:750px;	
	}
	#submenuslider {
		height:800px;	
	}
	#mainmenu_bg, #submenuslider_bg  {
		height:850px;
	}
	#page-content {
		width:900px;
		height:770px;	
	}
	.portfolio #page-content {
		width:1275px;
		height:850px;
	}
	.about #page-content img {
		height: 770px;
	}
	#owl-demo img {
		height:850px !important;
	}
	.intro {
		font-size:1.5em;
	}
}