﻿.w3c {} /* Mozilla Firefox CSS LVHA */

/* reset css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0} 

/* common defaults */
/*body{font:1em/1.2 Verdana, Arial, sans-serif}  Adopt the browser font size */
body{font:12px/1.2 Verdana, Arial, sans-serif}
a:hover{text-decoration: none}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:2.5em}
h2{font-size:2.3em}
h3{font-size:2.1em}
h4{font-size:1.9em}
h5{font-size:1.7em}
h6{font-size:1.5em}
ol{list-style:decimal}
ul{list-style:square}
/*li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
table, td, th {vertical-align:top}*/

/* Common 
* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; background-color: #ffffff; text-align: center; 
       font: 1em/1.5em Verdana, Arial, sans-serif; }
img { border: none; padding:0; margin:0; }

code, kbd, tt, samp, pre {font: .9em monospace}
big {font-size: 1.15em}
small, sub, sup {font-size: .85em} 
div.clear { clear: both; overflow: visible; }
div.clearo { clear: both; }

h1, h2, h3, h4, h5
{ color: #003366; }*/

/* h1 {}
h2 { font: 1.1em/1.3 Verdana, Arial, sans-serif; } 

h1 { font: 1.5em/1.5em Georgia, "Times New Roman", serif; letter-spacing: 1px; font-weight: bold; }
h2 { font: 1.2em/2.4em Georgia, "Times New Roman", serif; letter-spacing: 1px; font-weight: bold; }
h3 { font: 1.2em/1.5em Georgia, "Times New Roman", serif; letter-spacing: 1px; font-weight: bold;
     color: #ffffff; background-color: #00486e; padding: 0.5em 0.5em 0.5em 0.5em;
     filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }*/

p { color: #00486e; }

p:first-letter
{ font-size: 1.2em; }

a.alink:link	{ text-decoration:none; color:#3333cc; }	
a.alink:visited	{ text-decoration:none; color:#333399; }	
a.alink:active	{ text-decoration:none;color:#333399; }	
a.alink:hover	{ text-decoration:underline;color:#3333cc; }

a.blink:link	{ text-decoration:underline;color:#3333cc; }	
a.blink:visited { text-decoration:underline;color:#333399; }	
a.blink:active { text-decoration:underline;color:#333399; }	
a.blink:hover { text-decoration:underline;color:#3333cc; }

.lineheight2em { line-height:2em; }

ul {
	color:#00486e;
	padding:0,50,0,50;
	list-style-type:disc ;
	list-style-position:inside ;
	margin:0;
  }


/* Hides from IE5-mac \*/
* html .buggydiv {height: 1%;}
/* End hide from IE5-mac */

.cleft { clear: left; }
.cright { clear: right; }

/* ************************************************************************************************************ */

div.pageoutercontainer{width:100%;}
div.pageinnercontainer{width:940px;margin: 0 auto;}
.ie div.pageinnercontainer{width:940px;margin: 0 1% 0 1%;}

div.twocol {width:900px;margin-top:1em;padding:0 1em 0 1em;text-align:right;}
div.twocol div {display:inline;white-space:nowrap;} 
div.twocol div.left {float:left;}
div.twocol div.right {}

div.centered { padding:0; margin:0; text-align: center; }

div.menubar {margin:1em 0;}
span.footer {font-size:0.85em;color: #696969; background-color: #ffffff; 
             vertical-align: middle;padding-bottom:25px!important;}

div.contentdiv {/**/ text-align:left; }

div.w95 { width: 95% }

#content-left {
 float:left;
 width:46%;
 padding:0.8em 0.5em 0 0; /* top right bottom left */
 margin:0;
}
#content-left h5, #content-left p 
{
    color: White;
}
#content-right h5, #content-right p 
{
    color: White;
}
#content-right {
 float:left;
 width:46%;
 padding:0.8em 0.5em 0 1em; /* top right bottom left */
 margin:0 0 0 0.5em;
 border-left: solid 1px #c0c0c0;
}
#content-clear {
 clear:both;
}

.keriolink 
{
    color:Orange;
    font-weight:bold;
}

.bgkerioblue 
{
    background-color:#003473;
}

.sitelogo 
{
    margin-bottom: 10px;
}

.right2 { margin-right:2em; }
.langlink { font-size: 0.9em; color: Navy; }
.logo { margin-bottom: 0.5em; padding-top: 0.5em; }

.floatleft1 { float: left; margin-right: 1em; }
.floatleft3 { float: left; margin-right: 3em; }

/*
div .menubar .menu1  
{  background-color: #ffffff; 
   font: Verdana bold 0.9em; color:#ccffff; height: 2.2em; width:auto; }
div .menubar .menu1 .selected a { text-decoration: underline; padding: 0 1em 0 1em; }
div .menubar .menu1 .unselected { padding: 0 1em 0 1em; color:#ccffff !important; height: 2.2em; width:auto; background: #35A0C2 url(/m/blue_right.gif) 100% 0px; }
div .menubar .menu1 .hover { padding: 0 1em 0 1em; color:#ccffff !important; height: 2.2em; background: #177865 url(/m/blue_right.gif) 100% -150px; } 
div .menubar .menu1 .dropdown { padding: 0 1em 0 1em; color:Navy; height: auto; width:auto; border: solid 1px Navy; }
div .menubar .menu1 .dropdownhover { color:Navy; height: auto; width:auto; }
*/

div .menubar .menu1 
{  background-color: #35A0C2; 
   font: Verdana bold 0.9em; color:#ccffff; height: 2em; width:100%; }
   
div .menubar .menu1 .selected a { text-decoration: underline; padding: 0 0.5em 0 0.5em; }
div .menubar .menu1 .unselected { padding: 0 0.5em 0 0.5em; color:#ccffff !important; height: 2em; width:auto; }
div .menubar .menu1 .hover { padding: 0 0.5em 0 0.5em; color:#ccffff !important; height: 2em; background-color: #177865; } 
div .menubar .menu1 .dropdown { padding: 0 0.5em 0 0.5em; color:Navy; height: auto; width:auto; border: solid 1px Navy; }
div .menubar .menu1 .dropdownhover { color:#ccffff; height: auto; width:auto; background-color: #177865; }

.contactusouter { margin-top: 2em; float: left; clear: left; }
.contactusinner { text-align: right; line-height: 2.5em;}
.contactusinner label { margin-right: 1em; }
.contactusinner input, textarea { text-align: left;  width: 20em; vertical-align: top; }
.contactusinner .button { text-align: center; padding: 0.1em 0 0.1em 0; width: auto; }

#servicesdiv li a:link { text-decoration:underline;color:#3333cc; }	
#servicesdiv li a:visited { text-decoration:underline;color:#333399; }	
#servicesdiv li a:active { text-decoration:underline;color:#333399; }	
#servicesdiv li a:hover { text-decoration:underline;color:#3333cc; }

div#linkslist { padding-left: 20px; }
div#linkslist p:first-line { font-weight:bold; }
div#linkslist a:link { text-decoration:underline;color:#3333cc; }	
div#linkslist a:visited { text-decoration:underline;color:#333399; }	
div#linkslist a:active { text-decoration:underline;color:#333399; }	
div#linkslist a:hover { text-decoration:underline;color:#3333cc; }

/* Menu Style width:940px;width: 100%;*/

.wrapper1 {
	
	color: #44433f;
	font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0px 0 0;
	background-color: #ffffff;
	
	}
	.wrapper1 a {
		color: #E5F2FB;
		text-decoration: none;
	}
	.wrapper1 a:hover {
		color: #09548B;
	}
	.wrapper1 p {
		margin: 0 0 17px;
		padding: 0;
		line-height: 18px;
	}

.wrapper {
	width: 940px;
	/*width: 100%;*/
	margin: 0 auto;
}

.nav 
{
    width: 918px;
	background: #fff url(/i/menu/nav_bg.png) repeat-x;
	float: left;
	
}
.nav-wrapper {
	clear: both;
	float: left;
}
.nav-left {
	background: url(/i/menu/nav_left.png) no-repeat top left;
	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	background: url(/i/menu/nav_right.png) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	width: 916px;
	/*width: 100%;*/
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 3px;
	list-style: none;
	font-size: 15px;
}
.nav li {
	float: left;
	padding: 0 7px;
	background: url(/i/menu/split.png) no-repeat right center;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
	
}
a .menu-left {
	background: url(/i/menu/menu_left.gif) no-repeat left top;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(/i/menu/menu_mid.gif) repeat-x top left;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
	cursor:pointer;	
}
a .menu-right {
	background: url(/i/menu/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #09548B;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 6px;
	background: url(/i/menu/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 9px;
}
.nav li ul {
	background: url(/i/menu/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #09548B;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(/i/menu/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}
.content 
{
    /*width: 100%;*/
	width: 920px;
	background: transparent url(/i/menu/content_bg_940.png) repeat-y;
	float: left;
	padding: 10px 20px 10px 20px;
}

.content h1 
{ border-bottom: 1px dashed #C1D9F0;
}
/*.content h1 {
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px dashed #C1D9F0;
}
.content h2 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: -5px;
}*/
.content p {
	
	text-align: justify; line-height:1.5em;	
}

.content-bottom 
{
    /*width: 100%;*/
    width: 940px;
	background: transparent url(/i/menu/content_bottom_940.png) no-repeat;
	height: 13px;
	float: left;
	text-align: center;
}

div #projectsdiv, #servicesdiv, #aboutusdiv
{
    line-height: 1.3em;
}
div #projectsdiv ul { margin-bottom: 1.5em; margin-top: -1em; }
div #servicesdiv li { margin-bottom: 1.2em; }
div #aboutusdiv li { margin-bottom: 0.8em; }

/* Logotable on homepage */
.logotable 
{
    margin: 4em 1em 2em 1em;
}

.logotable td
{
    padding-bottom: 2em;
}

/* Sidebox */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 60%; /* ems so it will grow */
	background: url(/i/sidebox/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/i/sidebox/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/i/sidebox/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}
.boxbody {
	background: url(/i/sidebox/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

ul.listmenu li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}


/* Kerio pages */

.caption
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFAE00;
}

.captionlink
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFAE00;
}
.captionlink:link
{color: #FFAE00; text-decoration: none;
}
.captionlink:visited
{color: #FFAE00; text-decoration: none;
}
.captionlink:active
{color: #FFAE00; text-decoration: none;
}
.captionlink:hover
{color: #FFAE00 !important; text-decoration: underline;
}

.captionlink2
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #0075b5;
}
.captionlink2:link
{color: #0075b5; text-decoration: none;
}
.captionlink2:visited
{color: #0075b5; text-decoration: none;
}
.captionlink2:active
{color: #0075b5; text-decoration: none;
}
.captionlink2:hover
{color: #0075b5 !important; text-decoration: underline;
}

.float-right
{
	float: right; 
	padding-left: 10px;
}

.float-left
{
	float: left; 
	padding-right: 10px;
}

#gowhite { color: white; }
#gowhite p { color: white; }

/* download list */

/* allow room for 4 columns */
  div.downloadlist ol
{
	width: 560px;
	list-style-type: none;
	line-height: 24px;
	
}

  /* float & allow room for the widest item */
  
  
  div.downloadlist ol li
  {
    float: left;
    width: 100px;
    border-bottom: dotted 1px #ededed;
    color: #00486e;
	text-decoration: none;
    
  }
  
  div.downloadlist ol li.f
  {
    float: left;
    width: 360px;
    
  }
  
  div.downloadlist ol li.line
  {
    float: left;
    width: 560px;
    border-bottom: solid 1px #ededed;
    margin-bottom: 5px;
  }
  
  
  
  div.downloadlist ol li a.win
  { background: #fff url(/i/kerio/win.gif) bottom center no-repeat; padding: 0px 15px 0px 15px; height:20px; }
  div.downloadlist ol li a.linux
  { background: #fff url(/i/kerio/linux.gif) bottom center no-repeat; padding: 0px 15px 0px 15px; }
  div.downloadlist ol li a.mac
  { background: #fff url(/i/kerio/macosx.gif) bottom center no-repeat; padding: 0px 15px 0px 15px; }
  div.downloadlist ol li a.pdf
  { background: #fff url(/i/kerio/pdf.gif) bottom center no-repeat; padding: 0px 15px 0px 15px; }
  div.downloadlist ol li a.debian
  { background: #fff url(/i/kerio/debian.gif) bottom center no-repeat; padding: 0px 15px 0px 15px; }
  
  
  * html div.downloadlist ol li a.win
  { background: #fff url(/i/kerio/win.gif) bottom center no-repeat; padding: 0px 5px 0px 5px;  min-width: 33px; width: 33px ;  }
  * html div.downloadlist ol li a.linux
  { background: #fff url(/i/kerio/linux.gif) bottom center no-repeat; padding: 0px 5px 0px 5px; color: #ffffff; min-width: 33px; width: 33px ;  }
  * html div.downloadlist ol li a.mac
  { background: #fff url(/i/kerio/macosx.gif) bottom center no-repeat; padding: 0px 5px 0px 5px; color: #ffffff; min-width: 33px; width: 33px  ; }
  * html div.downloadlist ol li a.pdf
  { background: #fff url(/i/kerio/pdf.gif) bottom center no-repeat; padding: 0px 5px 0px 5px; color: #ffffff; min-width: 33px; width: 33px ;}
  * html div.downloadlist ol li a.debian
  { background: #fff url(/i/kerio/debian.gif) bottom center no-repeat; padding: 0px 5px 0px 5px; color: #ffffff; min-width: 33px; width: 33px ;}
  
  

  /* stop the float 
  br
  {
    clear: left;
  }*/
  
  /* control pages */
  div.slide {
float:left;
margin-right:15px;
width:210px;
}
.clearing {
clear:both;
height:1px;
overflow:hidden;
}
  
 

  /* separate the list from subsequent markup */
  div.downloadlist
  {
	margin: 5px 0 10px 25px;
    
  }
/* /////////// */

