@charset "utf-8";
/* CSS Document BENJI home*/

body{
	background:url(images/bg.gif) repeat-x 0 0 #FFFFFF; color:#000000;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	margin:0; padding:0; border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
	}
	
	
	
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin: 5px; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

#framecontent{
	position: absolute;
	top: -7px;
	left: -5px;
	width: 100%;
	height: 50px; /*Height of frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background-color: #2778a5;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: smaller;
}


#maincontent{
	position: fixed;
	width: 100%;
	top: 25px; /*Set top value to HeightOfFrameDiv*/
	left: -5px;
	right: 0;
	bottom: 0;
	overflow: auto;
	background: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	}


.innertube{
    margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 100px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

/* -- header start -- css/images/header_right_bg.png*/
#header{
	width:820px;
	margin:0 auto;
	color:#000000;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#headerRight{
	background:url() repeat-y 0 0; color:#000000; position:relative;
width:255px; float:right; border-bottom:#FFFFFF 1px solid; border-left:#FFFFFF 1px solid;}

.rightTopBg{
	background:url() no-repeat 0 0; color:#000000;
	width:255px; height:152px; display:block; padding:0 0 6px 0;}
#headerRight img{
	border:none;	position:absolute; 	left:-400px;	top:90px;}
#headerRight img.benji{
	border:none;	position:absolute; 	left:-580px;	top:90px;}
#headerRight h1{
	font:bold 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#2970a3; position:absolute; left:-390px; top:300px;
	}
#headerRight ul{
	position:absolute; top:25px; left:0;}
#headerRight ul li{
	margin:0 0 1px 0; height:18px;}
#headerRight ul li a.home{
	height:23px;
	display:block;
	color:#FFFFFF;
	width:255px;
	text-decoration:none;
	background-image: url(css/images/home_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 0 0 48px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 23px;
	font-weight: bold;
}	
#headerRight ul li a.home:hover{
	background:url(css/images/home_bg_H.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none;line-height: 23px;}		
#headerRight ul li a.homeHover{
	background:url(css/images/home_bg_h.gif) no-repeat 0 0;height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}		
#headerRight ul li a.community{
	background:url(css/images/community_bg.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}	
#headerRight ul li a.community:hover{
	background:url(css/images/community_bg_H.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}
#headerRight ul li a.software{
	background:url(css/images/software_bg.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}		
#headerRight ul li a.software:hover{
	background:url(css/images/software_bg_H.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}		
#headerRight ul li a.formazione{
	background:url(css/images/formazione_bg.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}		
#headerRight ul li a.downloads{
	background:url(css/images/downloads_bg.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}	
#headerRight ul li a.formazione:hover{
	background:url(css/images/formazione_bg_H.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}	
#headerRight ul li a.downloads:hover{
	background:url(css/images/downloads_bg_H.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}	
#headerRight ul li a.realtime{
	background:url(css/images/realtime_bg.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}		
#headerRight ul li a.realtime:hover{
	background:url(css/images/realtime_bg_H.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}	
#headerRight ul li a.contact{
	background:url(css/images/contact_bg.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}	
#headerRight ul li a.contact:hover{
	background:url(css/images/contact_bg_h.gif) no-repeat 0 0; height:23px; display:block;
	font:bold 10px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 48px; width:255px; text-decoration:none; line-height: 23px;}	
	
	
#headerRight form{
	background:url(css/images/search_bg.gif) no-repeat 0 0;
	width:252px; height:39px; padding:13px 0 0 23px; float:left;}
#headerRight form label{
	background:url(css/images/search_icon.gif) no-repeat 0 2px #2B2B2B; color:#FFFFFF; padding:0 10px 0 20px;
	font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left;}
#headerRight form input{
	background-color:#FFFFFF; color:#000000; border:#000000 1px solid; width:117px; height:12px; padding:1px;
	font:normal 10px/11px Arial, Helvetica, sans-serif; float:left;}
#headerRight form input.goBtn{
	border:none; width:19px; height:13px; margin:1px 0 0 7px; background-color:#2B2B2B; color:#FFFFFF;
	float:left;}
#headerRight form p{
	background:url(images/search_arrow.gif) no-repeat right center #2B2B2B; color:#FFFFFF; float:left;
	padding:0px 11px 0 0; font:normal 10px/19px Arial, Helvetica, sans-serif;}	
/* -- header end -- */
/* -- red pannel start -- */
#blue{
	color:#FFFFFF;
	border-bottom:#FFFFFF 1px solid;
	height:347px;
	background-color: #2778A5;
	background-image: url(images/blue_bg.gif);
	background-position: left 0px;
}
#blueContainer{
	width:800px;
	margin:0 auto;
	top: 0px;
	font-size: 11px;
}
a.more{
	color:#2B2B2B;
	width:49px;
	height:23px;
	display:block;
	float:right;
	font:bold 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 26px;
	padding-right: 10;
	padding-bottom: 0;
	padding-left: 68px;
	text-align: left;
	background-color: #2778A5;
	background-image: url(images/more_btn_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a.more:hover{
	background:url(images/more_btn_bg_h.gif) no-repeat 0 0 #CC0000; color:#2B2B2B;
	width:49px; height:23px; padding:26px 0 0 68px; margin:2px 0 0 0; display:block; float:right;
	font:bold 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;}
.blueLeft{
	width: 457px;
	float:left;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 20px;
}
	
.blueLeft a{
	color: #00CCFF;
	text-decoration: none;
	 }
	
.blueLeft h2{
	font:bold 16px/22px Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	}
.blueLeft p{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
}
.blueRight{
	width:220px;
	height:347px;
	float:left;
	background-image: url(images/blue_right_bg.gif);
	background-repeat: no-repeat;
	background-position: -10;
	
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
}
.blueRight a{
	color: #00CCFF;
	text-decoration: none;
	 }
	 
 
form {
	width:206px;
	padding:0 0 36px 0;
	color:#000000;
	height:230px;
	padding:0 29px;
	color:#2B2B2B;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}	
form input{
	color:#000000;
	border:0;
	background-color:#FFFFFF;
	padding:1px;
	width:185px;
	height:13px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
}

#btn_down{
	width:195x;
	height:45;
	padding : 5px;
	background-position: center center;
	text-align: center;
}
#btn_down a.dwn		{
	background-image: url(images/BTN_ON.png);
	line-height: 46px;
	height: 45px;
	width: 195px;
	background-position: center center;	
}
#btn_down a.dwn:hover		{
	background-image: url(images/BTN_DOWN.png);
	width: 195px;
	height: 45px;
	background-position: center center;
}

			
.formRight{
	width:206px; padding:0 0 36px 0;}	
.formRight span.top{
	background:url(images/form_right_top.gif) no-repeat 0 0 #CC0000;
	color:#000000; height:15px; line-height:0; font-size:0; display:block;}	
.formRight span.bottom{
	background:url(images/form_right_bottom.gif) no-repeat 0 0 #CC0000;
	color:#000000; height:18px; line-height:0; font-size:0; display:block;}	
.formRight form{
	background:url(images/form_bg.gif) repeat-y 0 0 #E0E0E0;
	color:#000000; height:116px; padding:0 29px;}	
.formRight form h2{
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2B2B2B;
	background:url(images/newsletter_icon.gif) no-repeat 0 3px #E0E0E0; padding:0 0 3px 15px; float:left;}
.formRight form label{
	font:normal 10px/21px Arial, Helvetica, sans-serif; color:#000000;
	background-color:#E0E0E0; float:left;}
.formRight form input{
	font:normal 10px/11px Arial, Helvetica, sans-serif; color:#000000;
	border:#969696 1px solid; background-color:#FFFFFF;
	padding:1px; width:144px; height:11px; float:left;}
.formRight form input.submit{
	color:#000000;
	border:none; background-color:#2B2B2B;
	padding:0; margin:10px 0 0 0; width:46px; height:13px; float:right;}
.blueRight h2{
	color:#FFFFFF;
	background-color:#2778a5;
	padding:0 0 18px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 21px;
	font-weight: normal;
	font-variant: normal;
}	
.blueRight h3{
	font:bold 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 0 6px 0;
	background-repeat: no-repeat;
	background-position: 107px top;
}	
.blueRight p{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
}
/* -- red pannel end --*/
/* -- footer start -- */
#bottomPannel{
	width:750px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#articlePannel{
	background:url(images/bottom_black_bg.gif) repeat-y right top; width:800px; margin:0 54px 0 0;}
#articlePannel span.blackTop{
	background:url(images/black_top.gif) no-repeat 0 0; height:14px; display:block; float:right; width:750px;}
#articlePannel span.blackBottom{
	background:url(images/black_bottom.gif) no-repeat 0 0; height:28px; display:block; float:right; width:750px;}
.articleLink{
	width:216px; padding:0 43px 0 7px; float:left;}
.articleLink h2{
	color:#FFFFFF;
	padding:0 0 0 68px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	font-variant: normal;
}
.articleLink ul{
	background:url(images/article_ul_bg.gif) no-repeat 0 10px; padding:8px 0 0 68px;}
.articleLink ul li{
	height:20px;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #C9CED4;
	background-image: url(images/divider_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 19px;
}
.articleLink ul li.noborder{
	height:20px; background-color:#2B2B2B; background-image:none;
	font:normal 13px/19px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.articleLink ul li a{
	height:19px;
	text-decoration:none;
	background-color:#C5CAD0;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	display:block;
}
.articleLink ul li a:hover{
	height:19px;
	text-decoration:none;
	background-color:#666666;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	display:block;
}
.add{
	width:458px; float:left; padding:18px 0 0 0;}
.add img{
	margin:0 10px 10px 0; border:none; padding:0;}
#footer{
	width:auto;
	height:80px;
	text-align:center;
	padding-top: 2px;
	padding-right: 60px;
	padding-bottom: 0;
	padding-left: 0;
}
#footer ul li{
	float:right;}
#footer ul li a{
	font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#2B2B2B; background-color:#FFFFFF; padding:0 10px;}
#footer ul li a:hover{
	font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#2B2B2B; background-color:#ECECEC; padding:0 10px;}
#footer p{
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#8CC5E3;
	padding:0 10px;
	float:right;
}
a.xhtml{
	background:url(images/xhtml_bg.gif) no-repeat 0 0 #FFFFFF; width:54px; height:15px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2B2B2B; margin:5px 0;
	text-decoration:none; text-align:center; float:right;}
a.xhtml:hover{
	background:url(images/xhtml_bg_h.gif) no-repeat 0 0 #FFFFFF; width:54px; height:15px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2B2B2B; margin:5px 0;
	text-transform:uppercase; text-decoration:none; text-align:center; float:right;}
a.css{
	background:url(images/css_bg.gif) no-repeat 0 0 #FFFFFF; width:40px; height:15px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2B2B2B; margin:5px 10px;
	text-transform:uppercase; text-decoration:none; text-align:center; float:right;}
a.css:hover{
	background:url(images/css_bg_h.gif) no-repeat 0 0 #FFFFFF; width:40px; height:15px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2B2B2B; margin:5px 10px;
	text-transform:uppercase; text-decoration:none; text-align:center; float:right;}
#footer p.tworld{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C10000; padding:5px 10px; float:right; text-transform:uppercase;}
#footer p.tworld a{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#1B1B1B; text-transform:uppercase; text-decoration:none;}
#footer p.tworld a:hover{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#575757; text-transform:uppercase; text-decoration:none;}
/* -- footer end -- */	

#submit a {
background: transparent url(images/BTN_ON2) no-repeat;
text-decoration: none;
}

#submit a:hover {
background: transparent url(images/BTN_DOWN2) no-repeat;
text-decoration: none;
}