/* StreamEngine CSS Document */
/*************** main tags ****************/
body {
	margin:0px;
	padding:0px;
	background-color:#cc0001;
	background-image: url(../images/bkgrd_stripe.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
	color:#000000;
	text-align:center;
	}

a {	
	color:#EC0E0E;
	text-decoration:none;
	}
a:hover {
	color:#EC0E0E;/*Red*/
	text-decoration:underline;
	}
table {
	font-size:100%;
	}
h1 {
	font-family:vistaSansRegular, Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:26px;
	/*font-size:36px;*/
	line-height:36px;
	padding:0;
	margin:0;
	/*height:36px;*/
	}
h2 { 
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 160%;
	 font-weight:normal;
	 color:#77787b;
	 /*color:#666666;*/
	 padding:0px;
	/* padding: 20px 10px 10px 30px;*/
	 margin:0px;
	}	
h3{
	color:#99CCFF;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size:150%;*/
	font-size:120%;
	font-weight:lighter;
	height:20px;
	padding:0;
	margin:0;
}
#header h3 a{
	color:#99CCFF;
	text-decoration:none;
}
#header h3 a:hover{
	color:#99CCFF;
	text-decoration:underline;
}
a.bullet{
	background-image:url(../images/bullets/blue_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 7px;
	padding-left: 34px;
	margin-left:8px; 
}

h4 { color:#111111;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	 font-size:16px;
	 padding:0;
	 margin:0;
	}
	
img {
	border:0;
}	
h5{
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	/* Trebuchet MS,*/
	font-size:18px;
	line-height: 22px;
	padding:0;
	margin:0;
}

/********************** common layout ************************/
#wrapper {
	margin: 0px auto;
	text-align:left;
	width:990px;
	}
#header_wrapper{
	width:990px;
	background-image:url(../images/header_bkgrd.gif);
	background-repeat:repeat-y;
}
#main_wrapper{
   background-image:url(../images/main_bkgrd.gif);
   background-repeat:repeat-y;
   background-color:#CC0001;
   padding-bottom:20px;
}	

#content_wrapper{
	background-image:url(../images/ltside_top.gif);
	background-repeat:repeat-x;
	float:left;
}

#header{
	width:990px;
	height:98px;
	background:url(../images/header.gif) no-repeat;
	color:#999999;
}	

#far_left{
	width:36px;
	height:300px;
	float:left;
}

#menu{
	width:294px;
	float:left;
}
#alt_menu{ /* for menu with graphics*/
	width:294px;
	float:left;
}

#stripe{
	width:1px;
	background-color:#C6C6C6;
	background-image:url(../images/stripe.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding: 387px 0px 0px 0px;
	float:left;
}

#content{
	margin:0;
	width:622px;
	background-image:url(../images/viewer_background.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
}
#content_alt{
	margin:0;
	width:622px;
	background-image:url(../images/alt_bkgrd.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
}

#bottom{
	width:990px;
	height:60px;
	background-image:url(../images/main_bottom.gif);
	background-repeat:no-repeat;
}

#media{
/* height:407px;*/
 color:#FFFFFF;
}
#media_alt{
 /* height:84px; */
 color:#FFFFFF;
}

#content_area{
	background-image:url(../images/rtside_bottom.gif);
	background-repeat:repeat-x;
	background-color:#E0E0E0;
	text-align:center;
	width:622px;
	margin:0;
	border-bottom:1px solid #E0E0E0;/*don't know why this works*/
}

#content_area_inside{
	width:562px;
	/*margin: 0 auto;*/
	margin: 30px auto 10px auto;
	text-align:left;
	font-size:120%;
	line-height:150%;
}
/********************* common **************************/
.clear {clear:both;}
.left {float:left;margin:0;padding:0;}
.inline{display:inline;}
.right {float:right;margin:0;padding:0;}
.none {display:none;}
.hidden {visibility:hidden;}
.block {display:block}
.blue {color:#0067c5;}
.red {color:#bd1818;/*RED*/}

/********************* Header **************************/
#header a{
	color:#999999;
	text-decoration:underline;
}
#header a:hover{
	color:#ec0e0e;
	text-decoration:underline;
}
#header div.logo_treatment a{
	text-decoration:none;
}
#header div.logo_treatment a:hover{
	text-decoration:none;
}

div.logo_treatment{
	float:left;
	/*width:360px;*/
	width:357px;
	height:84px;
}

div.logo_treatment p{
	margin:0;
	padding:55px 0 0 0;
	font-weight:bold;
}

div.logo_treatment img{
	float:left;
	margin:10px 13px 0 15px;
}

div.corporate{
	float:right;
	padding:0;
	margin-top:12px;
    margin-bottom:11px;
}
div.corporate p{
	margin:0;
	padding:16px 10px 0 0;
	float:left;
}
div.corporate img{
	float:left;
	padding:0 3px 0 5px;
}
#page_title{
	float:left;
	margin:0;
	padding:0;
	width:600px;
}
div.h3_padding{
	float:left;
	padding: 5px 10px 0 0;
	height:20px;
}
/********************* END Header **************************/
/********************* Start Menu **************************/
.nav_padding {
	margin:0;
	padding:7px 0px 5px 15px;
	}	
#menu h4 a{ 
	 color:#111111;
	 text-decoration:none;
	 background-image:url(../images/bullets/lg_bullet_up.gif);
	 background-repeat:no-repeat;
	 background-position:0px;
	 padding-left:20px;
	}
#menu h4 a:hover{ 
     color:#ee2d2f;
	 text-decoration:underline;
	 background-image:url(../images/bullets/lg_bullet_over.gif);
	 background-repeat:no-repeat;
	 background-position:0px;
	 padding-left:20px;
	}

div.selected{
	 color:#77787b;
	 font-family:Arial, Helvetica, sans-serif;
     font-size:140%;
	 font-weight:bold;
	 background-image:url(../images/bullets/lg_bullet_over.gif);
	 background-repeat:no-repeat;
	 background-position:0px 3px;
	 padding-left:20px;
}	

div.selected a{
	color:#77787b;
}
div.selected a:hover{
	color:#ee2d2f;
	text-decoration:underline;
}


#menu p.line{
	padding:5px 25px 13px 20px;
	margin:0 0 0 15px;
	background-image:url(../images/dotted_line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	line-height:160%;
}

#menu div.line{
	height:1px;
	padding:5px 25px 2px 20px;
	margin:0 0 0 34px;
	background-image:url(../images/dotted_line.gif);
	background-repeat:no-repeat;
	background-position:left;
}	

#menu p{
	padding:5px 25px 13px 20px;
	margin:0 0 0 15px;
	line-height:160%;
}


#menu a.more{
	 margin: 0;
	 padding:2px 0 2px 23px;
	 background-image:url(../images/buttons/btn_more.gif);
	 background-repeat:no-repeat;
	 background-position:left;
	 width:20px;
	 text-decoration: none;
}

#menu a.more:hover{
	 margin: 0;
	 padding:2px 0 2px 23px;
	 background-image:url(../images/buttons/btn_more_over.gif);
	 background-repeat:no-repeat;
	 background-position:left;
	 width:20px;
	 text-decoration: none;	 
}

span.more_container{
	margin-top:3px;
}

div.submenu{
	padding:0 30px 15px 48px;
	margin:0;
}

#content_area_inside div.submenu{
	padding:0 30px 15px 10px;
	margin:0;
}

div.submenu div.subselected_nolink{
	color:#EC0E0E;
	background-image:url(../images/bullets/sm_bullet_selected.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 15px;
}

div.submenu div.subselected a{
	color:#EC0E0E;
	background-image:url(../images/bullets/sm_bullet_selected.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 15px;
}

div.submenu div.subselected a:hover{
	color:#EC0E0E;
	background-image:url(../images/bullets/sm_bullet_selected.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 15px;
	text-decoration:underline;
}


div.submenu a{
	color:#000000;
	background-image:url(../images/bullets/sm_bullet.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 15px;
}
div.submenu a:hover{
	color:#EC0E0E;
	text-decoration:none;
	background-image:url(../images/bullets/sm_bullet_selected.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
}


div.add{
	text-align:center;
	padding:30px 10px;
}

/********************* Media **************************/
div.h1_padding{
 margin: 0 15px 0 25px;
}

div.h1_padding_lower{
 margin: 0 15px 25px 25px;
}

div.media_placement{
 text-align:center;
 margin-top:6px;
}

/********************* content_area **************************/
#content_area_inside p{
	margin:0;
	padding: 8px 0 15px 0;
}

#content_area_inside div.title{
	font-size:130%;
	padding:0;
	
	/*font-weight:bold;*/
	color:#77787b;

}

#content_area_inside div.title a{
	color:#3e9bda;
	text-decoration:underline;
}

#content_area_inside div.title a:hover{
	color:#EC0E0E;
}


/******************** header page ********************/
#content_area_inside div.text_block_right{
	width:281px;
	font-size:95%;
	line-height:140%;
	float:right;
}

#content_area_inside div.text_block{
	width:281px;
	font-size:95%;
	line-height:140%;
	float:left;
}

p.text_block{
	padding:0;
	margin:0;
	width:250px;

}

div.title_block{
	height:38px;
	width:270px;
	padding:0;
	margin:0;
}

div.text_block a.more, div.text_block_wide a.more{
	 margin: 0;
	 padding:0 0 1px 23px;
	 background-image:url(../images/buttons/btn_more.gif);
	 background-repeat:no-repeat;
	 background-position:left;
	 width:20px;
	 text-decoration:none;
}

div.text_block a.more:hover, div.text_block_wide a.more:hover{
	 margin: 0;
	 padding:0 0 1px 23px;
	 background-image:url(../images/buttons/btn_more_over.gif);
	 background-repeat:no-repeat;
	 background-position:left;
	 width:20px;
	 text-decoration:none;	  
}

div.text_block_right a.more{
	 margin: 0;
	 padding:0 0 1px 23px;
	 background-image:url(../images/buttons/btn_more.gif);
	 background-repeat:no-repeat;
	 background-position:left;
	 width:20px;
	 text-decoration:none;
}

div.text_block_right a.more:hover{
	 margin: 0;
	 padding:0 0 1px 23px;
	 background-image:url(../images/buttons/btn_more_over.gif);
	 background-repeat:no-repeat;
	 background-position:left;
	 width:20px;
	 text-decoration:none;
}


#gaming a{
	height:38px;
	background-image:url(../images/buttons/header_onlinegaming.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
}
#gaming a:hover{
	height:38px;
	background-image:url(../images/buttons/header_onlinegaming_over.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;	
}

#voice a{
	height:38px;
	background-image:url(../images/buttons/header_voice_over_ip.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;	
}
#voice a:hover{
	height:38px;
	background-image:url(../images/buttons/header_voice_over_ip_over.gif);
	background-repeat:no-repeat;
	display:block;
}

#video a{
	height:38px;
	background-image:url(../images/buttons/header_stream_video.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;	
}
#video a:hover{
	height:38px;
	background-image:url(../images/buttons/header_stream_video_over.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;	
}

#file a{
	height:38px;
	background-image:url(../images/buttons/header_filing_sharing.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;	
}
#file a:hover{
	height:38px;
	background-image:url(../images/buttons/header_filing_sharing_over.gif);
	background-repeat:no-repeat;
	display:block;
}

#lag a{
	height:38px;
	background-image:url(../images/buttons/header_understand_lag.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;	
}
#lag a:hover{
	height:38px;
	background-image:url(../images/buttons/header_understand_lag_over.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;	
}
/* NEW 10/12/2007 */
#playability a{
	height:38px;
	background-image:url(../images/buttons/header_playability.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;	
}
#playability a:hover{
	height:38px;
	background-image:url(../images/buttons/header_playability_over.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;	
}
#mean_opinion a{
	height:38px;
	background-image:url(../images/buttons/header_mean_opinion.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;	
}
#mean_opinion a:hover{
	height:38px;
	background-image:url(../images/buttons/header_mean_opinion_over.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;	
}
/********************* Inquiries page **************************/
#content_area_inside div.info_block{
	width:281px;
	padding-bottom:45px;
	font-size:95%;
	line-height:140%;
}

div.info_title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:140%;
	/*font-weight:bold;*/
	color:#77787b;
	padding-top:0px;
	padding-bottom:10px;
}

#content_area_inside div.info_block div.label{ 
	float:left;
	width:60px;
	font-weight:lighter;
	color:#666666;
	text-align:left;
}
#content_area_inside div.info_block div.info{
	width:175px;
	float:left;
}

#content_area_inside div.info_block div.info a{
	color:#000000;
	text-decoration:underline;
}
#content_area_inside div.info_block div.info a:hover{
	color:#EC0E0E;
	text-decoration:none;
}
#content_area_inside div.info_block div.info_address{
	float:left;
	padding-bottom:10px;
}
/********************* end Inquiries page **************************/
/*** what people are saying ***/
#content_area_inside p.testimonial{
	padding:1px 0 20px 0;
	line-height: 130%;
	font-size: 100%;
}

#main_quote {
	float:left;
	width:150px;
	color:#999999;
	padding-top:30px;
	padding-right:10px;	
	word-wrap: break-word;
	}

#main_quote div.sig{
	float:right;
	padding-right: 20px;
	}

#quote_list{
	width:400px;
	float:right;
}

#quote_list div.sig{
	font-size:90%;
}
div.quote_h2 {
	padding: 0 0 10px 0;
}

div.quote_h2_lower {
	padding: 20px 0 10px 0;
}
div.quote_line{
	height:1px;
	padding:0;
	margin-top:5px;
	background-image:url(../images/dotted_line.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/**************  end people are saying    *****************/

.h2_padding{
	padding: 10px 0 0 0;
}
/* WE NEED A BACK BUTTON THAT IS GREYED OUT ON THE FIRST OF THE SERRIES, AND THE NEXT BUTTON IS GREYED OUT ON THE LAST PAGE OF THE SERIES */
div.next_nav{
	background-color:#E0E0E0 !important;
	}
/* WE NEED A BACK BUTTON THAT IS GREYED OUT ON THE FIRST OF THE SERRIES, AND THE NEXT BUTTON IS GREYED OUT ON THE LAST PAGE OF THE SERIES */	
div.next_nav_top{
	padding: 0;
	}	

div.next_nav div.back_btn{
	width:66px;
	height:40px;
	background-image:url(../images/buttons/btn_back_grey.gif);
	background-repeat:no-repeat;
	background-color:#E0E0E0;
	display:block;
	float:left;
} 

div.next_nav div.back_btn a{
	width:66px;
	height:40px;
	background-image:url(../images/buttons/btn_back.gif);
	background-repeat:no-repeat;
	background-color:#E0E0E0;
	display:block;
	float:left;
	text-decoration:none;
}

div.next_nav div.back_btn a:hover{
	width:66px;
	height:40px;
	background-image:url(../images/buttons/btn_back_over.gif);
	background-repeat:no-repeat;
	background-color:#E0E0E0;
	display:block;
	float:left;
	text-decoration:none;
}

div.next_nav div.indicator{
	color:#77787b;
	/*color:#666666;*/
	float:left;
	font-size:150%;
	font-weight:lighter;
	padding: 6px 20px 0 20px;
	margin: 0;
	background-color:#E0E0E0;
	height:40px;
}
div.next_nav_top  div.indicator{
	color:#77787b;
	float:left;
	font-size:150%;
	font-weight:lighter;
	padding: 6px 20px 0 20px;
}

div.next_nav div.next_btn{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_next_grey.gif);
	background-repeat:no-repeat;
	background-color:#E0E0E0;
	display:block;
	float:left;
}
div.next_nav div.next_btn a{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_next.gif);
	background-repeat:no-repeat;
	background-color:#E0E0E0;
	display:block;
	float:left;
	text-decoration:none;	
}

div.next_nav div.next_btn a:hover{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_next_over.gif);
	background-repeat:no-repeat;
	background-color:#E0E0E0;
	display:block;
	float:left;
	text-decoration:none;	
}

div.next_nav div.next_btn_end{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_return.gif);
	background-repeat:no-repeat;
	background-color:#E0E0E0;
	display:block;
	float:left;
}
div.next_nav div.next_btn_end a{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_return.gif);
	background-repeat:no-repeat;
	background-color:#E0E0E0;
	display:block;
	float:left;
	text-decoration:none;	
}

div.next_nav div.next_btn_end a:hover{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_return_over.gif);
	background-repeat:no-repeat;
	background-color:#E0E0E0;
	display:block;
	float:left;
	text-decoration:none;	
}
/************************ top buttons ********************/

div.next_btn_top{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_next_grey_top.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
}
div.next_btn_top a{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_next_top.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	text-decoration:none;	
}

div.next_btn_top a:hover{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_return_over_top.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	text-decoration:none;	
}
div.next_btn_top_end{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_return.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
}
div.next_btn_top_end a{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_return.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	text-decoration:none;	
}

div.next_btn_top_end a:hover{
	width:84px;
	height:40px;
	background-image:url(../images/buttons/btn_return_over.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	text-decoration:none;	
}
div.back_btn_top{
	width:66px;
	height:40px;
	background-image:url(../images/buttons/btn_back_grey_top.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
}
div.back_btn_top a{
	width:66px;
	height:40px;
	background-image:url(../images/buttons/btn_back_top.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	text-decoration:none;	
}

div.back_btn_top a:hover{
	width:66px;
	height:40px;
	background-image:url(../images/buttons/btn_back_over_top.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	text-decoration:none;	
}
div.pull_down{
	float:right;
}

div.pull_down select{
	padding:0;
	margin:0;
}
/********************* Footer **************************/
#bottom a{
	color:#000000;
	text-decoration:underline;
}
#bottom a:hover{
	color:#000000;
	text-decoration:none;
}
div.footer_text{
	padding: 20px 60px;
}

/********************* Alt_menu (IMAGES)**************************/
/**** The problems with Media *****/
#the_problems{
	background-image:url(../images/menu/the_problems_selected.gif);
	background-repeat:no-repeat;
	height:21px;
	margin: 10px 5px 3px 15px;
}

#the_problems a{
	background-image:url(../images/menu/the_problems.gif);
	background-repeat:no-repeat;
	height:21px;
	display:block;
}
#the_problems a:hover{
	background-image:url(../images/menu/the_problems_over.gif);
	background-repeat:no-repeat;
	height:21px;
	display:block;
	
}
/**** How StreamEngin Works *****/
#how_SEngine{
	background-image:url(../images/menu/how_stream_engine_selected.gif);
	background-repeat:no-repeat;
	height:21px;
	margin: 5px 5px 3px 15px;
}

#how_SEngine a{
	background-image:url(../images/menu/how_stream_engine.gif);
	background-repeat:no-repeat;
	height:21px;
	display:block;
}
#how_SEngine a:hover{
	background-image:url(../images/menu/how_stream_engine_over.gif);
	background-repeat:no-repeat;
	height:21px;
	display:block;
	
}
/******* Test Your Network ********/
#test_network{
	background-image:url(../images/menu/test_your_network_selected.gif);
	background-repeat:no-repeat;
	height:21px;
	margin: 5px 5px 3px 15px;
}

#test_network a{
	background-image:url(../images/menu/test_your_network.gif);
	background-repeat:no-repeat;
	height:21px;
	display:block;
}
#test_network a:hover{
	background-image:url(../images/menu/test_your_network_over.gif);
	background-repeat:no-repeat;
	height:21px;
	display:block;
	
}
/******* Find Products ********/
#find_products{
	background-image:url(../images/menu/find_products_selected.gif);
	background-repeat:no-repeat;
	height:21px;
	margin: 5px 5px 3px 15px;
}

#find_products a{
	background-image:url(../images/menu/find_products.gif);
	background-repeat:no-repeat;
	height:21px;
	display:block;
}
#find_products a:hover{
	background-image:url(../images/menu/find_products_over.gif);
	background-repeat:no-repeat;
	height:21px;
	display:block;
	
}
/******* Inquiries ********/
#inquiries{
	background-image:url(../images/menu/inquiries_selected.gif);
	background-repeat:no-repeat;
	height:21px;
	margin: 5px 5px 3px 15px;
}

#inquiries a{
	background-image:url(../images/menu/inquiries.gif);
	background-repeat:no-repeat;
	height:21px;
	display:block;
}
#inquiries a:hover{
	background-image:url(../images/menu/inquiries_over.gif);
	background-repeat:no-repeat;
	height:21px;
	display:block;
	
}
#alt_menu div.line{
	height:1px;
	padding:5px 25px 0 20px;
	margin:0 0 0 34px;
	background-image:url(../images/dotted_line.gif);
	background-repeat:no-repeat;
	background-position:left;
}
/* NEW 10/15/2007 */
.black {color:#000;}
div.divider {
	height:1px;
	clear:both;
	background-color:#ccc;
	color:#ce4d35;
	border-top:1px solid #ccc;
	margin:20px 0;
	width:100%;
	}

