#container {
	font-family: Arial, Helvetica, sans-serif; 
	width:774px;
}

/* =Header
---------------------------------------------------------------------------------------------------- */
#documentHeader {
	width:100%;
}

#documentHeaderLeft {
	float:left; 
	background:url(../images/backgrounds/home/header_left.gif) no-repeat; 
	height:69px; 
	width:203px;
} 

#documentHeaderLeft #logo {
	padding: 8px 0 0 14px;
} 


#documentHeaderCenter {	
	float:left; 
	display:inline;	
	background:url(../images/backgrounds/home/header_center.gif) repeat-x; 
	height:18px; 
	width:471px; 
	margin: 0px; 
	padding-top: 40px; 
	padding-bottom:11px;
}

#documentHeaderCenter a {
	color:#FFFFFF; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	display:inline; 
	text-decoration:none;  
	padding-right:4px;
	padding-left: 8px; 
	margin-top:10px; 
	vertical-align:bottom;
}

#documentHeaderCenter a:hover {
	color:#FF0000; 
	text-decoration:none !important;
}

#documentHeaderRight {
	float:left; 
	cursor:pointer; 
	background:url(../images/backgrounds/home/header_right.gif) right no-repeat; 
	height:69px; 
	width:100px;
}

#documentHeaderBottom {
	background: #3333FF; 
	margin-left:5px;
	margin-right:5px; 
	height:5px; 
	width:774px; 
	clear:both;
}
#mainBody{width:100%; background:url(../images/backgrounds/home/main_body.gif) repeat-y; clear:both;}


/*breadcrumb styles*/
#breadcrumbs {font: 10px Verdana, Arial, Helvetica, sans-serif;color: #000000;line-height: 15px; text-decoration:none;padding-left:10px; width:765px; display:block; padding-top:10px; padding-bottom:10px;}
#breadcrumbs a {font: 10px Verdana, Arial, Helvetica, sans-serif;color: #000000;line-height: 15px; text-decoration:none;}
#breadcrumbs a:visited {font: 10px Verdana, Arial, Helvetica, sans-serif;color: #000000;line-height: 15px; text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}


#mainHeader{margin-left:5px; margin-bottom:0px;}

#mainMenu{width:763px; margin-left:auto; margin-right:auto; margin-top:0px; background:url(../images/backgrounds/home/menu_bar.gif) repeat-x; height:30px; padding: 8px 0px 5px 0px;}
#mainMenu a {color:#FFFFFF; font-weight:normal; text-decoration:none; padding-bottom:15px; padding-left:25px; padding-right:15px; letter-spacing:1px;}
#mainMenu a:hover {color:#d9991a;}


#mainBodyContent { width:520px; float:left; padding-left:25px; padding-right:12px;}
#mainBodyContent {font-size:13px; line-height:18px; color:#4d4d4f;}

#mainBodyContent h1 {
	font-size: 20px; 
	color: #D9991A; 
	padding-top: 19px; 
	padding-bottom: 4px;
	margin: 0;
}

#mainBodyContent h2 {
	font-size: 14px;  
	color: #104e8b; 
	padding: 8px 0 4px 0;
	margin: 0;
}

#mainBodyContent h3 {font-size:13px; line-height:16px; color:#4d4d4f;}
#mainBodyContent a {color:#4d4d4f;}
#mainBodyContent img {float:left; padding-right:10px;}

#mainBodyContentFull { width:700px; float:left; padding-left:25px; padding-right:12px;}
#mainBodyContentFull {font-size:13px; line-height:18px; color:#4d4d4f;}
#mainBodyContentFull h1 {font-size:20px; line-height:18px; color:#d9991a; padding-top:10px; padding-bottom:18px;}
#mainBodyContentFull h2 {font-size:14px; line-height:16px; color:#104e8b; padding-bottom:10px;}
#mainBodyContentFull h3 {font-size:13px; line-height:16px; color:#4d4d4f;}
#mainBodyContentFull a {color:#4d4d4f;}
#mainBodyContentFull img {float:left; padding-right:10px;}

#sideBar { width:186px; float:left; padding-top:15px;}
#sideBar img {cursor:pointer;}
#testimonials {height:125px; color:#000000; cursor:pointer;}
.sideBarHeader{width:100%; height:23px; background:url(../images/backgrounds/home/sidebar_head.gif) no-repeat; text-align:center; padding-top:8px; color:#FFFFFF; font-weight:normal;}
.sideBarHeader img {float:right; cursor:pointer; padding-right:3px;}
.sideBarBody{background:url(../images/backgrounds/home/sidebar_body.gif) repeat-y; padding:5px; font-size:12px; line-height:18px; color:#000000;}
.screenshot {padding-left:27px; padding-top:5px;}
.sideBarBody p {padding:0px; margin-top:5px;margin-bottom:5px; color:#000000; margin-left:15px; margin-right:15px;}
.sideBarBody img {cursor:pointer;}
.iconline{clear:both;display:block; padding:5px; float:none; text-decoration:none; font-weight:bold; color:#000000; cursor:pointer;font-size:11px;}
.iconline img{float:left; padding-right:6px;  padding-bottom:10px;  border:none;}
a.iconline:hover {color:#999999;}
#trialForm {left:-14px; border:#104E8B 1px solid; position:absolute; width:215px; background:#FFFFFF;}
#trialFormHead {background:#104E8B; color:#FFFFFF; font-weight:bold; padding:2px;}
#trialFormHead img {float:right;}
#submitButton{width:auto; border:none; cursor:pointer; background:#104E8B; color:#FFFFFF; font-weight:bold; padding:3px;}


#getXandrosHome {position:relative;}
.sideBarFooter{background:url(../images/backgrounds/home/sidebar_footer.gif) no-repeat; height:25px;}
#sideBarSpacer {visibility:hidden; height:25px;}

/*hidden div with the screenshots*/
#screenshots{
	position:absolute;
	width:700px;
	height:900px;
	left: 87px;
	top: 529px;
	background:url(../images/backgrounds/screenshot_background.gif) no-repeat; ;
}
#frame {width:655px; height:950px; border:none;}
#close {float:right; margin-top:15px; margin-right:65px; cursor:pointer;}

/*hidden div with the comparison matrix*/
#upgradeTable {padding:2px;	background:#104e8b;	position:absolute;	left: 232px; top: 405px; text-align:left; width:282px;}
#upgradeTableHeader {width:100%; padding:0px; margin:0px; height: 15px; font-size:14px; font-weight:bold; color:#FFFFFF;}
#upgradeTableHeaderText {padding-top:5px; padding-bottom: 5px; padding-left:7px; font-family:Arial, Helvetica, sans-serif;}
#upgradeTableHeader img {float:right; cursor:pointer; padding:2px; margin:0px; display:inline;}

#mainFooter {clear:both; background:url(../images/backgrounds/home/footer.gif) no-repeat; width:100%; height:50px;}


/*fix for mainBody background display problem*/
.clearfix:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}

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

/*Form styles*/
#trial input {width:100px; font-family:Arial, Helvetica, sans-serif;}
#trial .submit {background:#104e8b; color:#FFFFFF; font-weight:bold; width:75px; float:right; cursor:pointer; font-size:11px;}

/*Error styles*/
.validation-advice {color:#FF0033; font-size:10px;}