/*
@@@@@@@@@@@@@@@@@@@@@@
LAYOUT
@@@@@@@@@@@@@@@@@@@@@@

	about				Structural settings for this site: width, height, margin, padding & position
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	layout structure
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ layout
		..........................................................................*/

			.layout{width:950px; background-color:#ffffff; margin:0px auto 0px auto; position:relative; }

		/*+ header
		..........................................................................*/

			.layoutHeader{position:relative;}

		/*+ section
		..........................................................................*/

			.layoutSection{ width:875px; margin:0px auto 0px auto; padding:0px 0px 20px 0px;  position:relative; }

		/*+ footer
		..........................................................................*/

			.layoutFooter{width:875px; margin:0px auto 0px auto; padding:0px 0px 20px 0px;  font-size:11px; color:#9b8f85; }

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	header objects
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ name
		..........................................................................*/
			
			.layoutHeader .name{}
			.layoutHeader .name .imgLogo{position:absolute; top:152px; left:0px; width:431px; height:89px; z-index:100;  background: url(../img/logoMiTone.png) no-repeat top left; }
			.layoutHeader .name h2{display:none; }
		
		/*+ menu
		..........................................................................*/
			
			.layoutHeader nav{width:950px; padding:0px 0px 5px 0px; position:relative; z-index:1000; }
			.layoutHeader .menu{position:relative; z-index:1000;  }
			.layoutHeader .menu:after{visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;}

			.layoutHeader .menu > li{height:57px; float:left; position:relative; }
			.layoutHeader .menu > li > a{display:block; line-height:57px; padding:5px 15px; font-size:14px;font-weight:bold; color:#978a80;  text-transform:uppercase; }
			.layoutHeader .menu > li > a span{text-decoration:underline; }
			
			.layoutHeader .menu > li:hover > a{color:black; }
			.layoutHeader .menu > li:hover ul{display:block; }
		
			.layoutHeader .menu i{display:inline-block; text-indent:-4000px; overflow:hidden; }
			.layoutHeader .menu .icoMenuHome{width:45px; height:17px; background: url(../img/icoMenuHome.png) no-repeat top left; }
			.layoutHeader .menu .icoMenuWho{width:100px; height:17px; background: url(../img/icoMenuWho.png) no-repeat top left; }
			.layoutHeader .menu .icoMenuProducts{width:82px; height:17px; background: url(../img/icoMenuProducts.png) no-repeat top left; }
			.layoutHeader .menu .icoMenuProducts.active{background: url(../img/icoMenuProducts-active.png) no-repeat top left; }
			.layoutHeader .menu .icoMenuTrading{width:134px; height:17px; background: url(../img/icoMenuTrading.png) no-repeat top left; }
			.layoutHeader .menu .icoMenuStories{width:128px; height:17px; background: url(../img/icoMenuStories.png) no-repeat top left; }
			.layoutHeader .menu .icoMenuBuy{width:118px; height:17px; background: url(../img/icoMenuBuy.png) no-repeat top left; }
			.layoutHeader .menu .icoMenuContact{width:68px; height:17px; background: url(../img/icoMenuContact.png) no-repeat top left; }
			
			/*submenu*/
			.layoutHeader .menu ul{position:absolute; display:none;  top:50px; padding:0px 0px 0px 0px; left:20px; z-index:100; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; border-top-right-radius:15px;  -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.3); box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
			.layoutHeader .menu ul li{background-color:#ffffff;  padding:0px 15px;}
			.layoutHeader .menu ul li:hover{background-color:#9f8d81;  color:white; }
			.layoutHeader .menu ul li:first-child a{border-top:0px;}
			.layoutHeader .menu ul li:last-child a{border-bottom:0px;}
			.layoutHeader .menu ul li a{display:block; height:35px; line-height:35px; white-space:nowrap; border-top:1px dotted #bdb2a9; border-bottom:1px dotted #bdb2a9;}

		/*+ headerBlock
		..........................................................................*/
			
			.headerBlock{width:914px; height:302px; position:relative;}
			
			.headerBlock .headerInfo{position:absolute; bottom:0px; left:0px; background: url(../img/headerInfoBackground.png) no-repeat bottom left; }
			.headerBlock .headerInfo > div{width:627px; height:185px; }
			
			.headerBlock .headerInfo h2{color:white; text-transform:uppercase; font-size:35px; position:absolute; top:80px; left:40px;}
			.headerBlock .headerInfo h2 span{text-decoration:underline; }
			.headerBlock .headerInfo p{color:white;  font-size:22px; position:absolute; top:125px; left:40px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5;}
			
            .headerBlock .headerInfo.pattern-mitone > div{background: url(../img/headerInfo-mitone.png) no-repeat top left; }
            .headerBlock .headerInfo.pattern-mitone-streetlife > div{background: url(../img/headerInfo-mitone-streetlife.png) no-repeat top left; }
            .headerBlock .headerInfo.pattern-mitone-essentials > div{background: url(../img/headerInfo-mitone-essentials.png) no-repeat top left; }
			.headerBlock .headerInfo.pattern-mitone-outdoor > div{background: url(../img/headerInfo-mitone-outdoor.png) no-repeat top left; }
			
			.headerBlock .visual{position:absolute; z-index:100; }
			.headerBlock .visual.visual1{bottom:-26px; right:-105px;}
			
			.headerBlock .page{position:absolute; bottom:25px; right:0px; font-weight:bold;  font-size:23px; color:#a28f82;  text-transform:uppercase; }
			.headerBlock .page span{text-decoration:underline; }
		
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	footer objects
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ ul
		..........................................................................*/
			
			.layoutFooter ul{margin:0px 0px 0px -5px; }
			.layoutFooter ul li{display:inline-block; padding:0px 5px; }

			.layoutFooter p{float:right; }