HTML { height: 100%; }
/*body,p,a,div,td,li { font-family: Arial, sans-serif; }*/
body,p,a,div,td,li { font-family: Arial, Helvetica, sans-serif; }
BODY {
	font-size: 10pt; 
background: #EFEFEF; min-height: 100%; height: 100%; padding: 0px; margin: 5px; padding-top:40px;
				background-image: url('images/xamime-bg.png');
				background-position: top right;
				background-repeat: no-repeat;
}

#firewallimg {
overflow: hidden;
position: absolute;
bottom: 0px;
right:0px;
}

#xamimelogo {
overflow: none;
position: absolute;
top: 60px;
right:20px;
		min-height: 110px;
height: 110px;
		  background-image: url('images/xamime-logo-web.png');
		  background-repeat: no-repeat;
		  background-position: top right;

}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
			font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

img.blimg { padding: 10px; border: 0; }
table.blog { margin: 5px; margin-bottom: 30px; }
td.blog { padding-left: 5px; padding-right: 5px; padding-top: 10px; vertical-align: top; }
td.blogimg { padding: 5px; vertical-align:top; }



.latestevents, .latestblog { font-size:14pt; margin-left: 5px; margin-top: 20px; }

.becontent { 
position: relative;
			 font-size: 10pt;
			 line-height: 150%;
			 text-align: justify; 
padding: 10px; 
margin: 10px;

border: 1px solid #d7d1cc;
border: 1px solid rgba(59,29,2,0.3);
		  background-image:-webkit-gradient(linear, 0% 1%, 0% 95% , from(rgba(255,255,255,0.3)) , to(rgba(59,29,2,0.2))); 
		  background-image:-moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(59,29,2,0.2));
		  -moz-border-radius: 0.25em; 
		  border-radius: 0.25em;
}

DIV.gradientbox {
width: 550px;
margin: 10px;
padding: 15px;
			font-size: 10pt;
			text-align: justify;
			line-height: 150%;

border: 1px solid #d7d1cc;
border: 1px solid rgba(59,29,2,0.3);
		  background-image:-webkit-gradient(linear, 0% 1%, 0% 95% , from(rgba(255,255,255,0.3)) , to(rgba(59,29,2,0.2)));
		  background-image:-moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(59,29,2,0.2));
		  -moz-border-radius: 0.25em; 
		  border-radius: 0.25em;
}


DIV.siteintro { font-size: 16pt; text-align: center; }
DIV.events { background-image: url('images/news-events-faint.png'); background-repeat: no-repeat; background-position: top left; padding-top: 20px;}
DIV.welcome { background-image: url('images/welcome-mid.png'); background-repeat: no-repeat; background-position: top left; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
DIV.contacts { background-image: url('images/contacts-faint.png'); background-repeat: no-repeat; background-position: top left; padding-top: 30px; }

DIV.latestevents { background-image: url('images/news-events-faint.png'); background-repeat: no-repeat; background-position: top left; padding-top: 0px;}
DIV.stats { background-image: url('images/stats-faint.png'); background-repeat: no-repeat; background-position: top left; padding-top: 5px;}

#blogformdiv { clear:both; padding-left: 20px; }
a.addblog { float: right; color: #444444; text-align: right;  }
a.addblog:hover { color: #AA4444; }
#blogaddform { width: 320px; display:none; clear:both; }
#bftitle { width: 500px; }
#bfcontentarea { position: relative; width: 500px; clear:both; height: 150px; }
.bimage { width: 120px; float: right; clear: left; position: relative; right: 10px; }
.betitle { font-size: 10pt; text-align: right; font-weight:bold; color: #3b1d02; }
.bedate { font-size: 8pt; text-align: right; }
.bcontrol { position: relative; text-align: right; bottom: 0; }
a.bcontrol { color: #444444; }
a.bcontrol:hover { color: #AA4444; }
.blogentry { padding: 5px; }

A { text-decoration: none; }
A.finalfooter { font-size: 10pt; text-align:right; }
P.finalfooter { font-size: 10pt; text-align:right; border-top: 1px solid grey; }

ul.contactlist, li.contactlist { font-size: 10pt; padding: 10px; list-style-type: none; vertical-align: middle; }
img.contactlist { height: 24px; width: 24px; vertical-align: middle; border: 0px; }
a.contactlist { color: #333333; font-size: 10pt; }

DIV.mainpagenote { font-size: 10pt; text-align: justify; padding: 5px; padding: 1px; margin-top: 15px; margin-left: 15px; }
P.mainpagenotetitle { font-size: 16pt; font-weight: bold; margin: 5px; }
ul.mainpagenote, li.mainpagenote{ overflow:hidden; list-style: none; margin: 0; padding: 0; }
li.mainpagenote { float: left; margin: 5px; padding-right: 10px;  }
li.mainpagenoteimg { float: left; margin: 0px; padding: 1px;  }
img.mainpagenoteimg { }


#contenttable { width: 100%; }
TD.contentcell { vertical-align: top; }
TD.rightnavcell { vertical-align: top; width: 280px; padding-top: 60px; }

ul.loginmenu,  li.loginmenu { list-style: none; margin: 0px; padding 0px; }
ul.loginmenu { padding: 3px; margin: 0px; float: right; border: 1px solid grey; 
		  -moz-border-radius: 0.25em; 
		  border-radius: 0.25em;
background: #dddddd;
}
li.loginmenu { float: left; line-height: 24px; vertical-align: middle; margin-left: 5px; }
input.loginemail { width: 150px; margin-right: 10px; }
input.loginpass { width: 100px; }


#header {
position: relative;
margin: 0px; padding: 0px;
		  min-height: 30px; height: 30px;
		  margin-bottom: 20px;
}

#headermenu { 
margin: 0px;
		  padding-left: 10px;
}

ul.extendedmenu, li.extendedmenu { list-style: none; margin: 0; padding: 0; float: left; }
ul.extendedmenu { clear: both; margin-bottom: 20px;  }
li.extendedmenu { font-size: 10pt; padding: 3px; border: 1px solid white; }
li.extendedmenu:hover {
border: 1px solid black;
		  -moz-border-radius: 0.25em; 
		  border-radius: 0.25em;
color: #ffffff;
background: #333333;
}
a.extendedmenu {
	font-size: 10pt;
padding: 3px;
color: #3b1d02;
}
a.extendedmenu:hover {
color: #ffffff;
}


ul.headermenu { list-style: none; margin: 0; padding: 0;  }
li.headermenu {
float: left; 
margin: 0; 
		  padding-left: 1px; 
		  padding-right: 1px; 
		  padding-top: 5px;
		  padding-bottom: 5px;

}
a.headermenu { 
	font-size:12pt; 
padding: 3px;
border: 1px solid white;
color: #3b1d02; 
}
a.headermenu:hover {
border: 1px black solid;
		  -moz-border-radius: 0.25em; 
		  border-radius: 0.25em;
color: #ffffff;
background: #333333;
}
li.headermenu:hover { }

#container {  
position: relative;
border: 3px solid red;
		  -moz-border-radius: 1em; 
		  border-radius: 1em;
		  min-width: 950px;
		  max-width: 950px;
width: 950px;
margin: auto; padding: 10px; 
		  background-color: #ffffff; line-height: 120%;
}

#content {
width: 100%; 
		 background-color: #ffffff; 
		 text-align:left;
margin: 0px;
		  padding-top: 0px;
float:left;
}

#innercontent {
	background-color: white;
	text-align:left;
	margin-left: 15px;
	margin-right: 15px;
padding: 0px; 
float:left; 
width: 97%;
}


#rightnav {
	/*	border: 1px solid red; */
	min-height: 450px;
height: 100%;
		  background-color: #FFFFFF; float: right;
		  margin-right: 0px; 
		  padding-top: 0px;
		  padding-left: 5px; 
		  padding-right: 15px;
width: 280px;
}

#footer{  
	margin-left: 0px; 
padding: 0px; clear: both; background-color: white;
			line-height: 120%; 
			padding-bottom: 5px; 
			padding-top: 5px; 
}


P.newstitle { font-size:14pt; font-weight: bold; color: #957f69; }
P.newsentry { font-size: 10pt; padding-bottom: 5px; border-bottom: 1px solid #957f69; }

.titletext { font-size: 32pt; font-weight: bold; font-style: italic; font-family: Arial, sans-serif; position: relative; top: 16pt; left: -10px; align: left; color: #616161 }

P.featurepoint { font-size:20pt; font-weight:bold; font-style: italic; text-align:left; padding: 0px; margin: 0px; color: #616161; position: relative; top: 5px; }
P.pagetitle { border-bottom: 1px black solid; font-size:14pt; font-weight:bold; background: #EEEEEE; text-align:right; padding: 4px; margin:0px; margin-bottom:20px; }


ul.rightpoints, li.rightpoints { font-size: 12pt; list-style: none; }
li.rightpoints { padding: 5px; }
DIV.rightpoints { margin-top: 100px; text-align: right; }

ul.quickpoints, li.quickpoints { padding: 2px; line-height: 130%; color:#000000; }
ul.satpoints, li.satpoints { padding: 5px; line-height: 130%; color:#000000; }
ul.installationpoints, li.installationpoints { padding: 5px; line-height: 150%; color:#000000; }
ul.repoints, li.repoints { padding: 5px; line-height: 130%; color:#000000; }
ul.ofpoints, li.ofpoints { padding: 5px; line-height: 130%; color:#000000; }
ul.vcpoints, li.vcpoints { padding: 5px; line-height: 130%; color:#000000; }
ul.srpoints, li.srpoints { padding: 5px; line-height: 130%; color:#000000; }
ul.supportitem, li.supportitem { padding: 3px; line-height: 120%; color:#000000; }
P.supportheader {  background:#E8E8E8; border-bottom: 1px solid grey; padding:2px; width:75%; color:#111111; }

P.contacttitle {  background:#E8E8E8; border-bottom: 1px solid grey; padding:2px; width:75%; color:#111111; }
P.contactcountry {  background:#E8E8E8; border-bottom: 1px solid grey; padding:2px; width:50%; color:#111111; }
ul.contactitems, li.contactitems { padding: 3px; line-height: 120%; color:#000000; }

TD.pricingfeature, TH.pricingtable { font-size:12pt; font-weight:bold; background: #EEE0EE; color:#111111; }
TD.pricingtable { font-size:10pt; }
TD.pricingtablelead { color:#111111; }


UL.plist { list-style: none; padding: 0px; margin-left: 0px;  }
LI.plist, LI.plistn, LI.plisth { list-style: none; font-size: 10pt; padding: 3px; }
LI.plistn { text-align: right; }
LI.plisth { text-align: center; font-weight: bold; }
DIV.plist {
border: 1px solid #eeeeee; float: left;
margin: 3px;
padding: 5px;
}


ul.screenshots { list-style: none; padding: 5px; margin: 5px; }
ul.screenshotimage { border: 1px solid #333333; padding: 5px; margin: 5px; margin-bottom: 20px;
			  -moz-border-radius: 0.25em; 
		  border-radius: 0.25em;
}
ul.screenshotimage, li.screenshotimage { list-style:none; overflow:hidden; }
li.screenshotimage { float:left; margin:0px; padding:0px; width: 330px; list-style: none;  }
li.screenshottext { list-style:none; }