* {
	margin: 0px;
	padding: 0px;
}


#ie-message {
background:#4c69a7;
border:1px solid #333;
color: #fff;
padding:10px;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;
letter-spacing:1px;
margin-bottom:10px;
}

#ie-message a {
color:#fff;
text-decoration:underline;
}


#wrapper {
	width: 1000px;
	height: 792px;
	background: url(../image/background4.jpg) no-repeat center center; 
	margin-right: auto;
	margin-left: auto;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-color: #999;
	border-left-color: #999;
}

#wrapper #logo {
	height: 150px;
	top: 30%;
	left: 30%;
	padding-left: 45px;
	padding-top: 20px;
}

ul#awesome-menu {
	width: 653px; margin: 0px auto;
	list-style: none;
}

ul#awesome-menu li { display: inline; }
	
ul#awesome-menu li a {
	display: block; float: left; height: 38px;
   position:relative;
   left:80px; top: -94px;
   

	background-image: url(../image/menu-sprite.png); text-indent: -9999px;
}

	ul#awesome-menu li a.home {
		width: 88px; background-position: 0 0;	
	}
	
	ul#awesome-menu li a.about {
		width: 102px; background-position: -88px 0;	
	}
	
	ul#awesome-menu li a.services {
		width: 120px; background-position: -190px 0;	
	}
	
	ul#awesome-menu li a.careers {
		width: 120px; background-position: -315px 0;	
	}
	
	ul#awesome-menu li a.contact {
		width: 121px; background-position: -435px 0;	
	}
	
	ul#awesome-menu li a.tools {
		width: 90px; background-position: -558px 0;	
	}
	
	
	ul#awesome-menu li a.home:hover, ul#awesome-menu li a.home:focus {
		background-position: 0 -39px;	
	}
	
	ul#awesome-menu li a.about:hover, ul#awesome-menu li a.about:focus {
		background-position: -88px -39px;	
	}
	
	ul#awesome-menu li a.services:hover, ul#awesome-menu li a.services:focus {
		background-position: -190px -39px;	
	}
	
	ul#awesome-menu li a.careers:hover, ul#awesome-menu li a.careers:focus {
		background-position: -315px -39px;	
	}
	
	ul#awesome-menu li a.contact:hover, ul#awesome-menu li a.contact:focus {
		background-position: -435px -39px;	
	}
	ul#awesome-menu li a.tools:hover, ul#awesome-menu li a.tools:focus {
		background-position: -558px -39px;	
	}	

a {
	outline: none;
}

a span {
	display: none;
}

#wrapper #bodyArea #article {
	position: relative;
	float: right;
	right: 50px;
	top: -50px;
}

a:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */

a:hover span { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute;
	top: 22px; 
	left: 75px; 
	width: 150px;
	border: 3px solid #89adee;
	background-color: #e4e9f6; 
	color: #000;
	padding: 5px;
	font-size: .8em;
}



#wrapper #content {
	float: left;
	top: 0px;
	width: 800px;
	position: relative;
	left: 152px;
	z-index: 0;
}

#copyright {
	font-size: 10px;
}


p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	margin: 15px;
	color: #000;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}