@charset "utf-8";
/* Header Related Stuff */

#header-wrapper{

	
	background:url(../images/header/background-repeat.gif);	
}
	#header-wrapper-top-drop-shadow{
		width:100%;
		height:240px;
		
		background:url(../images/header/top-drop-shadow.png) repeat-x;
	}

#header{
	margin-top:-240px;
	
	background:url(../images/header/console-top.png) bottom no-repeat;
	position:relative;
}

#header-bottom{
	width:100%;
	height:145px;
	background:url(../images/header/table-bg.png) repeat-x;
}
	#header-bottom-shadow-area{
		width:100%;
		height:145px;
		background:url(../images/header/header-bottom.png) center;
	}
	
#bezel{
	width:100%;
	height:82px;
	
	background:url(../images/header/bezel.jpg) center;
}
	
/********************/

#menubar-wrapper{
	display:block;
	width:660px;
	height:81px;
	
	position:absolute;
	top:395px;
	left:130px;
}
	/********Begin Menubar***********/
	ul#menubar{
		float:left;
		position:relative;
		width:100%;
	}
		ul#menubar li{
			float:left;
			list-style:none outside none;
						
			height:81px;
			padding-right:8px;
			margin-right:8px;
		}
		
		ul#menubar li a{
			display:block;
			width:100%;
			height:24px;
			margin-top:25px;
			
			background-image:url(../images/header/menu.png);
			background-repeat:no-repeat;
		}
		
		li.nav-home{width:45px;}
			li.nav-home a{background-position:0px 0px;}
			li.nav-home a:hover,
			li.nav-home a:focus{background-position:0px -25px;}
		li.nav-services{width:80px;}
			li.nav-services a{background-position:-65px 0px;}
			li.nav-services a:hover,
			li.nav-services a:focus{background-position:-65px -25px;}
		li.nav-about{width:82px;}
			li.nav-about a{background-position:-165px 0px;}
			li.nav-about a:hover,
			li.nav-about a:focus{background-position:-165px -25px;}
		li.nav-casestudy{width:104px;}
			li.nav-casestudy a{background-position:-265px 0px;}
			li.nav-casestudy a:hover,
			li.nav-casestudy a:focus{background-position:-265px -25px;}
		li.nav-team{width:50px;}
			li.nav-team a{background-position:-390px 0px;}
			li.nav-team a:hover,
			li.nav-team a:focus{background-position:-390px -25px;}
		li.nav-news{width:58px;}
			li.nav-news a{background-position:-455px 0px;}
			li.nav-news a:hover,
			li.nav-news a:focus{background-position:-455px -25px;}
		li.nav-contact{width:105px;}
			li.nav-contact a{background-position:-530px 0px;}
			li.nav-contact a:hover,
			li.nav-contact a:focus{background-position:-530px -25px;}
			
		li.magic-line{
			display:block;
			background:url(../images/header/menu.png) 0px -58px;
			/*background:url(../images/header/band.png) no-repeat;*/
			width:4px;
			height:81px;
			
			position:absolute;
			top:0px;
			left:0px;
		}
		/************End Menubar**************/
		
/********************/


/********Begin Header Slides************/
#header-slideshow{
	position:absolute;
	top:0px;
	width:100%;
	height:368px;
	
	
}
	#header-slideshow div.container{
		position:relative;
		width:100%;
		height:100%;
		overflow:hidden;
	}
		#header-slideshow div.container div.loader{
			position:absolute;
			top:240px;
			left:460px;
			width:74px;
			height:87px;
			background-image:url(../../images/slides/loader.gif);
			
		}
		#header-slideshow div.container div#main-banner{
			position:absolute;
			width:787px;
			height:271px;
			bottom:-1px;
			
			display:none;
		}
		
		
		/*#header-slideshow div.container div#main-banner.banner-3{
			

		}*/
		
		#header-slideshow div.container div.banner-typo{
			position:absolute;
			text-transform:uppercase;
		}
		
		#header-slideshow div.container .banner-typo1{
			text-transform:uppercase;
		}
		
		#header-slideshow div.container div.text3{
			display:none;	
		}
			#header-slideshow div.container div.text3 a{
				display:block;
				background-color:#B19A70;
				padding:5px 5px 0px 5px;
				font-size:23.52px;
				color:#f0dfc5;
			}
			
			#header-slideshow div.container div.text3 div.arrow{
				float:right;
				margin-right:20px;
				width:20px;
				height:13px;
				background:url(../../images/slides/arrow.png) no-repeat;
			}
/***************************************/