/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin: 0;
	padding: 0;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {
	height: 100%;
}

body > #wrapper {
	height: auto;
	min-height: 100%;
}

body {
	background-image: url(../images/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	color: #262759;
	font-family: arial,tahoma, helvetica, sans-serif;
}

.gold {
	color: #7a6909;
}

#wrapper {
	margin: 0 auto;
	padding-left: 25px;
	padding-right: 25px;
	width: 890px;
}

#main {
	padding-bottom: 305px;
}  /* must be same height as the footer */

#header {
	position: relative;
	z-index: 10;
}

ul#nav {
	height: 107px;
	list-style-type: none;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 890px;
}

ul#nav li {
	float: left;
}

ul#nav li a {
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-indent: -9999px;
}

/* About Us */

ul#nav li a#about_us {
	background-image: url(../images/nav/about_us.png);
	height: 107px;
	width: 80px;
}

ul#nav li a#about_us:hover, ul#nav li a#about_us.active {
	background-image: url(../images/nav/about_us_over.png);
}

/* Our Services */

ul#nav li a#our_services {
	background-image: url(../images/nav/our_services.png);
	height: 107px;
	width: 120px;
}

ul#nav li a#our_services:hover, ul#nav li a#our_services.active {
	background-image: url(../images/nav/our_services_over.png);
}

/* Market Services */

ul#nav li a#market_services {
	background-image: url(../images/nav/market_services.png);
	height: 107px;
	width: 149px;
}

ul#nav li a#market_services:hover, ul#nav li a#market_services.active {
	background-image: url(../images/nav/market_services_over.png);
}

/* Why Outsource */

ul#nav li a#why_outsource {
	background-image: url(../images/nav/why_outsource.png);
	height: 107px;
	width: 144px;
}

ul#nav li a#why_outsource:hover, ul#nav li a#why_outsource.active {
	background-image: url(../images/nav/why_outsource_over.png);
}

/* Why Directlink */

ul#nav li a#why_directlink {
	background-image: url(../images/nav/why_directlink.png);
	height: 107px;
	width: 135px;
}

ul#nav li a#why_directlink:hover, ul#nav li a#why_directlink.active {
	background-image: url(../images/nav/why_directlink_over.png);
}

/* Technology */

ul#nav li a#technology {
	background-image: url(../images/nav/technology.png);
	height: 107px;
	width: 114px;
}

ul#nav li a#technology:hover, ul#nav li a#technology.active {
	background-image: url(../images/nav/technology_over.png);
}

/* Service Locations */

ul#nav li a#service_locations {
	background-image: url(../images/nav/service_locations.png);
	height: 107px;
	width: 148px;
}

ul#nav li a#service_locations:hover, ul#nav li a#service_locations.active {
	background-image: url(../images/nav/service_locations_over.png);
}

#flash_content {
	float: left;
	height: 291px;
	overflow: hidden;
	margin-top: -55px;
	position: relative;
	width: 890px;
}

#body {
	float: left;
	height: 100%;
	width: 500px;
}

#body #logo {
	margin-bottom: 40px;
	margin-top: 40px;
}

#body h1 {
	margin-bottom: 20px;
	margin-top: 0;
}

#body p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 20px;
}

#body ul {
	margin-bottom: 20px;
	padding-left: 20px;
}

#body ul li {
	margin-bottom: 10px;
}

#side_bar {
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	background-image: url(../images/side_bar.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 20px;
	float: right;
	width: 270px;
}

#side_bar p a {
	background-image: url(../images/icon.png);
	background-position: center left;
	background-repeat: no-repeat;
	color: #262759;
	display: block;
	float: right;
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
	padding-left: 40px;
	text-decoration: none;
	text-transform: uppercase;
	width: 150px;
}

#side_bar h3 {
	border-top: 2px solid #bdbdbd;
	clear: both;
	color: #262759;
	float: left;
	font-size: 30px;
	padding-top: 10px;
	text-transform: uppercase;
	width: 270px;
}

#side_bar ul {
	border-bottom: 2px solid #bdbdbd;
	clear: both;
	float: left;
	list-style-type: none;
	padding-bottom: 10px;
	width: 270px;
}

#side_bar ul li a {
	color: #7a6909;
	display: block;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
}

#side_bar ul li a.active {
	background-image: url(../images/arrow.png);
	background-position: left 9px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#side_bar ul li a:hover {
	color: #262759;
	padding-left: 5px;
}

#side_bar ul li a.active:hover {
	color: #262759;
	padding-left: 15px;
}

#side_bar img {
	float: left;
	margin-top: 20px;
}

#footer {
	background-image: url(../images/footer.png);
	background-position: top center;
	background-repeat: no-repeat;
	clear: both;
	height: 305px;
	margin-top: -305px; /* negative value of footer height */
	position: relative;
	width: 100%;
	z-index: 1;
}

#copyright {
	margin: 0 auto;
	width: 890px;
}

#copyright p {
	color: #fff;
	float: left;
	font-size: 12px;
	margin-top: 275px;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */