/* general and navigation menu styles */

html, body
{
	/*height : 100%;*/
	/* background-color : #000; */
}

html
{
	overflow-y : scroll;
}

body
{
	text-align : center;
	color : #344da1;
	font : 13px/1.4 Arial, Sans-Serif;
	min-width : 1000px;
	
	background : transparent url(img/header_back.png) left top scroll repeat-x;
}

a
{
	text-decoration : none;
	outline : none;
	color : #344da1;
}

.bg
{
	position : absolute;
	width : 1440px;
	height : 882px;
	
	top : 149px;
	left : 0px;
}

#content
{
	position : relative;
	width : 100%;
	min-width : 1000px;
	min-height : 730px;
	_height : 730px;
}

.wrap
{
	width : 1000px;
	margin : 0 auto;
	position : relative;
	text-align : left;
}

#header
{
	/*width : 100%;*/
	height : 149px;
	position : relative;
	min-width : 1000px;
	z-index : 10000;
	
	/*background : url(img/header.png) top center scroll repeat-x;*/
}

#logo
{
	text-indent : -9000em;
	width : 236px;
	height : 45px;
	position : absolute;
	top : 23px;
	left : 46px;
	
	background : transparent url(img/logo.png) top left scroll no-repeat;
}

#nav_back
{
	width : 100%;
	height : 49px;
	position : absolute;
	top : 80px;
	left : 0px;
	
	/*background : url(img/navbar_back.png) scroll repeat-x;*/
}

#navigation
{
	width : 100%;
	position : relative;
	top : 90px;
	left : 20px;
}

#navigation li
{
	width : 108px;
	height : 26px;
	float : left;
	
	/* IE 6 and 7 */
	*zoom : 1;
}

#navigation li a
{
	text-indent : -9000em;
	display : block;
	width : 100%;
	height : 100%;
}

#navigation li:hover
{
	position : relative;
}

#navigation ul
{
	visibility : hidden;
	position : absolute;
	top : 100%;
	left : 0px;
	width : 108px;
	height : 26px;
}

#navigation ul li
{
	float : none;
	
	/* IE 6 and 7 */
	*display : inline;
	*width : 100%;
}

#navigation ul li a
{ 
	border-right: none;
	width: 100%;
	display: inline-block;
	
	/* IE 6 and 7 */
	*position : absolute;
}

#navigation li:hover > ul
{
	visibility : visible;
}


#company
{
	background : url(img/navbar_button.png) 0px 0px scroll no-repeat;
}

#company:hover
{
	background-position : 0px -78px;
	
	box-shadow: 2px 1px 1px #888;
	-moz-box-shadow: 2px 1px 1px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
}

#company.menu_selected
{
	background-position : 0px -26px;
	
	box-shadow: 2px 1px 1px #888;
	-moz-box-shadow: 2px 1px 1px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
}

#team
{
	background : url(img/navbar_button.png) 0px -104px scroll no-repeat;
	
	box-shadow: 2px 1px 1px #888;
	-moz-box-shadow: 2px 1px 1px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
}

#team:hover
{
	background-position : 0px -52px;
	
	box-shadow: 2px 1px 1px #888;
	-moz-box-shadow: 2px 1px 1px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
}

#projects
{
	background : url(img/navbar_button.png) -108px 0px scroll no-repeat;
}

#projects:hover
{
	background-position : -108px -26px;
	
	box-shadow: 2px 1px 1px #888;
	-moz-box-shadow: 2px 1px 1px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
}

#services
{
	background : url(img/navbar_button.png) -216px 0px scroll no-repeat;
}

#services:hover
{
	background-position : -216px -26px;
	
	box-shadow: 2px 1px 1px #888;
	-moz-box-shadow: 2px 1px 1px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
}

#contact
{
	background : url(img/navbar_button.png) -324px 0px scroll no-repeat;
}

#contact:hover
{
	background-position : -324px -78px;
	
	box-shadow: 2px 1px 1px #888;
	-moz-box-shadow: 2px 1px 1px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
}

#contact.menu_selected
{
	background-position : -324px -26px;
	
	box-shadow: 2px 1px 1px #888;
	-moz-box-shadow: 2px 1px 1px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
}

#careers
{
	background : url(img/navbar_button.png) -324px -104px scroll no-repeat;
	
	box-shadow: 2px 1px 1px #888;
	-moz-box-shadow: 2px 1px 1px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
}

#careers:hover
{
	background-position : -324px -52px;
	
	box-shadow: 2px 1px 1px #888;
	-moz-box-shadow: 2px 1px 1px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
}

#info
{
	background : url(img/navbar_button.png) -432px 0px scroll no-repeat;
}

#info:hover
{
	background-position : -432px -26px;
	
	box-shadow: 2px 1px 1px #888;
	-moz-box-shadow: 2px 1px 1px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
}