/*-----------------------------------------------------------
	CSS Document for Megae
	
	Created : July 14 2009
	Author : Irawan setiadi
	Mail : sinzo.sakurata@gmail.com	

------------------------------------------------------------*/
@import "reset.css";
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#303030;
	background:url(../images/bg.jpg) no-repeat center top;
}

#container{
	width:1074px;
	margin:0 auto;
	padding:0;
}
#logo{	
	width:336px;
	float:left;
	margin-left:100px;
}
#logo h1{width:336px;}
#logo h1 a{
	width:336px;
	height:206px;
	display:block;
	text-indent:-9999px;
}
ul.language{
	float:left;
	width:350px;
	margin-left:75px;
	margin-top:20px;
	position:relative;
	z-index:1000;
}
ul.language li.italiano{
	background:url(../images/italiano.png) no-repeat left top
}
ul.language li.english{
	background:url(../images/english.png) no-repeat left top
}
ul.language li{ float:left; list-style:none; padding-left:45px; height:29px; padding-top:10px; margin-right:30px;}
ul.language li a{
	font-size:17px;
	color:#b4b4b4;
	text-decoration:none;
	display:block;
}
ul.language li a:hover{ color:#FFFFFF;}

.big-bos{
	text-indent:-9999px;
	position:absolute;
	z-index:10;
}
.big-bos.homepage-cartun{
	background:url(../images/cartun-1.png) no-repeat left top;
	width:572px;
	height:471px;
	margin-left:467px;
	margin-top:38px;
}
.big-bos.error-cartun{
	background:url(../images/cartun-9.png) no-repeat left top;
	width:407px;
	height:471px;
	margin-left:700px;
	margin-top:38px;
}
.left-side{
	clear:both;
	float:left;
	width:266px;
}
.content{
	float:left;
	margin-top:120px;
	width:784px;
	height:770px;
	display:block;
	overflow:hidden;
	padding-left:10px;
}
.content p{ padding-bottom:10px;}
.content h2{ clear:both;}
.top-content{width:518px;}
.top-content.privacy{width:518px;font-size:7px}

/*--------------- left menus ----------------------*/

ul.left-navigation{
	background:url(../images/navigation-bg.png) no-repeat left top;
	width:270px;
	height:380px;
	margin-left:-14px;
	margin-top:95px;
	list-style:none;
	padding:30px 0 0 0;
}
ul.left-navigation li{ margin-left:30px;}
ul.left-navigation li a{ display:block;text-indent:-9999px; width:220px;}

ul.left-navigation li.home-nav a{background:url(../images/listmenu.png) no-repeat left top; height:45px;}
ul.left-navigation li.home-nav a:hover,ul.left-navigation li.home-nav.active a:visited{background:url(../images/listmenu-a.png) no-repeat left top; height:45px;}

ul.left-navigation li.who-nav a{background:url(../images/listmenu.png) no-repeat 0 -45px; height:48px;}
ul.left-navigation li.who-nav a:hover,ul.left-navigation li.who-nav.active a:visited{background:url(../images/listmenu-a.png) no-repeat 0 -45px; height:48px;}

ul.left-navigation li.what-nav a{background:url(../images/listmenu.png) no-repeat 0 -93px; height:56px;}
ul.left-navigation li.what-nav a:hover, ul.left-navigation li.what-nav.active a:visited{background:url(../images/listmenu-a.png) no-repeat 0 -93px; height:56px;}

ul.left-navigation li.where-nav a{background:url(../images/listmenu.png) no-repeat 0 -149px; height:40px;}
ul.left-navigation li.where-nav a:hover, ul.left-navigation li.where-nav.active a:visited{background:url(../images/listmenu-a.png) no-repeat 0 -149px; height:40px;}

ul.left-navigation li.how-nav a{background:url(../images/listmenu.png) no-repeat 0 -189px; height:33px;}
ul.left-navigation li.how-nav a:hover, ul.left-navigation li.how-nav.active a:visited{background:url(../images/listmenu-a.png) no-repeat 0 -189px; height:33px;}

ul.left-navigation li.our-nav a{background:url(../images/listmenu.png) no-repeat 0 -222px; height:37px;}
ul.left-navigation li.our-nav a:hover, ul.left-navigation li.our-nav.active a:visited{background:url(../images/listmenu-a.png) no-repeat 0 -222px; height:37px;}

ul.left-navigation li.download-nav a{background:url(../images/listmenu.png) no-repeat 0 -259px; height:36px;}
ul.left-navigation li.download-nav a:hover, ul.left-navigation li.download-nav.active a:visited{background:url(../images/listmenu-a.png) no-repeat 0 -259px; height:36px;}

ul.left-navigation li.contact-nav a{background:url(../images/listmenu.png) no-repeat 0 -295px; height:34px;}
ul.left-navigation li.contact-nav a:hover, ul.left-navigation li.contact-nav.active a:visited{background:url(../images/listmenu-a.png) no-repeat 0 -295px; height:34px;}

/*--------------- Login ----------------------*/

.login-box{
	background:url(../images/login-bg.png) no-repeat left top;
	width:239px;
	height:165px;
	margin-left:-11px;
	padding-left:45px;
	padding-top:62px;
	position:relative;
	z-index:400;
}
.login-box p{
	margin-bottom:20px;
	margin-top:15px;
}
.login-box input, .search-box input{
	border:0;
	padding:3px;
	width:197px;
	position:relative;
	z-index:100;
}
input.submit-button{
	background:url(../images/submit-btn.png) no-repeat left top;
	width:119px;
	height:40px;
	text-indent:-9999px;
	line-height:0;
	margin-top:3px;
}
input.go-button{
	background:url(../images/go-btn.png) no-repeat left top;
	width:65px;
	height:39px;
	text-indent:-9999px;
	line-height:0;
	margin-top:3px;
}
.newsletter-box{
	background:url(../images/newsletter-sticker.png) no-repeat left top;
	width:225px;
	height:225px;
	position:relative;
	z-index:30;
	margin-top:-50px;
	margin-left:43px;
}
.newsletter-box a{
	text-indent:-9999px;
	display:block;
	width:225px;
	height:225px;
}

/*----------------------------- search -----------------------------------------*/

.search-box{
	background:url(../images/search-bg.png) no-repeat 0 0;
	width:243px;
	height:193px;
	position:absolute;
	margin-left:810px;
	top:509px;
	z-index:50;
}
.search-box input{width:170px; position:relative; z-index:60;}
.search-box form{ padding:90px 30px 30px 40px; position:relative; z-index:100;}

/*---------------------------- main content ----------------------------------*/

/*--------- homepage --------------------*/
h2{margin:0; padding:0;}
ul.box{list-style:none; margin:0; padding:0;}
ul.box li{float:left; margin:0; padding:0;}

ul.box.who-what-where{ width:520px;}
ul.box.who-what-where li{width:240px; padding-right:20px;}	
ul.box.who-what-where li p{padding-bottom:10px;}	
ul.box.who-what-where li h2{ text-indent:-9999px;}
ul.box.who-what-where li h2.who{
	background:url(../images/who.gif) no-repeat 0 0;
	width:116px;
	height:29px;
}	
ul.box.who-what-where li h2.where{
	background:url(../images/where.gif) no-repeat 0 0;
	width:149px;
	height:29px;
}	
ul.box.who-what-where li h2.what{
	background:url(../images/what.gif) no-repeat 0 0;
	width:133px;
	height:29px;
}	
ul.box.who-what-where li h2.when{
	background:url(../images/when.gif) no-repeat 0 0;
	width:133px;
	height:29px;
}	




.how-box h2{margin:0; padding:0;}
.how-box{ clear:both;}
.how-box p{ position:relative; z-index:80;}
.how-left-box{ width:240px; float:left; padding-right:20px;}
.how-video-box{
	margin-top:-20px;
	width:478px;
	height:320px;
	position:relative;
	z-index:60;
	float:left;
	margin-left:-56px;
	background:url(../images/video-bg.png) no-repeat 0 0;
	padding: 50px 0 0 77px;
}
.how-video-box div{ width:425px;}


/*--------- who we are --------------------*/
h2.who-we-are-title{
	background:url(../images/who-we-are.gif) no-repeat 0 0;
	width:517px;
	height:33px;
	text-indent:-9999px;
	margin:1em 0;
}
.big-bos.who-we-are-cartun{
	background:url(../images/cartun-2.png) no-repeat left top;
	width:486px;
	height:465px;
	margin-left:550px;
	margin-top:38px;
}

/*--------- what we do --------------------*/
h2.what-we-do-title{
	background:url(../images/what-we-do.gif) no-repeat 0 0;
	width:517px;
	height:64px;
	text-indent:-9999px;
	margin:1em 0 2em 0;
}

.big-bos.what-we-do-cartun{
	background:url(../images/cartun-3.png) no-repeat left top;
	width:638px;
	height:442px;
	margin-top:0px;
	right:0;
}

/*--------- where --------------------*/
h2.where-title{
	background:url(../images/where-big.gif) no-repeat 0 0;
	width:109px;
	height:33px;
	text-indent:-9999px;
	margin:1em 0 2em 0;
}

.big-bos.where-cartun{
	background:url(../images/cartun-4.png) no-repeat left top;
	width:274px;
	height:465px;
	margin-left:760px;
	margin-top:38px;
}

.globe{
	background:url(../images/globe.png) no-repeat left top;
	width:396px;
	height:149px;
	text-indent:-9999px;
	position:absolute;
	top:850px;
	margin-left:60px;
}
/*--------- how --------------------*/
h2.how-title{
	background:url(../images/how-big.gif) no-repeat 0 0;
	width:65px;
	height:33px;
	text-indent:-9999px;
	margin:1em 0 2em 0;
}
h2.how-title-index{
	background:url(../images/how-index.gif) no-repeat 0 0;
	height:62px;
	width:537px;
	text-indent:-9999px;
	margin:1em 0 -1.5em -12px;
	position:relative;
	z-index:60;
}

.big-bos.how-cartun{
	background:url(../images/cartun-5.png) no-repeat left top;
	width:399px;
	height:463px;
	margin-left:700px;
	margin-top:38px;
}


h3.with-profiency{
	background:url(../images/with-proficiency.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:10px;
}
h3.with-frankness{
	background:url(../images/with-frankness.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:10px;
}
h3.with-professional-honesty{
	background:url(../images/with-professional-honesty.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:10px;
}

/*--------- our jewels --------------------*/
h2.our-jewels-title{
	background:url(../images/our-jewels.gif) no-repeat 0 0;
	width:185px;
	height:33px;
	text-indent:-9999px;
	margin:1em 0 2em 0;
}

.big-bos.jewels-cartun{
	background:url(../images/cartun-6.png) no-repeat left top;
	width:308px;
	height:472px;
	margin-left:745px;
	margin-top:38px;
}
.jewels-video-box{
	background:url(../images/video-bg2.png) no-repeat scroll 0 0;
	float:left;
	height:279px;
	margin-top:-30px;
	margin-left:50px;
	padding:45px 0 0 64px;
	position:relative;
	width:355px;
	z-index:20;
}


/*--------- downloads  --------------------*/
h2.downloads-title{
	background:url(../images/downloads-big.gif) no-repeat 0 0;
	width:185px;
	height:33px;
	text-indent:-9999px;
	margin:1em 0 2em 0;
}
h3.about-our-products{
	background:url(../images/about-our-products.gif) no-repeat 0 0;
	clear:both;
	height:33px;
	text-indent:-9999px;
	margin:1em 0 2em 0;
}
.big-bos.downloads-cartun{
	background:url(../images/cartun-7.png) no-repeat left top;
	width:391px;
	height:463px;
	margin-left:640px;
	margin-top:38px;
}
ul.box.downloads{
	width:520px;
}
ul.box.downloads li{width:158px; margin-right:10px;position:relative; z-index:200;}
ul.our-products li{ margin-right:20px;}


/*--------- contact --------------------*/
h2.contact-title{
	background:url(../images/contact-big.gif) no-repeat 0 0;
	width:185px;
	height:33px;
	text-indent:-9999px;
	margin:1em 0 2em 0;
}
h2.register-title{
	background:url(../images/register-big.gif) no-repeat 0 0;
	height:33px;
	text-indent:-9999px;
	margin:1em 0 0em 0;
}

.big-bos.contact-cartun{
	background:url(../images/cartun-8.png) no-repeat left top;
	width:346px;
	height:472px;
	margin-left:745px;
	margin-top:38px;
}

.contact-box{
	width:319px;
	height:178px;
	background:url(../images/contact-box.png) no-repeat 0 0;
	padding-top:55px;
	margin:0 auto;
}	
.contact-box ul { list-style:none;}
.contact-box ul li.l{
	float:left;
	width:50%;
	text-align:right;
	color:#003471;
}
.contact-box ul li.r{
	float:left;
	width:48%;
	text-align:left;
	padding-left:5px;
}
.contact-box a{ text-decoration:none; color:#303030;}
.contact-box p{ font-size:12px; text-align:center;}

.register-box{
	background:url(../images/register-box.png) no-repeat 0 0;
	width:724px;
	height:337px;
}
.register-box ul li.l, .register-box ul li.r{ float:left; width:49%; list-style:none;}
.register-box form{ padding-top:50px; line-height:1.5em;}
.register-box form label{ width:160px; float:left; text-align:right; font-size:15px; color:#FFFFFF; padding-right:5px;}
.register-box form input.txt{ width:155px;float:left; border:0; background:url(../images/input-box.gif) no-repeat right bottom; padding:2px; position:relative; z-index:100;}
.register-box form p{ margin:0; padding:0;}
.register-box span{ color:#FFFFFF; font-size:11px; padding-left:30px;}
input.register-button{background:url(../images/register-button.png) no-repeat 0 0; cursor:pointer; width:85px; height:85px; border:0; float:right;
margin-top:-15px;
position:relative;
margin-right:40px;
z-index:40;
text-indent:-9999px;
line-height:0;
}



/*---------------------------- footer ------------------------------------*/
.footer{
	background:url(../images/footer-bg.png) no-repeat 0 0;
	width:827px;
	height:106px;
	display:block;
	margin-left:235px;
	padding-top:15px;
	position:absolute;
	top:969px;
	bottom:0;
	line-height:normal;
}
.foot{
	float:left;
	width:548px;
	margin-left:35px;
	text-align:center;
	color:#33332d;
	font-size:12px;
	font-weight:bold;
}
.foot strong{ margin-right:40px;}
.foot span{ color:#004a80;}
.foot a{color:#33332d; text-decoration:none;}
.foot a:hover{color:#004a80;}
.webgrapes{
	float:right;
	width:194px;
}
.webgrapes a{ text-indent:-9999px; display:block; height:94px;}