.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

img {border: none;}
*:focus {outline: none;}

body {
	background: #333333;
	text-align: center;
}
	
#wrapper {
	height: 700px; 	
	width: 1000px;
	position: relative; 
	margin-left: auto;	
	margin-right: auto;	
	padding: 0;
}

#top-index {
	height: 600px; 
	width: 1000px;
	background: #ffffff;
}

#top-about {
	position: absolute; 
	top: 125px; left: 239px;
}

#top-clients {
	position: absolute; 
	top: 140px; 
	left: 250px;
}
#top-jobtext {
	width: 600px; height: 500px;
	position: absolute; 
	top: 120px; 
	left: 250px;
}
#top-context {
	width: 600px; height: 415px;
	position: absolute; 
	top: 120px; 
	left: 250px;
}
#top-context02 {
	width: 600px; height: 415px;
	position: absolute; 
	top: 405px; 
	left: 250px;
}
#top-logo1{
	position: absolute; 
	top: 140px; 
	left: 250px;
}
#top-logo2{
	position: absolute; 
	top: 140px; 
	left: 375px;
}
#top-logo3{
	position: absolute; 
	top: 140px; 
	left: 500px;
}
#top-logo4{
	position: absolute; 
	top: 140px; 
	left: 625px;
}
#top-logo5{
	position: absolute; 
	top: 140px; 
	left: 750px;
}
#top-logo6{ 
	position: absolute; 
	top: 235px; 
	left: 250px;
}
#top-logo7{
	position: absolute; 
	top: 235px; 
	left: 375px;
}
#top-logo8{
	position: absolute; 
	top: 235px; 
	left: 500px;
}
#top-logo9{
	position: absolute; 
	top: 235px; 
	left: 625px;
}
#top-logo10{
	position: absolute; 
	top: 235px; 
	left: 750px;
}
#top-logo11{ 
	position: absolute; 
	top: 330px; 
	left: 250px;
}
#top-logo12{
	position: absolute; 
	top: 330px; 
	left: 375px;
}
#top-logo13{
	position: absolute; 
	top: 330px; 
	left: 500px;
}
#top-logo14{
	position: absolute; 
	top: 330px; 
	left: 625px;
}
#top-logo15{
	position: absolute; 
	top: 330px; 
	left: 750px;
}
#top-logo16{ 
	position: absolute; 
	top: 425px; 
	left: 250px;
}
#top-logo17{
	position: absolute; 
	top: 425px; 
	left: 375px;
}
#top-logo18{
	position: absolute; 
	top: 425px; 
	left: 500px;
}
#top-logo19{
	position: absolute; 
	top: 425px; 
	left: 625px;
}
#top-logo20{
	position: absolute; 
	top: 425px; 
	left: 750px;
}
#top-button01 {
	position: absolute; 
	top: 440px; 
	left: 250px;
}
#top-button02 {
	position: absolute; 
	top: 440px; 
	left: 300px;
}
#top-button03 {
	position: absolute; 
	top: 440px; 
	left: 350px;
}
#top-button04 {
	position: absolute; 
	top: 440px; 
	left: 400px;
}
#top-driving {
	position: absolute; 
	top: 465px; 
	left: 160px;
}
#top-jobs {
	width: 1000px; height: 620px; 
	background-image: url('img/bg_contact.jpg'); 
	background-position: top-left; 
	background-repeat: no-repeat; 
	position: absolute;
	top: 0px; left: 0px;
}

#top-contact {
	width: 1000px; height: 620px; 
	background-image: url('img/bg_contact.jpg'); 
	background-position: top-left; 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0px; left: 0px;
}

#top-ce-casestudy {
	width: 700px;	height: 425px;
	position: absolute;
	top: 123px; left: 240px;
	background: #1e1b1c;
	opacity: .75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
}

#top-secondary {
	width: 1000px; height: 600px; 
	background-position: top-left; 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0px; left: 0px;
	/*	border: 1px solid blue; */
}


#ce #top-secondary {
	background-image: url('img/bg_2ce.jpg'); 
}	

#hf #top-secondary {
	background-image: url('img/bg_2hf.jpg'); 
}	

#rfws #top-secondary {
	background-image: url('img/bg_2rfws.jpg'); 
}	

#bl #top-secondary {
	background-image: url('img/bg_2bl.jpg'); 
}	

#sip #top-secondary {
	background-image: url('img/bg_2sip.jpg'); 
}	

#bottom {
	background: #cf2522;
	height: 90px;
	width: 1000px;
	position: absolute; 
	bottom: 0px; left: 0px;
}



a.logo {
	position:absolute; 
	top: 80px; left: 0px;
	
}	


img.secondary-text {
	position: absolute; 
	top: 118px; left: 230px;
}

img.preload {
	display:none;
}

table.indexbox {
	position: absolute; 
	top: 225px; 
	left: 43px; 
	width: 912px; 
	height: 156px; 
}

table.navmain {
	position: absolute; 
	top: 25px; 
	left: 30px; 
	width: 483px; 
	height: 27px; 
}

table.nav {
	width: 188px; 
	position: absolute; 
	top: 123px; 
	left: 0px; 
	border-collapse: collapse;
}

td.indextxt {
	width: 160px;
	height: 13px;
}

td.indeximg {
	width: 160px;
	height: 115px;
}


td.off {
	height: 13px;
	background-image: url('img/nav-bg-lt.png'); 
	background-position: center center; 
	background-repeat: repeat; 	
}

td.on {
	height: 13px;
	background-image: url('img/nav-bg-dk.png'); 
	background-position: center center; 
	background-repeat: repeat; 
}

td.offwhite {
	height: 13px;	
	background-image: url('img/nav-bg-ltx.png'); 
	background-position: center center; 
	background-repeat: repeat; 
}

td.onwhite {
	height: 13px;
	background-image: url('img/nav-bg-lt.png'); 
	background-position: center center; 
	background-repeat: repeat; 
}


td.navspacer {
	height: 4px;
}

#top-about-exp {
	text-align: left;
	position: absolute;
	top: 150px;
	left: 250px;
	width: 600px;
}

#top-about-exp {
	color: #414141;
	font-family: verdana;
	font-size: 10px;
	line-height: 1.25;
}

#top-about-exp dl {
	margin: 10px 0 5px 0;
	padding: 0;
}

#top-about-exp dl dt {
	margin: 10px 0 0 0;
}

#top-about-exp dl dt.dt-toggle {
	cursor: pointer;
}

#top-about-exp dl dd {
	margin: 0 0 0 10px;
	padding: 0;
}

#top-about-exp p {
	margin: 5px 0 0 0;
}

#top-about-exp ul {
	list-style-position: inside;
	list-style: none;
	margin: 0;
	padding: 0;
}

#top-about-exp ul li:before {
	content: "- ";
}

#top-about-exp dl.left {
	float: left;
	width: 270px;
}

#top-about-exp dl.right {
	float: left;
	width: 270px;
}


/*CASE STUDY STYLES*/
div.case-study {
	font-family: verdana, sans serif;
	font-size: 12px;
	line-height: 1.5;
	height: 385px;
	left: 240px;
	padding: 20px;
	position: absolute;
	width: 660px;
	text-align: left;
	top: 123px;
}

div.case-study .image-container {
	background-color: #ffffff;
	float: left;
	height: 385px;
	position: relative;
	width: 285px;
}

div.case-study .image-container img {
	float: left;
	left: 0;
	position: absolute;
	top: 0;
	width: 285px;
}

div.case-study .copy {
	float: right;
	width: 340px;
}

div.case-study .copy h2 {
	color: #ee3224;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
div.case-study .copy a {
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 20px 0;
}
div.case-study .copy a:hover{
		color: #ee3224;
	font-size: 12px;
	font-weight:normal;
	margin: 0 0 20px 0;
}
div.case-study .copy p {
	color: #ffffff;
	line-height: 1.75;
}

.copy-product-highlight {
	color: #ee3224;
}


div.control-wrapper {
	position: absolute;
	bottom: 20px;
	left: 345px;
}

div.control-wrapper .image-controls {
	width: 60px;
	float: left;
}

div.control-wrapper span {
	color: #ffffff;
	font-size: 10px;
}

/*Primary Nav
=======================================*/
dl#primary-nav {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	left: 0;
	line-height: 12px;
	position: absolute;
	text-align: left;
	top: 108px;
	width: 187px;
}

dl#primary-nav dt {
	background: transparent url(img/primary-nav/bg-dt.png);
	padding: 0 0 0 23px;
	margin: 4px 0 4px 0;
	height: 12px;
	width: 164px;
}

dl#primary-nav dt.selected, dl#primary-nav dt.opened, dl#primary-nav dt:hover  {
	background: #000000 url(img/primary-nav/bg-dt-on.png);
}

dl#primary-nav dd {
	margin: 0;
	padding: 0;
}

dl#primary-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

dl#primary-nav ul li{
	height: 12px;
	padding: 0;
	margin: 0;
	width: 187px;
	text-indent: -9000px;
	position: absolute;
	top: 0;
}

#ce-nav {
	background-image: url(img/primary-nav/bg-consumer-electronics.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 92px;
}

#ce-nav li a:hover, #ce-nav li a.selected {
	background-image: url(img/primary-nav/bg-consumer-electronics.png);
	background-repeat: no-repeat;
}

#health-nav {
	background-image: url(img/primary-nav/bg-health.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 61px;
}

#health-nav li a:hover, #health-nav li a.selected {
	background-image: url(img/primary-nav/bg-health.png);
	background-repeat: no-repeat;
}

#bio-nav {
	background-image: url(img/primary-nav/bg-bio.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 125px;
}

#bio-nav li a:hover, #bio-nav li a.selected  {
	background-image: url(img/primary-nav/bg-bio.png);
	background-repeat: no-repeat;
}

#rf-nav {
	background-image: url(img/primary-nav/bg-rf.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
}

#rf-nav li a:hover, #rf-nav li a.selected {
	background-image: url(img/primary-nav/bg-rf.png);
	background-repeat: no-repeat;
}

dl#primary-nav ul li, dl#primary-nav ul li a  {display: block; height: 12px; width: 187px; text-indent: -9009px;}

dl#primary-nav ul li.item1 {top: 0}
dl#primary-nav ul li.item1 a:hover, dl#primary-nav ul li.item1 a.selected {
	background-position: -187px top;
	}

dl#primary-nav ul li.item2 {top: 15px}
dl#primary-nav ul li.item2 a:hover, dl#primary-nav ul li.item2 a.selected {
	background-position: -187px -15px;
	}

dl#primary-nav ul li.item3 {top: 33px}
dl#primary-nav ul li.item3 a:hover, dl#primary-nav ul li.item3 a.selected {
	background-position: -187px -33px;
	}

dl#primary-nav ul li.item4 {top: 49px;}
dl#primary-nav ul li.item4 a:hover, dl#primary-nav ul li.item4 a.selected {
	background-position: -187px -49px;
	}

dl#primary-nav ul li.item5 {top: 65px;}
dl#primary-nav ul li.item5 a:hover, dl#primary-nav ul li.item5 a.selected  {
	background-position: -187px -65px;
	}

dl#primary-nav ul li.item6 {top: 81px;}
dl#primary-nav ul li.item6 a:hover, dl#primary-nav ul li.item6 a.selected {
	background-position: -187px -81px;
	}
	
dl#primary-nav ul li.item7 {top: 97px;}
dl#primary-nav ul li.item7 a:hover, dl#primary-nav ul li.item7 a.selected {
	background-position: -187px -97px;
	}
	
dl#primary-nav ul li.item8 {top: 113px;}
dl#primary-nav ul li.item8 a:hover, dl#primary-nav ul li.item8 a.selected {
	background-position: -187px -113px;
	}
	
dl#primary-nav ul li.item9 {top: 129px;}
dl#primary-nav ul li.item9 a:hover, dl#primary-nav ul li.item9 a.selected {
	background-position: -187px -129px;
	}
	
dl#primary-nav ul li.item10 {top: 145px;}
dl#primary-nav ul li.item10 a:hover, dl#primary-nav ul li.item10 a.selected {
	background-position: -187px -145px;
	}	
	
dl#primary-nav ul li.item11 {top: 161px;}
dl#primary-nav ul li.item11 a:hover, dl#primary-nav ul li.item11 a.selected {
	background-position: -187px -161px;
	}