img {border: none; }

html, body { margin:0; padding:0;}
body { 
	margin:0px; 
	padding:0px; 
	color:#333333; 
	font-family: arial, sans-serif; 
	font-size: 12px;
	background: #CCCCCC url('/images/background-image.jpg') repeat-y center;
}

h3{
	padding-left:5px;
	font-size:16px;
   	font-weight:bold;
   	color:#021d60;  /** DARK BLUE */
	padding-top:0px;
	padding-bottom:0px;
}
a { text-decoration:none; outline: none; }
a:link{ color:#000000; }
a:visited{ color:#000000; }
a:hover{ color:#000000; text-decoration:underline;}

div#container { 
	width:960px; 
	height: 100%;
	margin:0 auto; 
	text-align:left; 
	background-color:#FFFFFF; 
	border: 10px solid white;
	position:relative; 
	padding-bottom:0px;
clear: both;
	
}
div#header { height:91px;}
div#header_logo{ height:91px; /*width:280px;*/width:280px; background:#F38514;float:left; padding:0px; }
div#header_image{ height:91px; width:680px; float:left; padding:0px;}

.navigation_bar{ 
	height:25px; 
	margin:0px auto; 
	position:relative; 
	background-color:#FFFFFF;
	color:#000000;
}

div#slider_container{ 
	height:360px; 
	position:relative;
}

div#latest_news { 
   border-top: 1px solid #021d60;
   border-bottom: 1px solid #021d60;
	height:15px; 
	width:940px; 
	padding-top: 12px; 
	padding-bottom: 16px; 
	padding-left: 10px; 
	font-size:16px; 
	position:relative; 
	float: none;
   background-color: #DDDDDD;
}

div#latest_news_title { 
	float: left; 
	width:100px; 
	position:relative; 
   font-size:14px;
	color: #021d60; 
   padding-top: 2px;
}

div#latest_news_item { 
	float: left; 
	width:800px; 
	position:relative; 
	font-size:14px;
	padding-top: 2px;
}
#latest_news_item b {  color:#021D60; }
#latest_news_item a:link {  color:#021D60; }
#latest_news_item a:visited { color:#021D60; }


ul.menu_navigation{ 
	margin:0px; 
}	

li.menu_navigation{
	float:left;
    list-style-type:none;
    width:130px;
    font-size:14px;
    text-align:center;
    padding-top:3px; 
	background-color: white;
	margin-top: 2px;
	border-right: 1px solid #999999;
	border-left: 1px solid white;
}

ul.menu_navigation-selected{ 
	margin:0px; 
}	

li.menu_navigation-selected{
	float:left;
    list-style-type:none;
    width:130px;
    font-size:14px;
    font-weight: thicker;
    text-align:center;
    padding-top:5px;
	padding-bottom:3px;
	background-color: #F2F2F2;
	border-right: 1px solid #999999;
	border-left: 1px solid #F2F2F2;
}

.navigation_bar a:link { color:#333333;font-wight:bold; }
.navigation_bar a:visited  { color:#333333; font-wight:bold; }
.navigation_bar a:hover { 
	color:#000000; 
	font-wight:bold; 
	text-decoration:none; 
}
.navigation_bar a:active { color:#333333; font-wight:bold;  }


div#menu_slogan{ font-size:16px; color:#111111; float:right; padding-top:3px;}

div#slider_banner { 
	height:360px; 
	width:280px; 
	background-image:url("../images/xpressconnect_blob.jpg"); float:left;
	text-align: right;
}

div#banner_buttons {
    padding-right: 5px; 
    padding-top: 330px;
}

div#image_slider{ 
	height:360px; 
	width:660px; 
	float:right;
	/** NOTE: This is intentionally a bit lighter than the other lines (999999).  Something about it makes it seem darker. */ 
	border: 1px solid #AAAAAA;
}

.slider_banner_text{
	font-size:18px;
	padding:2px;
	font-family:"Ariel Narrow",ariel;
	list-style-image:url('../images/sphere-image10.gif');
}

#image_slider IMG {
    position:relative;
    z-index:8;
}

#image_slider IMG.active {
    z-index:10;
}

#image_slider IMG.last-active {
    z-index:9;
}

div#content_group {
  height:280px; 
  width:960px; 
  padding:0px;
  padding-top: 15px;
  position:relative;
  float: none;
}

.content_header { 
  height:15px; 
  width:960px; 
  margin:0px auto; 
  padding:2px; 
  padding-top:5px; 
  position:relative;
}

.content_header_item{
	height:80px;
	width:308px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	position:relative;
	color:#021d60; /** DARK BLUE */
}

.content_header_title {
	font-size:16px;
   	font-weight:bold;
   	color:#021d60;
	padding-top:10px;
	padding-bottom:0px;
	line-height: 24px;
}

.event_title{
	height:25px;
   width:308px;
   text-align:left;
   float:left;
   font-size:14px;
   font-weight:bold;
   color:#021d60;
	
}


.content_cell {
  width:305px;
  height: 275px;
  position:relative;
  background:#FFFFFF;
  float:left;
}

.content_cell a:link {  color:#021D60; }
.content_cell a:visited { color:#021D60; }

.content_row_wide{
	height:195px;
	width:940px;
	padding-left:10px;
}
.content_cell_wide{
	height:190px;
	width:440px;
	padding:10px;
	float:left;
}
.content_spacer{
	height:280px;
	width:6px;
	float:left;
	position:relative;
	padding-left: 5px;
	padding-right: 5px;
}

.horizontal_line{
	height:1px;
	width:960px;
	background:#999999;
}

.content_horizontal_space{
	height:2px;
	width:960px;
}

.content_text{
	position:relative;
	font-size:13px;
	padding-left:10px;
	padding-right:10px;
	line-height: 20px;
}

.content_more{
	//position:relative;
	position:absolute;
	right: 0px;
	bottom: 0px;
    text-align:right;
	height:20px;
	font-size:14px;
	font-style: bold;
	color:#021D60;
	padding-top: 20px;
	padding-right: 10px;
}

.content_more a { text-decoration:none; }
.content_more a:link{ color:#021D60; }
.content_more a:visited{ color:#021D60; }
.content_more a:hover{ color:#021D60; text-decoration:underline;}


.content_text_wide{
	position:relative;
	top:10px;
	font-size:14px;
}

.content_spacer_first{
	height:280px;
	width:3px;
}
.content_list{
	margin-left:5px;
	list-style-image:url('../images/sphere-image10.gif');
	padding-top:0px;
	padding-bottom:0px;
	font-size:14px;
}

.event_wrapper{
	width:310px; 
	padding:0px;
	height:35px;
	border-color:#222222;
	float:left;
}
.event_date{ 
   position:relative;
   width:60px;
	vertical-align:top;
	font-size:12px;
	color:#021d60;
}
.event_desc{
	position:relative;
	width:200px;
	left:70px;
	white-space:pre-line;
	text-align:left;
}

div#footer{
	width: 100%;
	background:#FFFFFF;
	background-color:#FFFFFF; 
	clear: both; 
	height: 100px;
}

div#footer-copyright{
	width:550px;
	font-size: 9px;
	color:#666666;
	float:left;
	padding:20px;
}
	
div#footer-copyright a {
	color:#666666;
}

div#footer-links{
	color:#666666;
	float:right;
	text-align: right;
	padding-top:20px;
	padding-right:80px;
}

div#footer-links a {
	color:#666666;
}






.support-tbl{
	font-size:14px;text-align:right;color:#000000;
}

li.product-menu{
	float:left;
    list-style-type:none;
    width:160px;
    font-size:16px;
	height:25px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left: 15px;
	margin:0px;
	border-right: .5px solid #666666;
}

li.product-menu-selected{
	float:left;
    list-style-type:none;
    width:160px;
    font-size:16px;
	height:25px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left: 15px;
	margin:0px;
	border-right: 0px solid #666666;
	border-left: .5px solid #666666;
	border-top: .5px solid #666666;
	border-bottom: .5px solid #666666;
}

li.product-menu a{
	color:#666666;
}

li.product-menu a:hover{
	color:#F38514; /** ORANGE */
	text-decoration:none;
}

li.product-menu a:link a:visited{
	color:#666666;
}

li.product-menu-selected a{
	color:#F38514;
}

li.product-menu-selected a:hover{
	color:#F38514;
	text-decoration:none;
}

li.product-menu-selected a:link a:visited{
	color:#F38514;
}

.products-text
{
	line-height: 17px; 
	text-decoration: none;
}

.black {
  color: #000000; 
}

.products-bullet
{
  font-family: arial, verdana, helvetica; 
  font-size: 12px; 
  color:#333333; 
  line-height: 17px; 
  padding-left: 20px;
  padding-top: 10px;
}

.products-title
{
	font-size: 13px; 
	color:#000000; 
	line-height: 16px; 
	font-weight: bold;
	padding-bottom: 10px;
}

.products-subtitle
{
	color:#000000; 
	line-height: 16px; 
	font-weight: bold;
	padding-bottom: 5px;
}
.video-container {
	border-top: 2px solid;
	padding:10px;
}
.video-title{
	font-size="18px;"
	height:200px;
	width:300px;
	float:left;
	position:relative;
	top:300px;
}
.video-description{
	font-size:14px;
	width:200px;
	float:left;
}
.video {
	padding:5px;
	float:left;
	height:220px;
	width:250px;
	border:1px solid;
}

.products-link a {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

.products-link a:hover {
  color: #666666;
  text-decoration:underline;
}
.customer{ height:16px;
		width:410px;
		float:left;
		position:relative;
		left:20px;
		padding-left:10px;
		padding-top:5px;
		font-size:14px; 
}

.customer-quote{
	font-size:14px;
	position:relative;
	padding-left: 40px;
	border: 1px solid red;
}

.customers-subtitle{
	font-size:16px;
	color:#021D60;
	padding-top: 20px;
	padding-bottom: 10px;
	float: left;
}

div#video-text{
	font-size:18px;
	padding:8px;
}
.video-library{
	font-size:16px;
	width:350px;
	height:90px;

}

#product-container {
  float: right;
  width: 730px; 
  padding-left: 10px;
  padding-right: 10px; 
}

.video-lib{
	color:#333333;
	float:left;
    width:200px;
    font-size:18px;
    font-family: arial;
	height:25px;
	margin:0px;
	padding-bottom:2px;
}
.case-study-about{
	height:270px;
	width:220px;
	border: 1px solid;
	float:right;
	right:-10px;
	font-size:14px;
	padding-left:5px;
}
.case-study-abstract{
	width:450px;
}
.case-study-desc{
	font-size:14px;
	
	
}
.case-study-intro{
	font-size:16px;
}


.spacer {
    float: left;
}



/*  company.php */
div#company-logo {
	position:relative;
	float: left;
	padding-top: 60px;
	padding-left: 10px;
}

div#company-container {
	position:relative;
	width:680px;
	float: right;
	padding-left: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
}

.company-contact-label {
    text-align: right; 
    width: 130px; 
    float: left
}

.company-contact-text {
	width: 535px; 
	text-align: left; 
	float: right; 
}


.dark-grey {
	color:#333333; 
}



.customers-bullet
{
  font-family: arial, verdana, helvetica; 
  font-size: 11px; 
  color:#333333; 
  line-height: 15px; 
  padding-left: 20px;
  padding-top: 10px;
}

.customers-link a {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

.customers-link a:hover {
  color: #666666;
}


.customers-small {
	font-family: arial, verdana, helvetica; 
	font-size: 11px; 
	color:#999999; 
	line-height: 15px; 
}

div#nologo-container {
	position:relative;
	padding-left: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
}

.page-title {
	font-size:18px;
   	font-weight:bold;
   	color:#333333;
   	padding-top: 20px;
   	padding-bottom: 20px;  
}

.page-subtitle {
	font-size:14px;
        font-style:italic;
   	color:#333333;
   	padding-top: 0px;
   	padding-bottom: 10px;  
}

.link {
  text-decoration:underline;
}

.tm {
  position: relative;
  top: -0.5em;
  font-size: 50%;
}