/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
	background: url("../images/bg.gif");
	font-family: arial, verdana, sans-serif;
	color:#363636;
}

#clear{ clear:both; }

/*FONTS*/
.hidden{ display:none; }
h1{font-size:1.5em;}
h2{padding:0.2em 0; font-size:1.4em;}
h3{font-size:1em;}
h4{ padding:0.1em; 	font-size:0.9em; background: url("../images/arrow.gif") right center;
    background-repeat: no-repeat; padding-right:17px; line-height:1.5em; text-align:right}
p{ padding:0.5em 0;}
li{padding:0.5em 0;}
.link a{ color:#363636; text-decoration:none; }
.link a:hover{ color:#363636; text-decoration:underline; }
#bod_faq #contents ol{margin-left:2em;}
.fig_desc{font-size:0.7em; text-align:center; padding-bottom:2em;}
#bod_dow #contents ul{margin:0 0 0 1em; padding:0; font-size:0.9em;}
#linkx{margin-right:10px; text-align:right; font-size:0.6em; clear:both; color:#181818;}
#footer #linkx a, #footer #linkx a:visited{ color:#181818; }
/*END FONTS*/

/*NAVIGATION*/
#nav{
	padding:0;
	background:#6C6C6C;
	list-style-type:none;
	width:800px;
	position:absolute;
	top:-0.5em;
	left:0;
	float:left;
}

#nav li{
	margin:0;
	padding:0;
	float:left;
}

#nav a{
	float:left;
	width:90px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	line-height:2.5;
}

#nav a:hover{
	background-color:#C6C6C6;
}


#bod_hom #nav_hom a, #bod_abo #nav_abo a, #bod_scr #nav_abo a, #bod_com #nav_abo a, #bod_dow #nav_dow a, 
#bod_hel #nav_hel a, #bod_faq #nav_hel a, #bod_con #nav_hel a{
	background-color:#FFF;
	color:#363636;
	font-weight:bold;
}

/*END NAVIGATION*/

#top_header{
	width:100%;
	min-width:800px;
	height:4.5em;
	background-color:#000;
	padding-top:2.5em;	
}

#top_header h1{
    height: 61px; /* height of the replacement image */
    background-image: url("../images/logo.gif");
    background-repeat: no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#wrapper{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#FFF;
	position:relative;
	padding-top:36px;
}

#header_bar{
	padding:0 5px 0 5px;
	position:relative;	
}

#header_bar h4{
	margin-right:320px;	
}

#promo{
	width:425px;
	height:200px;
	position:absolute;
	top:90px;
	left:25px;
}

#promo h3{
	font-weight:normal;
	padding-bottom:15px;
}

/*END HEADER SECTION*/

/*CONTENTS*/

#main{
	padding:5px;
	width:790px;
	min-height:400px;
	font-size:0.9em;
}

#contents{
	width:530px;
	padding:0 0.5em;
	float:left;
}

#bod_hom #features{
width:230px;
float:right;
background-color:#EBF5FC;
padding:0 0.5em 0 0;
}

#bod_hom #features h2{
padding:0 0.5em;
}

#bod_hom #features ul{
font-size:0.9em;
padding:0.5em;
}

#features{
	width:28%;
	float:right;
	padding:0 0.5em 0 0;

}



#features .infobox{
border:1px solid #e6e6e6;
margin:1em 0;

}

#features .infobox h3{
line-height:1.5em;
font-size:0.9em;
border-bottom:1px solid #e6e6e6;
background:url("../images/infoboxbg.gif") left center repeat-x;
padding:0 0.5em;
}

#features .infobox p{
font-size:0.9em;
padding:0.5em;
}

#features p.tick{
padding:0 0 0 30px; 
line-height:25px; 
background: url("../images/tick-button.png") left center no-repeat;
margin:0 0 0 0.5em;
}

#features ul{
	margin-left:1em;
}

#features img{
border:none;
}

#footholder {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

#copy{
	margin: 0;
	float:left;
}

#copy{
	margin:25px 0 0 0;
	float:left;
}

#footholder h3{
	font-size:0.7em;
	margin-top:15px;
	margin-bottom:1em;
}

#footholder p{
	font-size:0.7em;
	margin:0;
	padding:0;
}

#copy p{
	margin-left:10px;
	}

#footholder .footerlink{
	float:left;
	width:105px;
}

#footholder #home{
	margin-left:120px;
}


/*DOWNLOAD PAGE*/

#bod_dow #contents .downstep{
position:relative;
min-height:172px;
clear:both;
margin-top:1em;
background-color:#EBF5FC;
}

#bod_dow #contents .downstep h3{
position:absolute;
left:5px;
top:5px;

}

#bod_dow #contents .downstep p{
position:absolute;
top:2.4em;
width:250px;
left:5px;
}

#bod_dow #contents .downstep img{
position:absolute;
right:0;
top:0;
}

/*FAQ PAGE*/

#bod_faq #contents h3{
margin:0.5em 0;
}

fieldset{
border-style:none;
}

fieldset ol{
padding:0 0.5em;
list-style:none;
}

input.submit{

width:100px;
}

label{
float:left;
width:2em;
margin-right:1.5em;
}

textarea{
clear:left;
}
/*FOOTER*/
#footer{
	width:100%;
	min-width:800px;
	height:7em;
	background: url("../images/footer_back.jpg") top left repeat;
	clear:both;
	color:#FFF;

}

#footer a{
	color:#FFF;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer a img{
	border-style:none;
}

.clear{
	clear:both;
	padding-bottom:1em;
}

.release_details{margin:0.8em 0; padding:0.8em 0; border-bottom:1px #EEEEEE solid;}