@charset "utf-8";
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
    font-weight:normal;
    line-height:14px;
    background: #171717 repeat-x url("../images/bodybackgr.png");
    margin: 0; 
    padding: 0;
    text-align: center;
    color: #000000;
}

#container {
    width:800px;
    height:auto; 
    background: #FFFFFF;
    margin: 0 auto 0 auto; 
    text-align:center;
}



#header {
    border: none;
    background: #A0A0A0; 
    margin: 0; 
    padding: 0;
}

#main {
    width:771px;
    height:auto;
    padding: 15px 0 0 0;
    background: #FFFFFF;
    text-align:left;
    margin: 0 auto 0 auto; 
}

#content {
	position:relative;
    float:left;    
    width:540px;
    padding:20px;
    border: none;
    background: #FFFFFF;
	background-image:url('../images/contentbackgr.png');
	background-repeat:no-repeat;
}

#headerimage{
width:800px;
height:41px;
margin:0;
padding:0;
border:none;
background-image:url('../images/header.png');
background-repeat:repeat-x;
text-align:left;
}

#rodenprologo{
	display:block;
	position:relative;
	left:20px;
	top:5px;
	width:150px;
	height:30px;
}

#right {
    float:right;    
    text-align:center;
	color:#FFD970;
}

#right1 {
    width:170px;
    height:200px;
    border: none;
    background-color: #CCCCCD;
    background-image:url("../images/leftboxe1backgr.png");
    background-repeat:no-repeat;
    display:block;
    
}

#right2 {
    width:170px;
    height:300px;
    text-align:center;
    border: none;
    background: #FFFFFF;
    background-image:url("../images/leftboxe2backgr.png");
    background-repeat:repeat-x;
    display:block;
	margin: 0 0 0px 0;	/*margin: 0 0 20px 0;*/

}

.rightscreenshots{
	background-color:#FFFFFF;
	border: solid 1px #FFFFFF;
	padding:1px;
	margin:auto;

}



#footer {
    height:42px;
    margin:0;
    padding: 0 ; 
    background:#333333;
    background-image:url("../images/footerbackgr.png");
    background-repeat: repeat-x;
    color:#FEFE98;
    font-size:12px;
    text-align:center;
} 

#footer_links {
    padding-top:10px;
}

#footer_links a {
    color:#EEEEEF;
    text-decoration:none;
}

#footer_links a:hover {
    text-decoration:underline;
    color:#EEEEEF;
}


#indexbottomgraph{
	position:relative;
	display:block;
	width:580px;
	height:37px;
	margin: 31px 0 0 -20px;
	padding:23px 0 0 0;
	background-image:url('../images/indexbottom.jpg');
	text-align:center;
}

#indexbottomgraph a{
	position:relative;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

span.featuretitle{
    color:#003399;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
	font-weight:bold;
    margin: 0 0 5px -15px;
}

span.privacy_policy a {
    color:#CCCCCC;
    font-size:10px;
    text-decoration:underline;
}

span.privacy_policy a:hover {
    text-decoration: none;
}


#copyright_text {
    color:#0033CC;
    font-size:10px;
    line-height:10px;
    margin-top:5px;
}


a.mpi{
    color:#550000;
    text-decoration:none;
    }


a.leftbutton{
    color:#EEEEEF;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    width:139px;
    height:24px;
    margin:auto;
    line-height:24px;
    background-image:url("../images/leftButton.gif");
    display:block;
    }

a.leftbutton:hover{
    color:#FFFFFF;
    }


/*assign to container to solve collapse problem (when using floats inside of it)*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
	float:none;
	clear: both;
    visibility: hidden;
}

.clearfloat {clear:both; float:none;}

.center{text-align:center;}

.pagetitle{
	font-size: 28px;
	color:#000040;
	font-weight:bold;
	text-align:center;
}

.faqquestion{
	color:#000040;
	font-weight:bold;
	font-size:14px;
}

.features_screenshot{
   padding: 2px;
   border: solid #000000 1px;
}

#TableFeatures {width: 100%; padding: 10px; margin: 0; text-align: center; display:block;}
#TableFeatures div.table-row {color: #000000; padding: 0px; text-align: center;}
#TableFeatures div.table-cell {width: 50%; float: left; text-align: left;}

#TableCompare {width: 450px; margin: auto; text-align: center;}
#TableCompare div.table-row {clear:both; color: #000000; padding: 0px; text-align: center;}
#TableCompare div.table-cell {width: 300px; height:30px; padding: 3px 10px 0 10px; float: left; text-align: left; display:block; border: solid #AAAAAA 1px;}
#TableCompare div.table-cell2 {width: 49px; height:30px; padding: 3px 0 0 0; float: left; text-align: center; display:block; border: solid #AAAAAA 1px;}
#TableCompare div.table-cell3 {width: 49px; height:30px; padding: 3px 0 0 0; float: left; text-align: center; display:block; border: solid #AAAAAA 1px;}
#TableCompare div.table-header-cell {width: 300px; padding: 3px 10px 0 10px; float: left; font-weight: bold; text-align: center;}
#TableCompare div.table-header-cell2 {width: 49px; padding: 3px 0 0 0; float: left; font-weight: bold; text-align: center;}
#TableCompare div.table-header-cell3 {width: 49px; padding: 3px 0 0 0; float: left; font-weight: bold; text-align: center;}

.textsize24{font-size:24px; line-height:24px;}
.textsize20{font-size:20px; line-height:20px;}
.textsize18{font-size:18px; line-height:18px;}
.textsize16{font-size:16px; line-height:16px;}
.textsize14{font-size:14px; line-height:14px;}