/* ------ Valid CSS 2.1 -----------
* { margin: 0; padding: 0; border:0 }*/
html {
	background-color:white;
	}
#bodytop {
	position:static;
	overflow: visible;
	border: 0 0 0 0;
/*	display: inline; */
	float: left;
	top:0; left:0; 
	width:90%;
	padding:0 5% 0 5%;
	}

#bodyleft {
	position:relative;
	border: 0 0 0 0;
	visibility: visible;
	display: inline;
	float: left;
	vertical-align: text-top;
	top: 0 ;
	left:0;
	width: 40%;
	padding:0 5% 0 5%;
}
#bodyright {
	position: relative;
	border: 0 0 0 0;
	visibility: visible;
 	display: inline;
	float: left;
	vertical-align: text-top;
	top: 0;
	left: 0;
	width: 40%;
	padding:0 5% 0 5%;
}
body {
	border: 0;
	bottom: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 0;
	left: 0;
	right: 0;
	position: relative;
	top: 0;
	margin: 0 0 0 0;
	padding: 0;
	font-weight: normal;
	font-variant: normal;
	color: Black;
	background-color: white; border-color:white;
}
#headertopright {
	padding: 0;
	margin: 0 0 0 0;
	color: white;
	position: static;
	border: 0 none;
	right: 0;
	float: right;
	z-index: 1;
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0 0 .5em 0;
	padding: 0;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
li {
	margin-bottom: 6px;
	text-indent: 0;
}
ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-image: none;
	background: transparent;
	color: #000000;
	line-height: 12px;
	list-style-type: disc;
	margin-bottom: 12px;
	margin-top: 6px;
	text-align: left;
	margin-left: 18px;
	padding-left: 0;
}
h1 {
	color: #656565;
	border: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	line-height: 1.0em;
	margin: 0;
}
h2 {
	color: #CC0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
}
h3 {
	color: #CC0000;
	border-right: 0;
	font-size: large;
	font-weight: bold;
	line-height: 14pt;
	margin: 2px 0 0 0;
}
h4 {
	color: #CC0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 12pt;
	margin: 12px 0 0 0;
}
h5 {
	color: white; /* #CC0000; */
	background-color: gray;   /*#CC0000; */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 12pt;
	margin:0 0 4px 0;
	padding: 0 10px 0 0;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	height: 16px;
}
h6 {
	color: #CC0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 10pt; /* border: 1px dotted #A52A2A; */;
	margin: 1.5em 0 .25em 0;
}
/* ----------------- centre page columns --------------- */


/* -------------------- right hand top image ----------- */
.imageright {
	background-color:transparent;
	float:right;
	border: none;
}
/* -------------------- centred image ----------- */
.imagecentre {
	background-color: transparent;
	float: none;
	border: 1px #000000 solid;
}

/* ------------------- LEFT MENU ----------------- */
.menuheaderleft {
	border: 1px black solid;
	margin: 0 20px 1px 10px;
	padding-left: 10px;
}
a.menuleft {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	text-align: left;
	display: block;
	margin-left: 3px;
	margin-right: 20px;
	margin-left:10px;
	margin-bottom: 2px;
	padding: 3px 6px 3px 10px;
	border-bottom: inset;
	border-width: 1px;
	left: 5px;
}
/*
a.menuleft {
	left: 10px;
	border-bottom: thin; 
	border: 1px 1px 1px 10px; 
	border-color: #F2F2F2 solid;
	border-left:20px #F2F2F2 solid;
	border-top:5px #F2F2F2 solid;
	border-bottom:5px #F2F2F2 solid;
	margin: 0 20px 2px 10px;`
	padding: 3px 6px 3px 0px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	text-align: left;
	display: block;
}
*/
a:link.menuleft {
	color: #2f2f2f;
	background-color: #F2F2F2;
	border-right: 0px solid #fefefe;
}
a:visited.menuleft {
	color: #2f2f2f;
	background-color: #F2F2F2;
	border-right: 0px solid #efefef;
}
a:hover.menuleft {
/*	text-align: left; */
	color: #ffffff;
	background-color: #2f2f2f;
	border-right: 0px solid #CC0000;
}
a:active.menuleft {
	text-align: right;
	color: #ffffff;
	background-color: #CC0000;
	border-right: 0px solid #2f2f2f;
}
a:focus.menuleft {
	text-align: right;
	color: #ffffff;
	background-color: #CC0000;
	border-right: 0px solid #2f2f2f;
}
/* ------------------ RIGHT MENU ----------------- */
.menuheaderright {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	border: 1px black solid;
	border-collapse: collapse;
	float: none;
	top: 0;
	position: relative;
	vertical-align: top;
}
a.menuright {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	text-align: left;
	display: block;
	margin-left: 0;
	margin-bottom: 2px;
	padding: 3px 6px 3px 10px;
	border-bottom: inset;
	border-width: 1px;
	left: 5px;
}
a:link.menuright {
	color: #2f2f2f;
	background-color: #F2F2F2;
	border-right: 0px solid #fefefe;
}
a:visited.menuright {
	color: #2f2f2f;
	background-color: #F2F2F2;
	border-right: 0px solid #efefef;
}
a:hover.menuright {
	text-align: left;
	color: #ffffff;
	background-color: #2f2f2f;
	border-right: 0px solid #CC0000;
}
a:active.menuright {
	text-align: left;
	color: #ffffff;
	background-color: #CC0000;
	border-right: 0px solid #2f2f2f;
}
a:focus.menuright {
	text-align: left;
	color: #ffffff;
	background-color: #CC0000;
	border-right: 0px solid #2f2f2f;
}
.right_box1 {
	border-bottom: 0px solid #656565;
	position: relative;
	padding: 0 10px 0 10px;
	margin-left: 10px;
	margin-right: 10px;
	left: 0;
	bottom: 0;
}
.google {
	border-bottom: 1px solid #656565;
	position: relative;
	padding: 10px;
	margin-left: 20px;
	margin-right: 10px;
	left: 0;
	bottom: 0;
}

.validator {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	border: 0;
}

/* ----------------------------- TOP MENU ---------------*/
#menutop ul {
	padding : 0;
	margin : 0;
	/* float : right; */
	top : 68px; 
	left: 15px; 
	position: absolute;
	z-index:1;
}
.zoom {
	float:right;
	position: absolute;
	right:0; 
	top:15px; 
	color: silver; 
}
#menutop ul li{
	display: inline;
}

#menutop ul li a {
	margin: 0;
	padding-left : 1em;
	padding-right : 1em;
	background-color: transparent;
	color : black;
	font-weight : bold;
	text-decoration : none;
	float : left;
	border-right-color : white;
	border-right-style : solid;
	border-right-width : 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-variant: normal;
}
#menutop ul li a:hover {
	background-color : Black;
	color : white;
}
#menutop ul li a:active {
	background-color : #CC0000;
	color : white;
}
#menutop ul li a:focus {
	background-color : #CC0000;
	color : white;
}

/* ----------------------- Header positions ----------------- */
.header {
	top: 65px;
	z-index:1;
}
.headertopleft {
	font: 10pt "MS Reference Sans Serif", arial, helvetica, sans-serif;
	position: relative;
	left: 10px;
	text-align: left;
	top: 18px;
	margin: 0;
	border: thin none;
	padding: 0;
	width: 255px;
	color: #808080;
	font-weight: bold;
}
/* ------------------------- Footer positions ------------ */
.footer {
	top: 0;
	left: 0;
}
.footerleft {
	left: 10px;
	color:black;
	background: transparent;
}
#footertext {
	color: black; 
	background-color:  transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	top: 2px;
}
/* ----------------- Webmail input positions -------------*/
.posa {
	left: 6px;
	top: 0;
}
.posb {
	left: 6px;
	top: 3px;
}
.posbutton {
	height: 15px;
	left: 200px;
	color: #c0c0c0; 
	background-color: white;
	top: 18px;
	width: 25px;
}
.posc {
	left: 6px;
	top: 20px;
}
#horizontalline {
	border-bottom-width: 1px;
	border-bottom-style:solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	height: 16px;
	left: 0;
	position: absolute;
	width: 102%;
	z-index: 0;
	color: Black;
	background-color:  silver;
}
/*
.formbackground {
	height:100%;
	background:fuchsia;
	}
*/
/*---------------------- Main ------------ */
.tabcontent {
	background-color: #FFFFFF;
	border-bottom: 1px solid #ADADAD;
	border-left: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	left: 0;
	padding-bottom: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: RELATIVE;
	text-align: left;
	top: 10px;
	width: 500px;
	z-index: 9999;
}
/* ---------------------- contact us ------------- */
#picture {
}
/* ------------ webmail ------------ */
#login {
	color: #C0C0C0;
	background-color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	position: absolute;
}
.label {
	display : block;
}
/* ----------------- partners - become a reseller ---- */
form 	{
	margin : 0;
	padding : 0;
	left: 20px;
/*	overflow: scroll; */
}
label {
	display: block;
}
.column1 {
	position: fixed;
	width: auto;
	height: auto;
	top: 110px;
	left: 0;
}
.column2 {
	position: fixed;
	width: auto;
	height: auto;
	top: 97px;
	left: 280px;
}
/* ------------ centre solutions --------------- 
.box1 {
	padding: 40px;
	position: fixed;
	width: 50%;
	height: 50%;
	top: 0px;
	left: 0px;
	color: #000000;
	background-color: #FFFF00;
}
.box2 {
	padding: 40px;
	position: fixed;
	width: 50%;
	height: 50%;
	top: 0px;
	right: 0px;
	color: yellow;
	left: 50%;
	background-color: #FF0000;
}
.box3 {
	padding: 40px;
	position: fixed;
	width: 50%;
	height: 50%;
	top: 50%;
	right: 50%;
	color: yellow;
	background-color: #0000FF;
	vertical-align: middle;
	left: 0;
}
.box4 {
	padding: 40px;
	position: fixed;
	width: 50%;
	height: 50%;
	top: 50%;
	right: 0px;
	color: yellow;
	left: 50%;
	background-color: #008000;
}
.boxtext {
	width: 80%;
	font: 250% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
*/