@CHARSET "UTF-8";

<!--

* {margin:0;padding:0;} 

html {height: 100%;}

body {
   background-color: #FFFFFF;
   font-family:  Arial;
   font-size: 11px;
   color: #656565;
   /*background-image: url(../images/bg.jpg);
   background-repeat: repeat-x;*/
   /*height: 100%;*/
   line-height: 16px;
   min-width:994px;
   /* required for centering in IE */
   text-align: center;
   font-family:  sans serif,arial, helvetica, verdana; 
   font-size: 8pt;		

}

#wrap {
	width: 994px; /*min-height: 100%*/; margin: 0 auto;
	text-align:left; /* this is required for page centering, in conjunction with text-align:center in body class */

}

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}

#clientLogo {float: left; width: 434px; border: none ; background-image: url(../images/openstream_logo.jpg);background-repeat: no-repeat;height: 90px;     }

.globalNav { padding: 0px 0px 0px 0; width: 994px; margin: 0 ; border: none; }
.globalNav ul{ list-style: none; margin: 10px 0 0 0; padding: 0; font: 10px/14px Arial,Helvetica,sans-serif; float: right; }
.globalNav ul li{ float: left; margin: 0 8px 0 0; padding: 0 0px 0 8px; }
.globalNav ul li.nomar{ margin-right: 0; }
.globalNav ul li a{ background: transparent; color: navy; display: block; float: left; font: normal 12px arial,sans-serif; height: 24px; text-decoration: none; outline: none; }
.globalNav ul li a:hover{ text-decoration: underline; }

/* Header Styles Begin */ 

#header {
	/*background-color: navy;
	margin:0px auto;
	z-index:100;
	position:relative;
	left:-28px;
	padding: 0 45px 0 0;
	*/
	z-index:20;
	position:relative;
	text-align: left;
	height: 60px;
	width: 994px; 
	clear:both;
	background:url("../images/header_mid.png") repeat-x ;
	
}


ul.child{
	display: none;
	width:145px;
	position:absolute;
	z-index: 25;	
	/*
	_position:relative;
	_z-index:700;
	_background:url(none);	*/
	background: navy;	/*#B0CCDB;*/
}


 ul.child li{
	border-bottom:1px solid white; /* #222*/
	border-top:0px;
	margin:0;
	min-width:145px; 
        width:100%;
	background-image:none;
}

ul.child li a{
	text-align:left;
	padding:0px 5px 0px 5px;
	/*background:url(images/submenu_bg.png);*/
        color:navy;
        background-color:navy;	/*#B0CCDB;*/
}



a.active{
	font-weight:normal;
}

/* Header Styles End */ 


#product {
   background-image: url(../images/cueme_bg2.jpg);
   background-repeat: repeat-x;
   width:900px;
   clear:both;
    min-height: 198px;
    display: table-cell;
    vertical-align: middle;	
}
#solution {
   background-image: url(../images/mf1_bg.jpg);
   background-repeat: repeat-x;
   width:900px;
   clear:both;
   display: block;
}
#main_content {
   background-color: #FFFFFF;
   font-family:  Arial;
   font-size: 11px;
   color: #656565;
   /*background-image: url(../images/cueme_bg1.jpg);
   background-repeat: repeat-x;*/
   width:994px;
   border: none;
   padding-top:15px;
   
}
div.cueme_content_heading
{
	/*color: #1878c0;*/
	color: white;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
}
div.cueme_content
{
	color: white;
	font-size: 14px;
	font-weight:bold;
	text-align: left;
    display: table-cell;
    /*horizontal-align: center;	*/
}
#product ul
{
margin-left: 5px;
padding-left: 0;
list-style: none;
}

#product ul li
{
margin:5px;
padding: 5px 0px 5px 25px;
/*background-image: url(../images/os_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;*/
}


div.mf1_content_heading
{
	color: black;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	/*height:198px;*/
}
div.mf1_content
{
	color: black;
	font-size: 14px;
	font-weight:bold;
	text-align: left;
    display: table-cell;
    horizontal-align: center;	
}

#solution ul
{
margin-left: 5px;
padding-left: 0;
list-style: none;
}

#solution ul li
{
margin:5px;
padding: 5px 0px 2px 25px;
/*background-image: url(../images/os_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;*/
}

ul
{
  
  padding-left: 0;
  list-style: none;
}

ul li
{
padding: 5px;
}


a
{
text-decoration: none;
		font-family: Arial; 
		font-size: 12px; 
		color:#4B6692; 
}
	
.buttonstyle 
{
	
   color:black;
   font-family:Verdana, helvetica,sans-serif;
   font-size:14px; 
   font-weight:bold; 
   /*background-color:#666600;*/
   background-color:#a8c018;
   border:0px solid;
   cursor:pointer;
   padding:5px;

}

.buttonstyle:hover
{
	
   font-family:Verdana, helvetica,sans-serif;
   font-size:14px; 
   font-weight:bold; 
   /*background-color:#666600;*/
   color:#a8c018;
   background-color:#1878c0;
   border:0px solid;
   cursor:pointer;

}
div.content_heading
{
	color: white;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	background-color: #1878C0;
	padding-top:0px;
	padding-bottom:3px;
	padding-left: 10px;
}

.content_heading a { text-decoration:none; font: bold 15px arial,helvetica,sans-serif; color: #fff; margin: 0; padding: 0 ;}

#newsbox
{
  float:left;
  width: 326px;
  text-align:left;
  border: 1px solid #1878C0;
  height:126px;
  margin-right: 14px;
  overflow:auto;
  font-size:small;
}
#newsbox ul li a{ text-decoration:none; font: normal 12px arial,helvetica,sans-serif;  margin: 0; padding: 0 ;}

#eventsbox
{
  float:left;
  width: 364px;
  text-align:left;
  border: 1px solid #1878C0;
  height:126px;
  margin-right: 14px;
  overflow:auto;
  font-size:small;
}

#partnersbox
{
  float:left;
  width: 270px;
  text-align:left;
  border: 1px solid #1878C0;
  height:126px;
  overflow:auto;
  font-size:small;
}
#partnersbox ul li a{ text-decoration:none; font: normal 12px arial,helvetica,sans-serif;  margin: 0; padding: 0 ;}


#footer {
	margin: 0 auto;
	height: 30px;
	clear:both;
	padding: 15px;
   background-color: #fff;
   border: none;
   color: #5E6D7A;
   text-align: center;
   width: 994px;

} 
.copyright {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #5E6D7A;
}
.footer_left
{
	float:left;
}
.footer_right
{
float:left;width:800px;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


.gallery-wrap{ padding: 0; margin: 0 0 0 0; float: left;font-size:small; width: 994px; }
.home-gallery-wrap{ width: 712px; float: left; margin: 0px 5px 0 0px; padding: 0px; display: block; }
.home-gallery{ position: relative; width: 712px; height: 360px; background: #f7f7f7; overflow: hidden; }
.home-gallery-photo{ position: absolute; top: 0px; left: 0px; width: 712px; height: 365px; padding: 0px; border: none; overflow: hidden; }

.home-gallery-simm{ position: absolute; top: 25px; left: 25px; width: 340px; overflow: hidden; }
.home-gallery-simm h3 a,.home-gallery-simm h3{ font: bold 36px arial,helvetica,sans-serif; color: #1878C0; text-decoration: none; letter-spacing: -2px; padding: 0; margin: 0 0 15px 0; background:transparent; }
.home-gallery-simm p{ font: normal 14px/15px arial,helvetica,sans-serif; color: #333; margin: 0 0 0 0; padding: 0 40px 0 0; line-height:20px;}
.home-gallery-simm p a{ color: #009FBC; font-weight: bold; text-decoration: none; }
.home-gallery-simm a:hover{ text-decoration: none; }


.home-gallery-cueme{ position: absolute; top: 25px; left: 25px; width: 350px; overflow: hidden; }
.home-gallery-cueme h3 a,.home-gallery-cueme h3{ font: bold 36px/32px arial,helvetica,sans-serif; color: #a8c018; text-decoration: none; letter-spacing: -1px; padding: 0; margin: 0 0 15px 0; background:transparent; }
.home-gallery-cueme p{ font: normal 14px/15px arial,helvetica,sans-serif; color: #333; margin: 0 0 0 0; padding: 0 40px 0 0; line-height:20px}
.home-gallery-cueme p a{ color: #009FBC; font-weight: bold; text-decoration: none; }
.home-gallery-cueme a:hover{ text-decoration: none; }
.home-gallery-cueme li { font: normal 14px/15px arial,helvetica,sans-serif; color: #333; margin: 0 0 0 0; padding: 0 40px 0 0; line-height:20px}

.home-gallery-ind{ position: absolute; top: 25px; left: 25px; width: 300px; overflow: hidden; }
.home-gallery-ind h3 a,.home-gallery-ind h3{ font: bold 36px arial,helvetica,sans-serif; color: #009FBC; text-decoration: none; letter-spacing: -3px; padding: 0; margin: 0 0 15px 0; background:transparent;}
.home-gallery-ind p{ font: normal 14px/15px arial,helvetica,sans-serif; color: #333; margin: 0 0 0 0; padding: 0 70px 0 0; line-height:20px}
.home-gallery-ind p a{ color: #009FBC; font-weight: bold; text-decoration: none; }
.home-gallery-ind a:hover{ text-decoration: none; }
.home-gallery-ind li { font:normal 14px/15px arial,helvetica,sans-serif; color: #333;}

.home-gallery-mf1 { position: absolute; top: 25px; left: 25px; width: 300px; overflow: hidden;  }
.home-gallery-mf1 h3 a,.home-gallery-mf1 h3{ font: bold 36px arial,helvetica,sans-serif; color: Darkkhaki; text-decoration: none; letter-spacing: -1px; padding: 0; margin: 0 0 15px 0; background:transparent;}
.home-gallery-mf1 p{ font: normal 14px/15px arial,helvetica,sans-serif; color: #333; margin: 0 0 0 0; padding: 0 70px 0 0; line-height:20px}
.home-gallery-mf1 p a{ color: #009FBC; font-weight: bold; text-decoration: none; }
.home-gallery-mf1 a:hover{ text-decoration: none; }

#home-gallery-nav{ position: absolute; z-index: 1000; top: 291px; left: 10px; margin: 0; height: 25px; padding: 5px 0px 0 0px; overflow: hidden; }
#home-gallery-nav a{ display: block; float: left; text-decoration: none; margin: 0 0px 0 0; padding: 3px 5px 1px 5px; text-align: center; font: bold 14px/14px Arial,Helvetica,sans-serif; color: #666; letter-spacing: -1px; height: 15px; width: 10px; }
#home-gallery-nav a:hover{ color: #F78F1E; }
#home-gallery-nav a.activeSlide,#home-gallery-nav a:hover.activeSlide{ color: #fff; }
#home-gallery-nav a:focus{ outline: none; }

.home-overview-wrap{ float:left; overflow: hidden; width: 276px; height: 360px; margin-right: 0; display: block; padding: 0px;  background: ghostwhite; font-size:x-small; }
.home-overview-wrap h3 {background:#1878C0; font: bold 15px arial,helvetica,sans-serif; color: #fff; margin: 0; padding: 0 3px 3px 10px;}

.left_wrap { padding: 0; margin: 0 0 0 0; float: left;font-size:x-small; width: 994px; }
.left_content { width:712px;float:left; margin:0px;padding:0px; }

.right_content {  float:left; width: 282px; height: 400px; margin-right: 0; display: block; padding: 0px; background: ghostwhite; font-size:x-small;}
.right_content h3 {background:#1878C0; font: bold 15px arial,helvetica,sans-serif; color: #fff; margin: 0; padding: 0 3px 3px 10px;}

p {   font-size:12px; }

.left_content p {  font-size:12px; padding-top:5px;padding-bottom:5px;}

.right_text{  
		text-decoration: none;
		font-family: sans serif, arial, helvetica, verdana,tahoma; 
		font-size: 12px; 
		font-weight: normal; 
		color:#000000; 
		padding-top:5px;
}
.news_link{  
		text-decoration: none;
		font-family: sans serif, arial, helvetica, verdana,tahoma; 
		font-size: 12px; 
		font-weight: bold; 
		padding-top:5px;
}
.even_right_text{  
		text-decoration: none;
		font-family: sans serif, arial, helvetica, verdana,tahoma; 
		font-size: 12px; 
		font-weight: normal; 
		color:#000000; 
		padding-top:5px;
}

.title{  
		text-decoration: none;
		font-family: arial, helvetica, verdana; 
		font-size: 11pt; 
		font-weight: bold; 
		color:#365689; 
		}

.subtitle{  
		text-decoration: none;
		font-family: arial, helvetica, verdana; 
		font-size: 9pt; 
		font-weight: bold; 
		color:#365689; 
		}

hr.dotted {  border:1px; color:#cccccc; border-style:dotted; margin: 10px;}

.main_heading{  
		text-decoration: none;
		font-family: arial, helvetica, verdana; 
		font-size: 9pt; 
		font-weight: bold; 
		color:#798992; 
		}

.main_sub_heading{  
		text-decoration: none;
		font-family: arial, helvetica, verdana; 
		font-size: 8pt; 
		font-weight: bold; 
		color:#798992; 
		}
		
.headergray{  
		text-decoration: none;
		font-family: arial, helvetica, verdana; 
		font-size: 8pt; 
		font-weight: bold; 
		color:gray; 
		}
.main{  
		text-decoration: none;
		font-family:  sans serif,arial, helvetica, verdana; 
		font-size: 12px;		
		color:#000000; 
		}
.main li a {  
		text-decoration: none;
		font-family:  sans serif,arial, helvetica, verdana; 
		font-size: 12px;		
		color:#000000; 
		}
		
.headergray{  
		text-decoration: none;
		font-family: arial, helvetica, verdana; 
		font-size: 8pt; 
		font-weight: bold; 
		color:gray; 
		}
		

@media screen and (-webkit-min-device-pixel-ratio:0) {
   /* Safari 3.0 and Opera 9 rules here */

}

		
-->