/* CSS Document */

/* CSS Document for Vue Technology */
/*
	Created By: George J. Avelino
	www.digitalazul.com
	Updated: 10/10/2007
    removed hacks for IE 7

*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 12px;
	/* margin: 0 auto; */
	margin: 0;
	padding: 0;
	background: #FFF; /* #F6F6F6;  */
	
}
a:link {
	color:#3A5EA6;
	text-decoration: none;
	/* border-bottom: 1px solid #DCEDF6; */
}
a:visited {
	color:#3A5EA6;
	text-decoration: none;
	/* border-bottom: 1px solid #DCEDF6; */
}
a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #3A5EA6;	
}

a.more {
	padding-right: 7px;
	background: url(../i/more_arrow.gif) no-repeat 100% 4px;
	font-size: .9em;
	}
a:hover.more {
	padding-right: 7px;
	background: url(../i/more_arrow.gif) no-repeat 100% 4px;
	background-color: #E6F2FB;
}
a.moreH {
	margin-left: 15px;
	padding-right: 7px;
	background: url(../i/more_arrow.gif) no-repeat 100% 4px;
	font-size: 75%;
}


div#container {
	width: 760px;
	/* margin: 0 auto; */
	margin: 0 1em;
	padding: 0;
	text-align: center;
	background-color: #fff;
	/* background-image: url(../i/main_bottom_bg2.gif); */
	background-position: bottom left;
	background-repeat: no-repeat;

}
/* Header Logos
------------------------------------------ */
#logoMain {
	float: left;
	width: 760px;
	height: 37px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #fff;
	text-decoration: none;
	border: none;
}
#logoMain a, logoMain a:hover {
	border: none;
	text-decoration: none;
}
#logo {
	float: left;
}
#tagline {
	float: right;
	margin: 0;
}

#navHead {
	margin: 0px;
	padding: 0px;
}

/* ---------- main splash image ---------- */
#splashImage {
	clear: both;
	margin: 0;
	padding: 0;
	width: 760px;
	height: 150px;
}

#navContainer  {
 	width: 760px;
 	margin: 0 auto ;
 	padding: 0;
	text-align: center;
	/* border: 1px solid #333; */
}

#navContainer img, #navContainer a img, #nav img, #nav a img {
	border: none;
	margin: 0;
	padding: 0;
}



#nav, #nav ul {
	/*float: left;*/
 	width: 760px;
 	min-height: 20px;
	height: 22px;
 	margin: 0 auto;
 	padding: 0;
 	list-style: none;
	font-size: .95em;
	line-height: .5;
	/*border: 1px solid green;*/
}
#nav a 
{
    display: block;
	/*float: left;*/
	text-decoration: none;
	border: none;
	font-weight:normal;
	margin: 0;
	padding: 0; 
	color: #fff;
}
#nav li  { 
 	float: left;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	
}

#nav a:hover, #nav a.active {
	color: #fff;
	background: #3777C4;
	text-decoration: none;
	}
#nav .navHome, #nav a:hover.navHome {
	background-image: url(../i/main_nav_li_home_bg.gif);
	background-position: left;
	background-repeat:repeat;
}	

#nav li ul {
	position: absolute;
	font-size: 12px;
	width: 16em;
	height: auto;
	left: -999em;
	margin: 0;
	padding: 0;
}

#nav li ul li {
	background-color: #fafafa;
	background-image: none;
}
#nav li ul a {
	color: #222;
	width: 15em;
	text-align:left;
	background-color:#fafafa;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;	
	border-bottom: 1px solid #e5e5e5;
	padding: .6em 0 .6em .75em;

}

#nav li ul li a:hover {
	color: white;
	background-color:#B3D1E0;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
.navHome {
	background-image: url(../i/main_nav_li_home_bg.gif);
	background-position: left;
	background-repeat:repeat;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	margin: 2em 0 0em 0;
}
p {
	line-height: 1.5em;
	text-align: left;
	margin-top: 0;
}
.pSmall 
{
    margin: .35em 0;
}

/*  home page main content
----------------------------------------------------*/
div#mainContentWrapper {
	float: left;
	width: 760px;
	/* background-image: url(../i/mainwrapper_bg2.gif); */
	background: url(../i/home/mainContent_bg.gif) no-repeat bottom right;
	/*background-position:top;
	background-repeat: repeat-y; */
	/* margin: 1em 0; */
	margin: 15px 0 0 0;
	padding: 0;
}
div#mainContent, div#mainContentBottom {
	float: left;
	width: 520px;
	/*margin: 0 .5em 0 .5em !important; /* --need to fix this later */
	margin: 0 5px;
	margin-bottom: 0px;
	padding: 0;
	text-align: left;
}
div#mainContentBottom {
	margin-top: 0;
}

div#mainContent .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	color: #4C012C;
	letter-spacing: 1px;
	font-weight: normal;
	margin: 2em 0 .75em 0;
}
div#mainContent h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: normal;
	color:#000;
	margin: 1em 0 0 0;
	padding: 0;
}
div#mainContent ul {
	list-style-image: url(../i/bullet_1.gif);
	font: normal .9em/1.45em "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0 0 0 2em;
	padding: 5px 0;
	color:#444;
}
div#mainContent li {
	margin: .75em 0 0 2em;
	padding: 0;
}

div#mainContent p, #mainContentBottom p {
	/* margin: .25em 1em .45em .5em; */
	margin: 3px 16px 10px 11px;
	text-align: justify;
	line-height: 17px;
	font-size: 100%;
}
div#mainContent p.topParagraph {
	margin-top: 0;
	padding-top: 0;
}
div#mainContent p.bottomParagraph {
	margin-bottom: 0;
	padding-bottom: 0;
}



/*   main News 
-----------------------------------------*/
div#mainNews 
{
    float: right;
    width: 220px;
    margin: 0;
    padding: 0;
}


div#mainNews p
{
    margin: .35em .4em;
	padding: 0 0 .5em 0;
	text-align: left;
	line-height: 14px;
		font-size: 90%;

	border-bottom: 1px solid #e1e1e1;	
}
div#mainNews a.more {
	padding-right: 7px;
	background: url(../i/more_arrow.gif) no-repeat 100% 4px;
	font-size: .9em;
	}
div#mainNews a:hover.more {
	padding-right: 7px;
	background: url(../i/more_arrow.gif) no-repeat 100% 4px;
	background-color: #E6F2FB;
}



div#mainNews .Source {
	font-size: 95%;
	font-style: italic;
	font-weight: normal;
}

/* ---------- Sub Nav ----------*/

#subNavContainer {
	float: left;
	width: 190px;
	margin: 1.5em 1em 1em .25em;
	padding: 0;
	/*
	border-top: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	*/
	border-bottom: 1px dotted #D1D1D1;

	color: #444;
	text-align: left;

}
#subNav {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px dotted #D1D1D1;
	
}
#subNav li a {
	text-decoration: none;
}
#subNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subNav li {
	display: block;
	margin: 0;
	padding: .5em 1.1em;
	border-top: 1px dotted #D1D1D1;
	/* border-bottom: 1px dotted #D1D1D1; */
	font-size: 12px;
	font-weight: bold;
	background-image: url(../i/subnav_bullet1.gif);
	background-position: 0 6px;
	background-repeat: no-repeat ;
}
#subNav li a:hover {
	background-color: #egegeg;
}
#subNav .Selected {
	color: #6EA04D;
}
#subNav .Selected2 {
	color: #345;
}
#subNav li ul li {
	border: none;
	margin-left: 1em;
	padding: .25em;
	font-size: 11px;
	font-weight: normal;
	background-image: none;

}
#subNav ul ul 
{
    border-bottom: none;
}
#subNav .newsDivider {
	margin: 1em .75em;
	text-align: left;
	border-bottom: 1px dotted #B9B9B9;
}


#subNav p {
	margin: .25em .25em .55em .25em;
	font-size: .9em;
}	

#subSideContent {
	float: left;
	width: 190px;
	/* margin: 1.5em 1em 1em .25em;*/
	margin: 0;
	padding: 0;
	color: #444;
	text-align: left;

}
* html subSideContent {
	height: 1px;
}
#subSideContent img {
	border: none;
	margin: 0;
	padding: 0;
}
#subSideContent dl, #subSideContent p {
	margin: 1em 1em 1em .5em;
	padding: 0;
	text-align: left;
}
#subSideContent dt {
	font-weight: bold;
}
#subSideContent dd {
	margin-left: .25em;
	padding: .2em;
	font-size: .9em;
}

/*
        subNav expanding Box
--------------------------------------------- */

.subNavExBox {
       margin: 1em 0;
       width: 184px;
       background: url(../i/ex_box_green_bottom.gif) no-repeat bottom left;
}

.subNavExBox h3 {
       margin: 0;
       padding: 3px 4px 4px 4px;
       text-align: center;
       color: #fff;
       border-bottom: 1px solid #89c440;
       background: url(../i/ex_box_green_top.gif) no-repeat top left;
}

.subNavExBox ul {
       margin: 0;
       padding: 10px;
       list-style: none;
}
.subNavExBox ul li {
       margin: 0 0 6px 0;
       padding: 0;
}

.subNavExBox h5 
{
    margin: 0  auto;
    padding: 0 4px 5px;
    text-align: center;
    font-size: 100%
}
/* ---------- Section Page Content ---------- */
#pageContent {
	float: right;
	width: 510px;
	margin: 1em;
}
#pageContent .Header {
	font: normal 1.6em/1.7em "lucida grande", tahoma, arial, verdana, sans-serif;
	text-align: left;
	color: #0E6799;
	margin: 0;
	padding: 0;
}
#pageContent h2 {
	font: normal 1.2em/1em  tahoma, arial, verdana, "lucida grande", sans-serif;
	text-align: left;
	color: #6EA04D;
	margin: 1em 0 .25em 0;
}
#pageContent h3, #pageContent h4, #pageContent h5 {
	font: bold 1em/1em arial, helvetica, tahoma, sans-serif;	
	text-align: left;
	margin: .75em 0 0 0;
	color: #345;
}
#pageContent h4 {
	font: bold .9em/.9em verdana, arial, helvetica, tahoma, sans-serif;	
	text-align: left;
}
#pageContent h5 {
	font: italic .9em/.9em arial, helvetica, tahoma, sans-serif;	
	color: #222;
}
#pageContent h6 {
	font: normal 1em/1em arial, helvetica, verdana, tahoma, sans-serif;	
	text-align: left;
	margin: 1em 0 0 0;
	padding: 0;
}

#pageContent .Header3 
{
    margin: 1em 0 0 0;
    color: #3399cc;
}
#pageContent ul {
	margin: 0 .5em 1em 2.5em;
	padding: 0;
	text-align: left;
}
#pageContent ul ul 
{
    margin: 0 .5em 0 2.5em;
}
#pageContent li {
	margin: 0;
	padding: .25em 1em .25em .15em;
	text-align: left;
}
#pageContent img {
	padding: .75em;
	text-align: left;
}
#pageContent .imgFooter {
	margin:-.25em 0 2.5em 0;
	padding: 0;
	font-size: .9em;
	text-align: center;
}
#pageContent dl {
	margin: 1em 1em 1em 0;
	padding: 0;
	text-align: left;
}
#pageContent dt {
	font-weight: bold;
}
#pageContent dd {
	margin-left: .25em;
	padding: .2em;
}
#pageContent .Divider {
	width: 475px;
	margin: 1em auto;
	border-bottom: 1px solid #BCD7E7;
}
#pageCrumbs {
	margin: 0;
	padding: 0;
	text-align: left;
}
#pageCrumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;

}
#pageCrumbs li {
	float: left;
	background-image: url(../i/crumb_arrow2.gif);
	background-position: right 1px;
	background-repeat: no-repeat ;	
	margin: 0 .5em 0 0;
	padding: 0 1em 1.5em 0em;
	font-size: .9em;
}
#pageCrumbs li a {
	border: none;
}
#sectionHeaderImage {
	clear: both;
	margin: 0;
	padding: 0;
	width: 760px;
	/*border: 1px solid #ff0000; */
}
.separator 
{
    margin: 2em;
    border-bottom: 1px solid #efefef;
}

/* ---------- footer ---------- */

#footer
{
    width: 760px;
    clear: both;
    margin: 0;
    padding: 0;
    border-top: 1px solid #777;
    border-bottom: 3px solid #10509B;
    background: whitesmoke;
    text-align: left;
}
#footerContent {
	margin: .5em; 
}
#footer h2 {
	font-family: tahoma, "lucida grande", verdana, arial, sans-serif;
	font-weight: normal;
	margin: .5em 0 1em .5em;
	font-size: 85%;
}
#footer p {
	font: normal .9em/1em arial, "lucida grande", tahoma, verdana, sans-serif;
	padding: .5em .5em .75em .5em;
}
#footerContact {
	float: right;
	text-align: right;
	float: right;
	margin-top: -25px;
}

sideMenu {
	width: 200px;
	margin: 1em;
}






/* ---------- page 2 other ------------- */
/* ---------- Sub Nav ----------*/

#subNavContainer2 {
	float: right;
	width: 200px;
	margin: 1.5em 1em 1em .25em;
	padding: 0;
	border-bottom: 1px dotted #D1D1D1;

	color: #444;
	text-align: left;

}
#subNav2 {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subNav2 li a {
	text-decoration: none;
}
#subNav2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subNav2 li {
	display: block;
	margin: 0;
	padding: .5em 1.1em;
	border-top: 1px dotted #D1D1D1;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../i/subnav_bullet1.gif);
	background-position: 0 6px;
	background-repeat: no-repeat ;
}
#subNav2 li a:hover {
	background-color: #egegeg;
}
#subNav2 .Selected {
	color: #6EA04D;
}

#subNav2 li ul li {
	border: none;
	margin-left: 1em;
	padding: .25em;
	font-size: 11px;
	font-weight: normal;
	background-image: none;
}
#subNav2 .newsDivider {
	margin: 1em .75em;
	text-align: left;
	border-bottom: 1px dotted #B9B9B9;
}


#subNav2 p {
	margin: .25em .25em .55em .25em;
	font-size: .9em;
}	

/* ---------- Section Page Content ---------- */
#pageContent2 {
	float: left;
	width: 510px;
	margin: 1em;
}
#pageContent2 .Header {
	font: normal 1.5em/1.7em "lucida grande", tahoma, arial, verdana, sans-serif;
	text-align: left;
	color: #0E6799;
	margin: 0;
	padding: 0;
}
#pageContent2 h2 {
	font: normal 1.2em/1em  tahoma, arial, verdana, "lucida grande", sans-serif;
	text-align: left;
	color: #6EA04D;
	margin: 1em 0 .25em 0;
}
#pageContent2 h3 {
	font: bold 1em/1em arial, helvetica, tahoma, sans-serif;	
	text-align: left;
	margin: .75em 0 0 0;
	color: #345;
}


#formRequiredTitle {
	margin: 1em 0 0 0;
	padding: 0;
	text-align: left;
	color: #CC0000;
}

/* -- Management -- */

	#management {
	float: left;
		margin: 0;
		padding: 0;
		width: 490px;
	}
	#management ul {
		float: left;
		list-style: none;
		margin: 0 0 0 0;
	}
	#management ul li {
		float: left;
		margin: 0 0 1em 0;
		padding: 0;
	}
	#management img {
		float: left;
		margin: 4px 0 0 0;
		padding: 0;
		border: 1px solid #234;
	}
	#management p {
		margin: 0 0 0 142px;
	}
	
/* -- bod - board of directors -- */

#bod ul {
	list-style: none;
	margin: .25em 0;
}
#bod li {
	margin: 0 0 .75em 0;
}	

/* -- Partners Logos -- */
#partnerSide
{
    /* float: left; */
}
#partnerLogosContainer 
{
	/* float: left; */
	/*width: 190px;*/

    margin: 0;
    padding: 1px;
}
#partnerLogos 
{
    list-style: none;
    margin: 15px 2px;
    padding: 0;
}
#partnerLogos ul
{
    list-style: none;
    margin: 10px 5px 10px 0px;
    border: 1px solid green;
}
#partnerLogos li 
{
    padding: 6px 0px;
    margin: 0;
    text-align: center;
    display: block;
    
}
#partnerList
{
   margin: 0;
   padding: 0;
   font-size: 100%;
}
#partnerList ul {
	margin: 0;
}
.pList
{
    padding: 0;
    padding-left: 0;
	width: 145px;
}
.pList li 
{
	margin: 0;
    padding: .20em;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	border-bottom: 1px solid #efefef;
}
#set1, #set2, #set3 {
	width: 150px;
	margin: 0 5px 30px 0;
	padding: 0;
	float: left;
}
#allPartnerInfo 
{
    clear: both;
    margin: 25px 0 0 0;
}
/*
    Datasheets
---------------------------------------- */
#datasheets 
{
    margin: 0;
}
#datasheets li {
	margin: 8px 0 0px 8px;
	padding: 3px 2px 5px 2px;
	/* list-style: none; */
	/* background: #FAF9EE url(../i/bullet_datasheet.gif) no-repeat 0 0; */

}
#datasheets table 
{
    background: #fff;
    }

#datasheets td 
{
    vertical-align: top;
    width: 25%;
    background: #fff;
}
#datasheets td 
{
    padding: 0 0 1em 0;
}
#datasheets img.icon
{
    border: none !important;
    padding: 5px 0 0 0;
    margin: 0;
    vertical-align: top;
}
#datasheets a:hover .icon 
{
    text-decoration: none;
    background-color: #fff;
    font-size: 90%;
    border: none;
    color: #fff;
}
a:link.icon, a:visited.icon 
{
    font-size: 90%;
}


/*  Fluid News Box
----------------------------------- */
.fNewsBox {
	margin: 0;
	padding: 0 0 .2em 0;
	width: 220px;
	/* background: url(../i/FluidRoundedbox_bottom.gif) no-repeat bottom  left; */
}
.fNewsBox h3 {
	margin: 0;
	padding: 5px 8px;
	background: url(../i/FluidRoundedbox_top.gif) no-repeat top left;
	text-align: left;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
}
.fNewsBox h3 a {
	color: #fff;
}

/* Middle boxes
------------------------------------ */
div#middleContent {
	clear: both;
	float: left;
	width: 760px;
	/* margin: .25em 0; */
	margin: 15px 0 0 0;
	padding: 0;
	background: url(../i/home/middle_fluid_boxes_bottom.jpg) no-repeat bottom left;
	text-align: left;
}
div#middleContentHead {
	float: left;
	margin: 0;
	padding: 0;
	background: url(../i/home/middle_fluid_boxes_top.gif) no-repeat top left;
}
div#middleContentMain {
	float: left;
	margin-left: 30px; 
	width: 470px;
    display: inline;
}

body > div#middleContentMain 
{
    /* margin-left: 30px; */
    }

div#middleContent h3 a:visited, div#middleContent h3 a:link {
	color: #fff;
}
div#middleContent h3 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 5px 8px;
	color: #fff;
	text-align: left;
}
div#middleContent p {
	/* margin: .35em .4em; */
	margin: 5px;
	padding: 0 0 .5em 0;
	text-align: left;
	line-height: 14px;
	font-size: 90%;

	border-bottom: 1px solid #e1e1e1;	
}
div#customersCase, div#videoInfoCase, div#announcementsCase {
    margin: 0;
	padding: 0;
	width: 220px;
	text-align: left;
}
div#customersCase {
	float: left;
	margin-left: 0px;
	text-align: center;
}
div#customerSplash {
	margin-top: 0px;
}
div#customerSplash p 
{
    margin: 2em auto;
    font-size: 120%;
    text-align: center;
    border: none;

}
div#videoInfoCase {
	float: right;
	margin-left: 0;
	color: #fff;
}
#videoInfoCase .trans
{
    behavior: url(iepngfix.htc);
    border: 1px solid red;
}

#alImg1 img, #alImg2 img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#alImg1, #alImg2 { display: inline-block; }
#alImg1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/home/play.png'); }


div#announcementsCase {
	float: right;
	margin: 0 0 0 40px;
	padding: 0 0 .2em 0;
	
}

/*  Bottom Content
-------------------------------------------- */
#bottomContent {
	float: left;
	margin: 10px 0 0 0;
}
#notableLogos {
	float: right;
	margin: 0;
	padding: 0;
	width: 220px;
}
#mainExtra {
	clear: both; 
	float: left;
	width: 760px;
	margin: 1em 0 0 0;
	text-align: left;
}
#mainExtra ul {
padding: .25em 0;
margin: 0;
list-style-type: none;
background-color: #fff;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}
#mainExtra li 
{
    list-style-type: none;
    display: inline;
}
#mainExtra a:hover {
	text-decoration: none;
	border: none;
}