﻿/* Page Structure*/

@import url("content.css");
/* @import url("distra.css"); */

/* TOC

1: - Global Styles / Structure

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0;
		padding: 0;
		background: url(../images/generic/body_bg.gif) 0 0 repeat-x;
		background-color: #f7f7f7;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		width: 800px;
		margin: 0 auto;
		padding: 10px 0;
		}
		
	a {
		color: #666;
		}
		
	a img {
		border: 0;
		}
		
	.clear {
		clear: both;
		visibility: hidden;
		padding: 0;
		margin: 0;
		height: 0;
		}	
		
	.greyBg {
		margin: 0;
		padding: 0;
		width: 759px;
		float: left;
		background-color: #eaeaea;
		}

/* 2 :-------- Header ------------ */			
	.title {
		float: left;
		margin: 0;
		padding: 20px 0 20px;
		width: 569px;	
		height: 145px;
		background: #fff url(../Images/titles/header-lower-page.gif) no-repeat top;
		}

/* 3 :-------- Main Nav ------------ */

	.container #mainNav {
		margin: 0;
		padding: 0;
		}
	
	.container #mainNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	.container #mainNav ul.level01 {
		width:561px;
		float:left
		}
		
	.container #mainNav li {
		float: left;
		display: inline;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}
			
	.container #mainNav a {
		display: block;
		height: 46px;
		text-indent: -9999px;
		background-position: 0 0;
		background-repeat: no-repeat;
		margin-left: 0px;
		overflow: hidden;
		text-decoration: none !important
		}
		
	.container #mainNav a:hover {
		text-decoration: none !important
		}
		
	.container #mainNav ul.level01 li.on a {
		background-position: 0 -46px;
		}
		
	.container #mainNav ul.level01 li a:hover {
		background-position: 0 -46px;
		}
		
/* nav backgrounds */
	#mainNav .Home {
		width: 66px; 
		background-image: url(../images/nav/mainNav_home.gif);
		}
		
	#mainNav .Solutions {
		width: 74px; 
		background-image: url(../images/nav/mainNav_solutions.gif);
		}
		
	#mainNav .CaseStudies {
		width: 96px; 
		background-image: url(../images/nav/mainNav_case.gif);
		}
		
	#mainNav .Technology {
		width: 89px; 
		background-image: url(../images/nav/mainNav_tech.gif);
		}
		
	#mainNav .NewsEvents {
		width: 110px;
		background-image: url(../images/nav/mainNav_news.gif);
		}
		
	#mainNav .About {
		width: 59px; 
		background-image: url(../images/nav/mainNav_about.gif);
		}
	
	#mainNav .Contact {
		width: 67px; 
		background-image: url(../images/nav/mainNav_contact.gif);
		}
		
	#mainNav div.search {
		width: 198px;
		height: 46px; 
		background: url(../images/nav/mainNav_search.gif) right top;
		}
		
	#mainNav ul.search {
		width: 198px;
		float:left
		}
	
/* 4 :-------- Content ------------ */

	.rightCol {
		float: left;
		padding: 0;
		width: 0px;
		}
	
	#content {
		float: left;
		width: 757px;
		padding: 0;
		margin: 0;
		color: #000;
		}
		
	#content.noRightCol {
		padding: 10px;
		}
		
	.home #content {
		padding: 0;
		}
		
	.home .homeLeft {
		float: left;
		width: 190px;
		padding: 0 0 15px;
		background: #eaeaea url(../Images/elements/bg-leftcol-home.gif) repeat-x bottom;
		}

	.homeLeft {
		float: left;
		width: 190px;
		padding: 0 0 220px;
		background: #eaeaea url(../Images/elements/bg-leftcol-home.gif) repeat-x bottom;
		}
		
	.homeCol1 {
		float: left;
		width: 378px;
		background-color: #fff;
		}
		
	.homeLeftCol{
		float: left;
		width: 568px;
		background-color: #fff;
		}
		
	.homeCol2 {
		margin: 0;
		padding: 0;
		float: right;
		width: 189px;
		overflow: hidden;
		}

/* See content.css */

/* 5 :-------- Footer ------------ */

	.footer {
		margin: -2px 0 0;
		padding: 32px 10px 0 10px;
		float: right;
		background: #fff url(../images/generic/footer.gif) no-repeat bottom;
		color: #a3a3a3;
		width: 549px;
		height: 30px;
		}
	
	.footer ul {
		margin: 0;
		padding: 0;
		}
	
	.footer li {
		display: inline;
		list-style: none;
		font-size: .95em;
		}
		
	.footer a {
		padding: 3px 0;
		text-decoration: none;
		color: #a3a3a3;
		}
		
	.footerRight {
		padding: 0;
		text-align: right;
		float: right;
		font-size: .95em;
		color: #a3a3a3;
		}
