/* STYLESHEET FOR: EPI-USE | AUTHOR: Rick Khanna, Mopdog Creative + Strategy*/
/*
Contents:
1. Structure
2. Navigation
3. Header
4. Content
5. Footer  */

@import url("reset.css");
@import url("content.css");

/*
Colors:
Gold: #c88b11
Dark blue text: #084172
Red: #981A31
Light gray nav #f6f5f5
*/

body {font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif; /*font-weight: 300;*/}

sup {font-size:80%; line-height:1;}

.nowrap {white-space: nowrap;}

a[href^="mailto:"] {
display:inline-block;
padding-right:16px;
background:transparent url(../images/mail_12x9.png) center right no-repeat;
}

a[href $='.pdf'] {
display:inline-block;
padding-right:18px;
background:transparent url(../images/pdf.png) center right no-repeat;
}

/*====================================================================
=======================  1. STRUCTURE=================================
=====================================================================*/

#wrapper { width: 960px; margin: 0 auto; height: auto; }
#header { width: 960px; height: 80px; position: relative; }
#content-wrapper { width: 960px; min-height: 530px; height: auto !important; height: 530px; }
.content { float:left; width: 660px; min-height: 550px; height: auto !important; height: 550px; margin-top:12px; padding-bottom:30px; }
#sidenav { float:left; width: 300px; margin-top:30px; }
#footer { width: 960px; clear: both; height: 100px; border-top: 1px solid #c88b11; padding-top: 20px; color: #a8a8a8; margin: 20px 0 40px 0; }

#home-col-left { width: 700px; float: left; }
.home-col-right { width: 259px; float: left; border-left: 1px solid #c88b11; margin-bottom:10px;}


/*====================================================================
=======================  3. HEADER  ==================================
=====================================================================*/

a.logo {position:absolute; left:0; top:2px; height:67px; width:164px; background:url(../images/logo.png) left top no-repeat;}
a.logo:hover {background-position:left -67px;}
.tagline {position:absolute; left:225px; top:32px;}
#linkbox {position:absolute; top:31px; right:30px; padding:0 0 0 10px;}
	#linkbox a {color:#727272; font-size:11px; line-height:1.8em; margin:0; text-decoration:none; border-left:1px solid #b8b9b9; padding:2px 0 0 10px;}
	#linkbox a:hover {color:#000; border-left:1px solid #000;}
	
/* Language Panel */
#panel {display:none; background-color:#999; width:100%; height:35px;}
#panel-container {display:none; width:960px; margin:0 auto;}

#panel-container p {color:#ddd; font-size:11px; position:absolute; right:40px; line-height:35px;}
	#panel-container a {color:#000; text-decoration:none; font-weight:bold;}
	#panel-container a:hover {color:#fff}


/* Language Button */	
#click {display:none; background-color:#999; color:#F0F0F0; font-size:11px; text-decoration:none; padding:4px 6px; float:right; margin-right:10px;}
	#click:hover {color:#fff;}
	
#close {color:#ddd!important;}
#close:hover {color:#fff!important;}

/*====================================================================
=======================  4. CONTENT ==================================
=====================================================================*/

p.breadcrumbs {
	font-size:11px;
	border:1px dotted #CCCCCC;
	padding:4px;
	margin-bottom:8px;
	background:#f6f5f5;
	}
	
	p.breadcrumbs a {color:#4F6A7F!important;}

/*Fixed Content for Client Copy*/

strong, b {color:#000;}
		
	 ul {list-style:none; margin-bottom:18px;}
	.content li {
		font-size:12px;
		color:#5a5a5a;
		margin-bottom:3px;
		line-height:1.6em;
		padding-left:16px; 
		background:url(../images/bullet.png) 0 2px no-repeat;
		}
		
	.content a {color:#1A428F; font-weight:bold;}
		.content a:hover {color:#c88b11;}

/*2 column content*/
.col-left {width:300px; float:left; margin-right:20px;}
.col-right {width:300px; float:left;}




		
		
/*Product Names*/
h4:first-line {
		color:#084172;
		font-size:22px;
		line-height:1.5em;
		text-transform:uppercase;
		font-family:"Arial Narrow", "Helvetica Condensed", Helvetica, Arial, sans serif;
		margin:20px 0 5px;
		font-style:normal;
		}
		
		h4 {
			font-size:12px; 
			color:#981A31;
			padding:8px 12px;
			background-color:#f6f5f5;
			margin-bottom:10px;
			border-bottom:3px solid #BFBFBF;
			}


/*----------------------------------------*/


.placeholder {  /*temporary*/
	background-color:#ddd;
	color:#fff;
	height:200px;
	margin:20px 0 0 20px;
	padding:40px;
	}
	
.RightMarginImage {
	margin:30px 0 20px 20px;
	/*border-top:4px solid #dfdfdf;
	border-bottom:4px solid #dfdfdf;*/
	}



.callout1 h3 {color:#213F7E!important; margin-bottom:-4px!important;}
.callout1 p {padding:7px 0!important;}


	.callout2 h3 {color:#000!important;	}
	.callout2 ul {color:#000!important;	font-size:11px; margin:0 0 0 10px; list-style-type:disc;}
	.callout2 li {color:#000!important;	font-size:11px; margin-bottom:4px; background:none!important; padding:0!important;}
	.callout2 p {padding:7px 0!important;}


	.callout3 h3 {color:#000!important;	}
	.callout3 ul {color:#000!important;	font-size:11px; margin:0 0 0 10px; list-style-type:disc;}
	.callout3 li {color:#000!important;	font-size:11px; margin-bottom:4px; background:none!important; padding:0!important;}
	.callout3 p {padding:7px 0!important;}
	

	.callout4 h3 {color:#000!important;	}
	.callout4 ul {color:#000!important;	font-size:11px; margin:0 0 0 10px; list-style-type:disc;}
	.callout4 li {color:#000!important;	font-size:11px; margin-bottom:4px; background:none!important; padding:0!important;}
	.callout4 p {padding:7px 0!important;}
	
	.jobs {width:300px;	background-color:#DFF1FF; color:#fff; padding:13px; border-top:4px solid #A4CDEF; border-bottom:4px solid #A4CDEF;}
	.jobs h3 {color:#000!important;	}
	.jobs ul {color:#000!important;	font-size:11px; margin:0 0 0 10px; list-style-type:disc;}
	.jobs li {color:#000!important;	font-size:11px; margin-bottom:4px; background:none!important; padding:0!important;}
	.jobs p {padding:7px 0!important;}

.floatleft {float:left; margin:10px 25px 20px 0;}
.floatright {float:right; margin:10px 0 25px 20px;}


.data-table {}
	.data-table td {border-bottom:1px solid #2FAAFF; padding:4px 8px;}
	.header p {color:#213F7E!important; font-weight:bold;}
	
.webinar-table {}
	.webinar-table td {border-bottom:1px solid #ddd; padding:8px 8px;}
	.header p {color:#213F7E!important; font-weight:bold;}

.download {background-color:#EFEAD1; padding:3px 13px; margin-bottom:5px; border-right:7px solid #DFD5A7; border-left:7px solid #DFD5A7;}
	.download p {color:#000!important; font-weight:bold; padding:7px 0!important;}
	
	
#location-table td {padding:0 25px 0 0;}
	#location-table h2 {padding:0 0 5px!important; color:#084172!important;}
	#location-table p {margin:0px 0 10px!important;}
	#location-table img {border:1px solid #084172; margin:3px 0;}
	
	
.quote {color:#5a5a5a;
		font-size:12px;
		line-height:1.6em;
		padding:13px 0 7px;
		border-bottom:1px solid #555;
		}
.source {color:#666;
		font-size:11px;
		line-height:1.6em;
		padding:7px 0;
		text-align:right;
		}
	
	

	
/*==============Homepage==============*/
	
#flash {/*border-bottom:1px solid #c88b11; */margin:0 0 10px 0;}

h2.highlights {
	background:url(../images/highlights.png) left top no-repeat;
	height:21px;
	width:960px;
	text-indent:-9999px;
	border:none;
	display:block;
	margin:10px 0 0 0;
	padding:0!important;
	}


/*Gray boxes on homepage*/	
	a.hl-comp-services { width: 339px; height: 146px; float: left; background: #f6f5f5 url(../images/hl-comp-services.png) left top no-repeat; margin: 0 10px 10px 0; text-decoration: none; }
a.hl-innov-products { width: 339px; height: 146px; float: left; background: #f6f5f5 url(../images/hl-innov-products.png) left top no-repeat; margin: 0 10px 10px 0; text-decoration: none; }
a.hl-visit { width: 339px; height: 146px; float: left; background: #f6f5f5 url(../images/hl-visit.png) left top no-repeat; margin: 0 10px 10px 0; text-decoration: none; }
a.hl-learn { width: 339px; height: 146px; float: left; background: #f6f5f5 url(../images/hl-learn.png) left top no-repeat; margin: 0 10px 10px 0; text-decoration: none; }
.hl-comp-services:hover, .hl-innov-products:hover, .hl-visit:hover, .hl-learn:hover { background-position: 0 -146px; }
 

/*====================================================================
=======================  7 CONTACT FORM===============================
=====================================================================*/

.ContactForm td {padding:0 10px 7px 0;}
.ContactForm td.label {text-align:right; font-weight:bold;}
.ContactForm input, .ContactForm textarea {font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif; border:1px solid #999999; padding:5px; font-size:14px;}
.ContactForm input:focus, .ContactForm textarea:focus {border:1px solid #000;}
/*.ContactForm td span {display:block;}*/

#map-table a {font-weight:bold;}

.req {color:#981a31; font-size:14px;}
		
			
			

/*====================================================================
=======================  6 FOOTER  ==================================
=====================================================================*/

#footer-left {float:left; width:700px;}
#footer-right {float:right; width:250px; text-align:right;}
.copyright {font-size:12px; 
		color:#a8a8a8;
		line-height:inherit; text-align:right;}
.disclaimer {font-size:10px; text-align:right; width:200px; float:right;
		color:#a8a8a8;
		line-height:1.1em;
		margin-bottom:inherit;
		padding:0;
		}

p.footerlinks {font-size:12px; line-height:1.5em; margin-bottom:10px; color:#a8a8a8; padding:0;}
p.footerlinks a {text-decoration:none; color:#a8a8a8;}
p.footerlinks a:hover {color:#000;}

p.footerlinks-right {font-size:12px; line-height:1.5em; text-align:right; color:#a8a8a8; padding:0;}
p.footerlinks-right a {text-decoration:none; color:#a8a8a8;}
p.footerlinks-right a:hover {color:#000;}

p.footerlinks-languages {display:none; font-size:12px; line-height:1.5em; margin-bottom:10px; text-align:right;}
p.footerlinks-languages a {text-decoration:none; color:#a8a8a8;}
p.footerlinks-languages a:hover {color:#000;}

.clock {color:#a8a8a8; font-size:11px; background-color:#fff; font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif; margin:15px 0;}
	.clock h3 {color:#333; margin-bottom:8px; font-size:12px;}
	.clock strong {color:#666;}
	.clock ul {float:left; width:220px; margin-right:10px;}
	.clock ul li {margin-bottom:7px;}
	.clock a {color:#666; text-decoration:none;}
	.clock a:hover {color:#000;}
	/*.clock ul li span span {color:#084172}*/

.footer-header {color:#333333}