
/* 
Vizada Networks
copyright
*/ 

body { 
 
 background-color:#E5E6E7;
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
} 
.keyword {
 font-size:12px;
 float:right;
 color:red;
}
/****************** global ***********************/
#maincol a {
color:#F47820;
text-decoration:none;
}
#footer a {
color:#FF0000;
text-decoration:none;
}
#leftcol a {
color:#ffffff;
font-weight:bold;
font-size:12px;
text-decoration:none;
}

.mainlevel #active {
 background-color:red;
 color:#ffffff;
}

img {
 border:0px;
 margin:0px;
 padding:0px;
}
img a {
 border:0px;
 margin:0px;
 padding:0px;
}


.button {
 background-color:transparent;
 float:left;
 
}
.list-item {font-size: 17px; padding:1px 1px 1px 1px; margin:1px 1px 3px 1px;}

/******** LAYOUT **********/

div#page { 
 width:890px; 
 text-align:left;  
 margin-top:0px;
 margin-left:auto; 
 margin-right:auto; 
 padding:0px 0px 20px 0px; 
 
}
/*****explorer hack ****/
div#page { 
 width:890px;
 text-align:left;  
 margin-top:0px;
 margin-left:auto; 
 margin-right:auto; 
 padding:0px 0px 20px 10px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:972px;
} 

html>body #page {
 width:890px;
 text-align:left;  
 margin-top:0px;
 margin-left:auto; 
 margin-right:auto; 
 padding:0px 0px 20px 0px; 
} 





div#content { 
 background-color:#ffffff;
 width:890px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 padding-bottom:20px; 
 /*border:1px solid #EDECED;*/
 border:1px solid #CCCCCC;
}
/*****explorer hack ****/
div#content{ 
 background-color:#ffffff;
 width:890px; 
 text-align:left;  
 float:none;
 padding-bottom:20px; 
 /*border:1px solid #EDECED;*/
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:942px;
   border:1px solid #CCCCCC;
} 

html>body #content {
 background-color:#ffffff;
 width:890px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 padding-bottom:20px; 
 /*border:1px solid #EDECED;*/
 border:1px solid #CCCCCC;
} 

/******************************** FORM ***************************************/
 #mc_embed_signup {
 border:1px solid #999999;
}

/******************************** MASTHEAD ***************************************/
#masthead {
 position:relative;
 margin:0px auto; 
 height:14px; 
 margin-bottom:10px;
 background-color:transparent; /*F0F3F3*/
 width:97%;
 color:#999999;
 text-align:right;
} 
#masthead a {
 font-weight:normal;
 text-decoration:none;
 color:#999999;
 font-size:10px;
} 
#masthead img {
 vertical-align:middle;
} 



/******************************** HEADER ***************************************/
 
#header{
 position:relative; 
 height:112px; 
 background-color:#ffffff; 
 width:890px;
 
} 

#header-left {
width:45%;
z-index:5;
}
#header-right {
width:auto;
height:20px;
float:right;
 position:absolute;
 top:46px;
 right:12px;
}
#header-right a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#F9B484;
text-decoration:none;
}

/********************** Brand + USP ***********************/
#logo {
 float:left;
 height:112px; 
 background-image:url("../images/logo.png");
 background-position:center;
 background-repeat:no-repeat;
 width:876px;
 padding:0px;
 margin:0px;
 position:absolute;
 top:0px;
 left:7px;
 
} 
#identity {
 float:left;
 height:40px; 
 background-color:transparent; /*F0F3F3*/
 width:300px;
 padding:0px;
 margin:0px;
 position:absolute;
 top:63px;
 left:200px;
 color:#FFFFFF;
 font-size:12px;
 font-weight:bold;
} 
#usp {
 float:left;
 height:40px; 
 background-color:transparent; /*F0F3F3*/
 width:100px;
 padding:0px;
 margin:0px;
 position:absolute;
 top:105px;
 right:30px;
 } 




/****** body top navigation ******/

#navigation {
background-image:url('../images/tabber.gif');
background-repeat:repeat-x;
background-position:center; 
margin-left:auto;
margin-right:auto;
width:876px;
height:30px;
border-bottom:1px solid #cccccc;
}

#navlist
{
padding:8px;
margin: 0;
height:auto;
font: bold 12px Verdana;

}
#navlist li
{
list-style: none;
margin: 0px 0px 0px 0px;
display: inline;
}
#navlist li a
{
padding: 3px 3px;
margin-left: 3px;
margin-top: 2px;
background: transparent;
text-decoration: none;
}

#navlist li a:link { color: #666666; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #333333;
background: transparent;
}

#navlist li a#current
{
background: transparent;
border-bottom: 0px solid white;
color: #333333;
}

/******************************** MAIN COLUMNS ***************************************/
 
#leftcol{
 background-color:#0C2053; /*F0F3F3*/
 width:220px; 
 height:100%;
 float:left; 
 position:relative; 
 font-size:14px;
 }
 .left-marketing  {
 background-color:transparent; /*F0F3F3*/ 
 margin:0px;
 height:auto;
 }

#wrapper {
 background-color:#ffffff;
 width:95%; 
 position:relative; 
 margin:0px auto;

  } 
#twocols{
 width:100%; 
 float:none;  
 
  }
 
 #headings {
  width:95%; 
  position:relative;  
  margin:0px auto; 
  border-bottom:1px solid #999999;
  padding:15px 0px 15px 0px;
  }
.rightcol {
 background-color:#ffffff;	
 margin-top:20px;
 width:45%; 
 float:right; 
 position:relative; 
 width:auto;
 border:0px;
 }
 #rightcol img {
 float:left;
 border:0px;
 }
 #rightcol a {
 border:0px;
 }

 
#maincol{
 background-color: #FFFFFF; 
 float: left; 
 position: relative; 
 width:48%;
 padding:0px;
 line-height:19px;
 color:#000000;
 
 }

div#marketing-content  { 
  background-color: #FFFFFF;  
  width:auto;
  margin:14px auto; 
  padding:0px 0px 0px 0px;
   
}
/************explorer hack******************/
div#marketing-content  { 
  background-color: #FFFFFF;  
  width:450px;
  margin-left:0px; 
  margin-right:0px; 
  padding:0px 0px 0px 0px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:auto;
 } 
/************opera hack******************/
html>body #marketing-content  {
  background-color: #FFFFFF;  
  width:auto;
  margin:14px auto; 
  padding:0px 0px 0px 0px;

} 
 
 
 
 
/******************** FOOTER *********************/ 


#footer {
 height:auto; 
 width:95%;
 font-size:11px;
 margin:0px auto;
 padding:8px 0px 0px 0px;
 background-color:#ffffff; 
 clear:both;
 border-top:2px solid #999999;
 color:#999999;
 } 
#footer a {
 color:#999999;
 font-size:11px;
 } 
 
 #footer-content {
 height:165px; 
 width:932px;
 background-color:#ffffff; 
 clear:both;
 } 
 
 #page-description {
 height:168px;
 width:220px; 
 background-color:transparent; 
 float:left;
 margin:0px 0px 0px 10px;
 } 
 #meet-company {
 height:168px;
 width:220px; 
 background-color:transparent;
 float:left;
 margin:0px 0px 0px 10px;
 } 
 #contact-company {
 height:168px;
 width:220px; 
 background-color:transparent; 
 float:left;
 margin:0px 0px 0px 10px;
 } 



#links {
 height:auto; 
 width:95%;
 font-size:11px;
 margin:0px auto;
 padding:4px 0px 0px 0px;
 clear:both;
 color:#999999;
 } 
#links a {
 color:#999999;
 font-size:11px;
 } 
 .linkbox {
 height:60px; 
 width:150px;
 font-size:11px;
 margin-right:10px;
 margin-bottom:10px;
 float:left;
 padding:8px 0px 0px 0px;
 color:#999999;
 border-right:1px solid #cccccc;
 } 
#linkbox a {
 color:#999999;
 font-size:11px;
 } 
 
 
/****** footer links navigation ******/

.footerlist {

margin-left:auto;
margin-right:auto;
margin-bottom:10px;
width:200px;
height:auto;
float:left;


}

.footerlist
{
padding:1px;
margin: 0;
height:auto;
font: normal 11px Arial;

}
.footerlist li
{
list-style: none;
margin: 0px 0px 0px 0px;
display:block;
}
.footerlist li a
{
padding: 2px 2px;
margin-left: 0px;
margin-top: 1px;
background: transparent;
text-decoration: none;
}

.footerlist li a:link { color: #666666; }
.footerlist li a:visited { color: #667; }

.footerlist li a:hover
{
color: #333333;
background: transparent;
}

.footerlist li a#current
{
background: transparent;
border-bottom: 0px solid white;
color: #333333;
} 



 
 #footer-links {
 height:28px; 
 width:922px;
 background-color:#E7E3E0;
 clear:both;
 margin:0px auto;
 color:#999999;
 padding:10px 0px 0px 10px;
 } 
 #footer-links a {
 font-color:#EC0925;
 font-size:12px;
 }
 #footer-links a:hover {
 font-color:#C70219;
 font-size:12px;
 }  
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


 #copyright {
 height:28px; 
 width:876px;
 clear:both;
 margin:0px auto;
 color:#999999;
 font-size:10px;
 padding:1px;
 text-align:left;
 }
  

/******************** HEADINGS *********************/
h1 {
 font-size:32px;
 margin:0px;
 padding:0px;
 color:#ED1C24;
}
h2 {
 font-size:16px;
 margin:0px;
 padding:1px 0px 0px 0px;
 color:#000000;
 font-weight:normal;
}
#maincol h2 {
 background-color:#fff;
 font-size:16px;
 margin:0px;
 padding:4px 0px 2px 2px;
 color:#ffffff;
 height:20px;
}



h3 {
 font-size:14px;
 margin:0px;
 padding:0px;
}
h4 {
 font-size:14px;
 margin:0px;
 padding:0px;
}
h5 {
 font-size:14px;
 margin:0px;
 padding:0px;
 color:#8B8587;
 padding:17px 10px;
}
h6 {
 font-size:14px;
 margin:0px;
 margin:12px 0px;
}


/******** REFERENCES **********/

#references { 
 width:326px; 
 text-align:left;  
 margin-top:5px;
 margin-left:auto; 
 margin-right:10px; 
 padding:0px 0px 20px 0px;
 border:1px solid #cccccc; 
}

