/*
@@@@@@@@@@@@@@@@@@@@@@
HEADER
@@@@@@@@@@@@@@@@@@@@@@

	about				Design of the main header
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	setup
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		/*+ style
		..........................................................................*/
			
			/*background*/
			header.layout{}
		
			/*type*/
			header.layout{}
	
			/*size & line-height*/
			header.layout{}
			
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	objects
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ logo
		..........................................................................*/
			
			.logo{width:395px; height:78px; position:absolute; right:41px; top:48px; }
	
		/*+ hgroup
		..........................................................................*/
		
			header.layout hgroup h2{position:absolute; top:8px; left:0px; color:white; font-weight:bold; font-size:12px;}
		
		/*+ headerTopBar
		..........................................................................*/
		
			.headerTopBar{color:white; position:absolute; top:8px; right:0px;}
			
			.headerTopBar li{float:left; }
			.headerTopBar li img{margin:0px 3px; vertical-align:middle; }
			
		/*+ stockBox
		..........................................................................*/
		
			.stockBox{background: no-repeat top left; text-align:center; position:absolute; top:139px; right:0px; width:478px; height:109px; }
			.stockBox:last-child{top:253px; }
			.stockBox span:hover{text-decoration:underline; }
			.stockBox a:hover{text-decoration:none; }

			.stockBox p{font-size:17px; line-height:1.2; font-weight:bold; color:white; margin:0px 0px 0px 0px; padding:15px 0px;}
			.stockBox span{width:245px; position:absolute; bottom:10px; left:50%; margin-left:-122px; background-color:#09192f; color:white; display:block;  line-height:35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
			.stockBox em{font-size:10px; font-style:normal; color:white; position:relative; top:-10px; }

		/*+ headerMainMenu
		..........................................................................*/
		
			.headerMainMenu{height:39px; width:718px; overflow:hidden;  border:1px solid #c5c5c5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:39px;  position:absolute; top:367px; left:0px; background: #f0f0f0;background: -moz-linear-gradient(top, #f0f0f0 0%, #d4d4d4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d4d4d4));background: -webkit-linear-gradient(top, #f0f0f0 0%,#d4d4d4 100%);background: -o-linear-gradient(top, #f0f0f0 0%,#d4d4d4 100%);background: -ms-linear-gradient(top, #f0f0f0 0%,#d4d4d4 100%);background: linear-gradient(to bottom, #f0f0f0 0%,#d4d4d4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d4d4d4',GradientType=0 );}
			
			.headerMainMenu strong{display:inline-block; margin:0px 0px 0px 20px; font-size:14px;}
			
			.headerMainMenu ul{position:absolute; top:-1px; left:130px; width:725px; }
			.headerMainMenu ul li{float:left; }
			.headerMainMenu ul li a{height:41px; width:98px; text-align:center;  display:block; position:relative;  border-right:1px solid #a7a7a7; dpadding:0px 26px;}
			.headerMainMenu ul li.active a{color:white; background: #1d4b77;background: -moz-linear-gradient(top, #1d4b77 0%, #0c2640 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d4b77), color-stop(100%,#0c2640));background: -webkit-linear-gradient(top, #1d4b77 0%,#0c2640 100%);background: -o-linear-gradient(top, #1d4b77 0%,#0c2640 100%);background: -ms-linear-gradient(top, #1d4b77 0%,#0c2640 100%);background: linear-gradient(to bottom, #1d4b77 0%,#0c2640 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4b77', endColorstr='#0c2640',GradientType=0 );}
			.headerMainMenu ul li:last-child a{border:0px; }
			.headerMainMenu ul li a:hover{background-color:#09192f; color:white; text-decoration:none; }
			.headerMainMenu ul li a span{position:relative; }
			
			.headerMainMenu ul li.active a span:after{content:""; position:absolute; top:6px; right:-10px; background-position: 0 0; width: 5px; height: 3px; display:block; }
			.headerMainMenu ul li a:hover span:after{content:""; position:absolute; top:5px; right:-7px; background-position: -38px 0; width: 3px; height: 5px;}
			.headerMainMenu ul li.active a:hover span:after{background-position: 0 0; position:absolute; top:6px; right:-10px; width: 5px; height: 3px;}
			
		/*+ headerPhone
		..........................................................................*/
		
			.headerPhone{position:absolute; margin:0px 0px 0px 0px;  bottom:7px; right:20px; font-weight:bold; font-size:18px;}
	
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	splash
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ header
		..........................................................................*/
			
			header.layout.splash{width:485px; height:330px; position:absolute; top:50%; left:50%; margin-left:-242px; margin-top:-165px;}

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	404
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ header
		..........................................................................*/
			
			header.layout404 {height:170px; }

		/*+ logo
		..........................................................................*/
			
			header.layout404 .logo{position:absolute; left:50%; top:60px; margin-left:-200px;}