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

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px ;
	color: #000 ;
}

a {
	text-decoration: none ;
	color: #06c ;
}

a:hover {
	color: #fe9900 ;
}
a img {
	text-decoration: none ;
	border: none ;
}

h2 {
	clear: both ;
	margin: auto ;
	padding: 0 ;
	font-family:Arial, Helvetica, sans-serif ;
	font-size: 15px ;
	color: #090 ;
}

div#container {
	margin: 0 auto ;
	width: 698px ;
}

/* HEADER */
	div#header {
		width: 698px ;
		height: 117px ;
		background-image: url(../images/top2en.gif) ;
		position: relative ;
	}
	
	div#header.fr {
		background-image: url(../images/top2fr.gif) ;
	}
	
		div#header p#logo_hotspot a {
			float: left ;
			display: block ;
			position: relative ;
			margin: 15px 0 0 45px ;
			width: 175px ;
			height: 75px ;
			background: none ;
		}
		
		* html div#header p#logo_hotspot a {
			margin/**/: 15px 0 0 23px ;	
		}


	/* MENU1 */
		
		div#header ul#top-menu1 {
			list-style: none ;
			float: right ;
			margin: 0 12px ;
			font-weight: 700 ;
		}
		
			div#header ul#top-menu1 li {
				float: left ;
				padding: 17px 3px 0 3px ;
			}
			
			div#header ul#top-menu1 li a {
				color: #fe9900 ;
				font-size: 0.95em ;
			}
	/* END MENU1 */

	/* MENU2 */
		div#header ul#top-menu2 {
			list-style: none ;
			clear: both ;
			float: right ;
			margin: 0 12px 0 -195px ;
			font-weight: 700 ;
		}
		* html div#header ul#top-menu2 {
			margin/**/: 0 12px 0 -210px ;
			position: relative ;
			
		}
		
			div#header ul#top-menu2 li {
				float: left ;
				padding: 5px 3px 0 3px ;
			}
			
			*div#header ul#top-menu2 li {
				float: left ;
				padding: 64px 5px 0 0px ;
			}
			
			* html div#header ul#top-menu2 li {
				padding/**/: 64px 0px 0 5px ;
			}
			
			div#header ul#top-menu2 li a {
				color: #fe9900 ;
				font-size: 1.1em ;
			}
			
			div#header ul#top-menu2 li#trial {
				margin: 0 128px 0 0 ;
			}
			
			 * html div#header ul#top-menu2 li#trial {
				margin/**/: 0 120px 0 0px ;
			}

			
	/* END MENU2 */
	
/* END HEADER */

/* LEFT COLLOMN */
	div#left {
		width: 158px ;
		margin: 0 ;
		padding: 0 ;
		float: left ;
	}
	
	
		div#left ul#left-menu {
			margin: 8px 0 5px 16px ;
			padding: 0 ;
			list-style: none ;
			float: left ;
			width: 142px ;
			background: #fff ;
			font-size: 1.1em ;
			font-weight: bold ;
		}
		
		* html div#left ul#left-menu {
			margin/**/: 7px 0 5px 7px ;
					position: relative ;

		}

		
			div#left ul#left-menu li {
				margin: 0 ;
				float: left ;
				clear: left ;
			}
			
				div#left ul#left-menu li a {
					border-left: 1px solid #ccc ;
					border-right: 1px solid #ccc ;
					padding : 12px 0 4px 48px ;
					width: 92px ;
					display: block ;
					font-size: 0.9em ;
					color: #fe9900 ;
				}
				
					div#left ul#left-menu li#f1 {
						background: url(../images/ico1.gif) no-repeat left ;
					}	
				
					div#left ul#left-menu li#f2 {
						background: url(../images/ico2.gif) no-repeat left ;
					}	
				
					div#left ul#left-menu li#f3 {
						background: url(../images/ico3.gif) no-repeat left ;
					}	
				
					div#left ul#left-menu li#f4 {
						background: url(../images/ico4.gif) no-repeat left ;
					}	
				
					div#left ul#left-menu li#f5 {
						background: url(../images/ico5.gif) no-repeat left ;
					}	
				
					div#left ul#left-menu li#f6 {
						background: url(../images/ico6.gif) no-repeat left ;
					}	
							
			div#left ul#left-menu li.head {
				width: 130px ;
				background: no-repeat top url(../images/menu-left_top.gif) ;
				padding: 7px 0 0 12px ;
			}
			
			div#left ul#left-menu li.foot {
				width: 142px ;
				height: 12px ;
				background: no-repeat bottom url(../images/menu-left_foot.gif) ;
			}
	div#left img {
		margin: 5px 0 5px 15px ;
		clear: both ;
		float: left ;
	}
	
/* END LEFT COLLOMN */

/* RIGHT COLLOMN */
	div#right {
		width: 540px ;
		float: right ;
	}
	
		div#right div#top-right {
			background: url(../images/bg-box-foot.gif) no-repeat  ;
			height: 83px ;
		}
		
			div#right div#top-right a img {
				float: right ;
				padding: 10px 12px 0 0 ;
			}
			
			div#right div#top-right h1 {
				clear: both ;
				float: right ;
				padding: 0 5px ;
				background: url(../images/h1_bg.gif) repeat-x ;
				font-size: 1.5em ;
				font-family: Arial, Helvetica, sans-serif ;
				font-weight: normal ;
				margin: 12px 48px ;
				color: #666 ;
			}
			
		div#right div#main-right{
			width: 463px ;
			margin : 0 15px 0 15px ;
			padding: 0 25px 25px 20px ;
			border-left: 1px solid #ccc ;
			border-right: 1px solid #ccc ;
		}
		
		* html div#right div#main-right{
			margin/**/: -1px 15px 0 15px ;
		}

		
			div#right div#main-right img.topban1{
				float: left ;
				margin: 0 0 25px 0 ;	
			}	
			
			div#right div#main-right img.topban2{
				float: right ;	
				margin: 0 0 25px 0 ;	
			}	
			
			div#right div#main-right p {
				clear: both ;
			}
			
				div#right div#main-right p a {
					color: #06c ;
					font-weight: bold ;
				}
				
				div#right div#main-right p a:hover {
					color: #fe9900 ;
				}

				div#right div#main-right p img.img-l {
					float: left ;
					padding: 10px 25px 10px 0 ;
				}
/* END RIGHT COLLOMN */

	div#footer {
		width: 698px ;
		clear: both ;
		margin: 0 ;
		color: #06c ;
		font-size: 0.9em ;
	}
	
		div#footer ul#menu_foot {
			list-style: none ;
			float: left ;
			margin: 0 ;
			width: 658px ;
			background: #CCC ;
		}
		
		*div#footer ul#menu_foot {
			width: 698px ;
		}
		
		div#footer ul#menu_foot li {
			float: right ;
			padding: 1px 17px 1px 6px ;
		}

	div#footer p#copy {
		padding: 10px 0 ;
		margin: 0 ;
		clear: both ;
		text-align:center ;
	}
	
ul.contact {
	list-style: none ;
	padding: 0 0 15px 0 ;
}

ul.contact li {
	margin: 0 0 0 100px ;
}

ul.contact li.title {
	float: left ;
	margin: 0 0 0 0 ;
	font-weight: bold ;
}

p.center {
	text-align: center ;
}

p.features {
	float: left ;
	margin : 0 50px 50px 0 ;
}