/* Main CSS Document */

@import url("core.css");

#preload { display: none; }

#top {
	width: 100%;
	height: 405px;
	background-image: url(../images/bg-top.gif);
	background-repeat: repeat-x;
}
#top .container {
	width: 978px;
	margin: 0px auto;
	background-color: #fff;
}
#top .logo {
	width: 248px;
	float: left;
}
#top .middleImage {
	width: 978px;
	clear: both;
}
#top .search {
	width: 978px;
	height: 46px;
	background-image: url(../images/bg-search2.jpg);
	background-repeat: no-repeat;
}
#top .text {
	width: 730px;
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 17px 0px 0px 0px;	
}
#top .forms {
	width: 162px;
	float: left;
	padding: 10px 0px 0px 10px;
}
#top input.txt {
	border: 1px solid #c5c5c5;
	width: 125px;
	height: 23px;
	background-image: url(../images/bg-magnifier.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	padding: 5px 0px 0px 30px;
}
#top .btn {
	width: 40px;
	float: left;
	padding: 12px 0px 0px 0px;
}

/* nav */
#top .nav {
	width: 711px;
	height: 43px;
	float: right;
	padding: 23px 0px 0px 0px;
}
#top .nav ul {
	margin: 0px;
	padding: 0px;
}
#top .nav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
}

#top .nav li a.home { width: 63px;	height: 43px; background-image: url(../images/nav-home.gif); background-repeat: no-repeat; display: block; }
#top .nav li a.home:hover { width: 63px; height: 43px; background-image: url(../images/nav-home-on.gif); background-repeat: no-repeat; display: block; }
#top .nav li.homeOn { width: 63px; height: 43px; background-image: url(../images/nav-home-on.gif); background-repeat: no-repeat; display: block; }

#top .nav li a.services { width: 81px;	height: 43px; background-image: url(../images/nav-services.gif); background-repeat: no-repeat; display: block; }
#top .nav li a.services:hover { width: 81px; height: 43px; background-image: url(../images/nav-services-on.gif); background-repeat: no-repeat; display: block; }
#top .nav li.servicesOn { width: 81px; height: 43px; background-image: url(../images/nav-services-on.gif); background-repeat: no-repeat; display: block; }

#top .nav li a.customers { width: 186px; height: 43px; background-image: url(../images/nav-customers.gif); background-repeat: no-repeat; display: block; }
#top .nav li a.customers:hover { width: 186px; height: 43px; background-image: url(../images/nav-customers-on.gif); background-repeat: no-repeat; display: block; }
#top .nav li.customersOn { width: 186px; height: 43px; background-image: url(../images/nav-customers-on.gif); background-repeat: no-repeat; display: block; }

#top .nav li a.careers { width: 161px; height: 43px; background-image: url(../images/nav-career.gif); background-repeat: no-repeat; display: block; }
#top .nav li a.careers:hover { width: 161px; height: 43px; background-image: url(../images/nav-career-on.gif); background-repeat: no-repeat; display: block; }
#top .nav li.careersOn { width: 161px; height: 43px; background-image: url(../images/nav-career-on.gif); background-repeat: no-repeat; display: block; }

#top .nav li a.contact { width: 103px; height: 43px; background-image: url(../images/nav-contact.gif); background-repeat: no-repeat; display: block; }
#top .nav li a.contact:hover { width: 103px; height: 43px; background-image: url(../images/nav-contact-on.gif); background-repeat: no-repeat; display: block; }
#top .nav li.contactOn { width: 103px; height: 43px; background-image: url(../images/nav-contact-on.gif); background-repeat: no-repeat; display: block; }

#top .nav li a.horizon { width: 117px; height: 43px; background-image: url(../images/nav-horizon.gif); background-repeat: no-repeat; display: block; }
#top .nav li a.horizon:hover { width: 117px; height: 43px; background-image: url(../images/nav-horizon-on.gif); background-repeat: no-repeat; display: block; }
#top .nav li.horizonOn { width: 117px; height: 43px; background-image: url(../images/nav-horizon-on.gif); background-repeat: no-repeat; display: block; }


#content {
	width: 852px;
	margin: 0px auto;
	padding: 20px 63px 20px 63px;
	background-color: #fff;
}

#content .services {
	width: 267px;
	float: left;
	margin: 0px 23px 0px 0px;
}
#content .clients {
	width: 267px;
	float: left;
	margin: 0px 23px 0px 0px;
}
#content .contact {
	width: 267px;
	float: left;
}

#content .left {
	width: 530px;
	float: left;
	background-image: url(../images/bg-vertical.gif);
	background-repeat: repeat-y;
	padding: 0px 20px 0px 0px;
}
#content .right {
	width: 270px;
	float: right;
	padding: 0px 0px 0px 20px;
}
#content .right ul {
	margin: 0px 0px 0px 14px;
	padding: 0px;
}
#content .right li {
	list-style-type: square;
	color: #e93322;
	padding: 0px 0px 10px 0px;
}
#content .right .black {
	color: #2e2e2e;
}


/* bottom */
#bottom {
	width: 882px;
	margin: 0px auto;
	padding: 20px 33px 20px 63px;
	background-image: url(../images/bg-footer.gif);	
	color: #fff;
}
#bottom .box {
	width: 246px;
	float: left;
	padding: 0px 46px 0px 0px;
}
#bottom ul {
	margin: 0px 0px 0px 14px;
	padding: 0px;
}
#bottom li {
	list-style-type: square;
	color: #e93322;
	padding: 0px 0px 10px 0px;
}
#bottom .white {
	color: #fff;
}

/* footer */
#footer {
	width: 978px;
	height: 35px;
	text-align: center;
	background-color: #0a0a0a;
	margin: 0px auto;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
#footer .copy {
	width: 320px;
	float: left;
	padding: 8px 0px 0px 0px;
}
#footer .links {
	width: 620px;
	float: right;
	padding: 8px 0px 0px 0px;
}
#footer ul {
	padding: 0px;
	margin: 0px;
	color: #fff;
}
#footer li {
	padding: 0px;
	margin: 0px 2px 0px 2px;
	display: inline;
	list-style-type: none;
}
#footer li a {
	color: #fff;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}
#footer p {
	margin: 0px;
	color: #fff;
}