html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* --- FONTS ---*/

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

}




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

}










/* --- MONA MOUR ---*/


html,body{ font-family: 'dinlight'; font-size: 16px; background: #fff; margin: 0; padding: 0; min-width: 1040px; color: #9E8E68; }

.clear{ clear: both; }


::selection {
	background: #9D8B67; color:#fff; /* Safari */
        }
::-moz-selection {
	background: #9D8B67; color:#fff; /* Firefox */
}








/* --- header ---*/

.header-wrap{ width: 100%; min-width: 1000px; border-bottom: 1px solid #E5E5E5; background: #fff; position: fixed; z-index: 100; background: #fff; }

.header{ width: 1000px; min-width: 1000px; position: relative; margin: 0 auto; }

.logo{ float: left; }

.social-search{ width: 300px; float: right; margin-top: 20px; }

.social-search a{ display: block; width: 23px; height: 23px; position: relative; outline: none; float: right; margin-left: 10px; margin-top: 3px; }

.social-search input{ width: 180px; border: 1px solid #E5E0D5; padding: 5px; font-family: 'dinlight'; font-size: 14px; color: #D1CAB9; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; outline: none; }

.img1{ position: absolute; top: 0px; left: 0px; z-index: 10; opacity: 1; }
.img2{ position: absolute; top: 0px; left: 0px; z-index: 1; opacity: 0; }



#searchform{ width: 280px; overflow: hidden; }

#searchform input{ font-family: 'dinlight'; font-size: 14px; color: #D1CAB9; }

#searchform input[type=submit]{ width: 40px; text-align: center; padding: 3px 0 3px 0; background: #9E8C65; color: #fff; text-align: center; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }







/* --- nav ---*/


.nav{ width: 600px; position: absolute; top: 30px; left: 200px; z-index: 100; }

.nav a:link, .nav a:visited{ text-decoration: none; color: #9E8C65; font-size: 18px; margin-right: 10px; text-transform: uppercase; }
.nav a:active, .nav a:hover{ text-decoration: underline; }










/* --- subnav ---*/

.subnav { width: 1000px; min-width: 1000px; margin: 0 auto; position: relative; padding-bottom: 30px; display: none; }

.subnav ul {list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 50px;}
.subnav ul li {list-style-type: none; margin: 0 0 2px 0; padding: 0;}

.subnav ul li a:link, .subnav ul li a:visited{ display: block; color: #9E8E68; text-decoration: none; }
.subnav ul li a:active, .subnav ul li a:hover{ text-decoration: underline; }

.subnav ul li span{ font-size: 8px; }

.subnav ul li:first-child{ text-transform: uppercase; font-family: 'dinregular'; font-size: 18px; padding-bottom: 6px; margin-bottom: 10px; border-bottom: 1px solid #E5E5E5; }








/* --- footer ---*/

.footer-wrap{ width: 100%; min-width: 1000px; border-top: 1px solid #E5E5E5; clear: both; margin-top: 50px; }

.footer{ width: 1000px; min-width: 1000px; margin: 0 auto; padding: 30px 0 50px 0; }


.foo1{ width: 600px; float: left; }

.footernav{ margin-bottom: 25px; }

.foo1 a:link, .foo1 a:visited{ text-decoration: none; color: #9E8C65; font-size: 18px; margin-right: 10px; text-transform: uppercase; }
.foo1 a:active, .foo1 a:hover{ text-decoration: underline; }


.foo2{ width: 375px; float: right; font-size: 18px; }

.foo2 p{ margin: 0 0 25px 0; text-align: right; }












/* --- newsletter ---*/

.newsletter input{ width: 90px; border: 1px solid #E5E0D5; padding: 5px; font-family: 'dinlight'; font-size: 14px; color: #D1CAB9; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; outline: none; }

.newsletter p{ width: 260px; text-transform: uppercase; }

input.goNewsletter{ width: 30px; background: #9E8C65; color: #fff; text-align: center; border: none; }



.foo1 .newsletter input{ width: 150px; border: 1px solid #E5E0D5; padding: 5px; font-family: 'dinlight'; font-size: 14px; color: #D1CAB9; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; outline: none; }

.foo1 .newsletter p{ width: 350px; text-transform: uppercase; }

.foo1 input.goNewsletter{ width: 30px; background: #9E8C65; color: #fff; text-align: center; border: none; }