@charset "UTF-8";
	
body 
		{
	color:#393939;
	margin: 0 0 0 1px;
	padding:0px;
	font-size: 12px;
    font-family: georgia, serif;
	text-align:left;
	background:#020202;
	text-align:center;
	}
		
		
input, select {font-size:11px;}	
		
ul, li {margin:0; padding:0;}	
		
h1, h2, h3, h4, h5, p {
		margin:0px;
		padding:0px;
	}	
		
		
h1 {
		font-size:18px;`
	}	
		
		
a img {border:0}	
a {
	text-decoration:underline;
	color:#731a16;
	outline:none;
	cursor:pointer;
}
a:hover {
	
	color:#252422;
	text-decoration:none;
}


.p2 {
	font-weight:bold;
	font-size:14px;
	padding:0 0 6px 0;
	font-style: italic;
}



#content { padding:10px 0 10px 0; text-align:left; overflow:hidden; display:block; height:700px;}

#browser { position:relative; width:1248px; height:660px; margin:auto; background:#020202; background:url(../img/browser_bg.jpg) top center no-repeat;}

#circle {
	position:absolute;
	top:9px;
	left:58px;
	width:220px;
	height:249px;
}

#menu {
	position:absolute;
	top:245px;
	left:81px;
	width:246px;
	height:245px;
	z-index:200;
}

/*  ------=================David modification==================------------- */
#gallery{ display:none; overflow:hidden; padding:20px 0 0 0}
#londing{ margin:150px 0 0 0px; text-align:center; }

ul#nav {  top:0px; left:0px ; width:100%; height:100%; background:url(../img/menu.jpg);}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { width:252px; display:block; top:0; outline:none; text-indent:-9999px; text-align:center; color:#a82828;}
li.news a, li.the_game a, li.background a, li.art_of_aqua a, li.video a { margin:0; padding:0; background:url(../img/menu.jpg);}

li.news a       { background-position:0px 0; height:60px; top:0px;}
li.news a:hover     { background-position:-252px 0px }
li.news a.active		{ background-position:-504px 0px  !important; }

li.the_game a       { background-position:0px -60px; height:46px; top:60px;}
li.the_game a:hover     { background-position:-252px -60px }
li.the_game a.active		{ background-position:-504px -60px  !important; }

li.background a       { background-position:0px -106px; height:47px; top:106px;}
li.background a:hover     { background-position:-252px -106px }
li.background a.active		{ background-position:-504px -106px  !important; }

li.art_of_aqua a       { background-position:0px -153px; height:47px; top:153px;}
li.art_of_aqua a:hover     { background-position:-252px -153px }
li.art_of_aqua a.active		{ background-position:-504px -153px  !important; }

li.video a       { background-position:0px -200px; height:51px; top:200px;}
li.video a:hover     { background-position:-252px -200px  }
li.video a.active		{ background-position:-504px -200px  !important; }

.te { display:none}

#contents{ position:relative; width:100%; height:458px;}
a#nextPage{ position:absolute; width:42px; height:42px; display:block; bottom:0px; left:314px; z-index:9999; background:url(../img/nextPage.png) no-repeat 0 0; text-indent: -9999px; cursor:pointer;}
a#backPage{ position:absolute; width:42px; height:42px; display:block; bottom:0px; left:256px; z-index:9999; background:url(../img/backPage.png) no-repeat 0 0; text-indent: -9999px; cursor:pointer;}
div#infoPage{z-index:9999; padding:0; margin:0; font-size:14px; color:#4b4b4b; position:absolute; bottom:10px; left:20px; 	font-family:Georgia, "Times New Roman", Times, serif; width:214px; height:20px; text-align:center; }


#featured{ 
	position:relative;
	height:280px;
	margin:5px 0 0 0
}
#featured ul.ui-tabs-nav { display:none}
#featured .ui-tabs-panel{ 
		position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 290px; /*width of featured content slider*/
	height: 300px;
	 position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}

#featured .ui-tabs-hide{ 
	display:none; 
}



/* ------======================THE END ================--------------------   */

#compas {
	position:absolute;
	top:493px;
	left:68px;
	width:215px;
	height:211px;
}

#window {
	position:absolute;
	top:86px;
	left:296px;
	width:807px;
	height:572px;
	z-index:100;
}

#button_btm1 {
	width:223px;
	height:34px;
	position:absolute;
	top:577px;
	left:347px;
	z-index:110;
}

#button_btm2 {
	width:103px;
	height:42px;
	position:absolute;
	top:575px;
	left:585px;
	z-index:110;
}


#logo {
	width:493px;
	height:153px;
	position:absolute;
	top:15px;
	left:417px;
	z-index:120;
}


#steampunkmachine {
	width:205px;
	height:545px;
	position:absolute;
	top:102px;
	left:1002px;
	z-index:120;
}

#window2 {
	position:absolute;
	top:159px;
	left:331px;
	width:610px;
	height:405px;
	z-index:130;
}




/* #################################### PAGES ##########################################*/

/* standard elements */


h1 {font-size:18px; padding:0 0 0 5px;}


.button1 {position:absolute; bottom:50px; right:20px;}

.button2 { position:absolute; bottom:5px; right:15px;}


.photo1 {
	padding:3px;
	margin: 0 0px 0 0;
	border:solid 1px #B8B2A3;
	}


.button_h2 a {text-decoration:none;}




/* LINK - Page CONFIG 1 */


.page_config1 {
	background:url(../img/decor2.png) top left no-repeat;
	padding:0 0 0 30px;
	overflow:hidden;
	width:578px;
	display:none;
}

.page_config1 h2 {
	font-size:22px;
	padding:10px 5px 10px 5px;
}
.page_config1 .picture1 {
	width:260px;
	height:200px;
	float:left;
	padding:0 0 0 10px;
} 
.page_config1 .picture2 {
	width:220px;
	height:160px;
	float:right;
}
.page_config1 .text1 {
	height:205px;
	float:left;
	line-height: 17px;
	padding:0 0 0 10px;
	font-family: georgia, serif;
	width: 290px;
}



.page_config1 .text2 {
	width:340px;
	height:160px;
	float:left;
	line-height: 17px;
	padding:0px 0 0 10px;
	font-family: georgia, serif;
}
.page_config1 .text2 p {padding:0 0 10px 0;}

.page_config1 .text1 .p1 {padding:0 0 10px 0;}




/* LINK - Page CONFIG 2 */


.page_config2 {
	background:url(../img/decor2.png) top left no-repeat;
	padding:0 0 0 30px;
	overflow:hidden;
	width:578px;
	height:400px;
	display:none;
}

.page_config2 h2 {
	font-size:22px;
	padding:10px 5px 5px 5px;
}
.page_config2 .picture1 {
	width:160px;
	height:100px;
	float:right;
	padding:0 0 0 0px;
} 
.page_config2 .picture2 {
	float:left;
	padding:3px;
	margin: 0 25px 0 0;
	border:solid 1px #B8B2A3;
}
.page_config2 .text1 {
	width:400px;
	height:100px;
	float:left;
	font-weight:bold;
	line-height: 17px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	font-size:14px;
	line-height:1.5em;
}
.page_config2 .text2 {
	width:560px;
	height:250px;
	float:left;
	line-height: 17px;
	padding:10px 0 0 10px;
	position:relative;
}




.page_config2 .text2 p {padding:0 0 10px 0;}

.page_config2 .text1 .p1 {padding:0 0 10px 0;}

.page_config2 ul {
	padding:0 0 0 5px;
	margin:0px 0px 0px 0px;
}

.page_config2 ul li {
	padding:1px 5px 0px 2px;
	margin:0 0 0 10px;
	line-height:1.3em;
}








/* LINK - Page NEWS */



.page_news {
	background:url(../img/decor2.png) top left no-repeat;
	padding:0 0 0 30px;
	overflow:hidden;
	width:578px;
	height:405px;
	color:#262523;
	display:none;
}
.page_news2 {
	width:578px;
	height:375px;
	
	position:relative;
	}
.page_news h1 {
	font-size:28px;
	padding:5px 5px 5px 5px;
	border-top:solid 3px #463f2d;
	border-bottom:solid 3px #463f2d;
	font-family: georgia, serif;
}


.page_news h2 {
	font-size:22px;
	padding:25px 5px 5px 15px;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.page_news .text1 {
	width:305px;
	float:left;
	padding:5px 0 0 10px;
	display:block;
} 


.page_news .text1 p {
	padding:10px 10px 10px 0;
	line-height:1.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}


.page_news .text1 p.title1 {
	font-size:16px;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

.page_news .picture1 {
	width:230px;
	float:right;
	font-weight:bold;
	line-height: 17px;
	padding:0 0 0 0px;
	height: 309px;
	background:url(../img/bg_photo1.gif) center no-repeat;
	margin:0 10px 0 0;
}

.page_news .picture1 img {
	
	padding:0px;
	margin:16px 0 0 14px;
}

.page_news a {
color:#441111;
}


.page_news a:hover {
color:#FFF;
background:#441111;
}



/* LINK - Page SHIPS */


.page_ships1 {
	background:url(../img/decor2.png) top left no-repeat;
	padding:0 0 0 30px;
	overflow:hidden;
	width:580px;
	height:400px;
	display:none;
}

.page_ships1 h2 {
	font-size:22px;
	padding:5px 5px 40px 5px;
}


.page_ships1 .column1 {
	text-align:center;
	width:186px;
	float:left;
}

.page_ships1 h4 {
	font-size:14px;
	padding:10px 10px 10px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.page_ships1 .column1 p { margin:0 10px 0 10px; line-height:1.5em;}


/* LINK - Page SHIPS2 */



.page_ships2 {
	background:url(../img/decor2.png) top left no-repeat;
	padding:0 0 0 30px;
	overflow:hidden;
	width:580px;
	height:405px;
	color:#262523;
	display:none;
}

.page_ships2 h1 {
	font-size:28px;
	padding:5px 5px 5px 5px;
	font-family:georgia, serif;
	border-top:solid 3px #463f2d;
	border-bottom:solid 3px #463f2d;
	font-family: georgia, serif;
	margin: 0 0 0 15px;
	position:relative;
}


.page_ships2 h2 {
	font-size:22px;
	padding:25px 5px 5px 15px;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	
}

.page_ships2 .text1 {
	width:320px;
	float:left;
	padding:5px 0 0 15px;
} 


.page_ships2 .text1 p {
	padding:10px 10px 10px 0;
	line-height:1.2em;
	font-size:12px;
}


.page_ships2 .text1 p.title1 {
	font-size:16px;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

.page_ships2 .text2 {
	width:190px;
	float:left;
	padding:0px 0 0 5px;
	line-height: 1.5em;
	font-weight: bold;
} 


.page_ships2 .picture1 {
	width:240px;
	float:right;
	font-weight:bold;
	line-height: 17px;
	padding:0 0 0 0px;
	height: 210px;
	margin:0 0px 0 0;
}

.page_ships2 .picture2 {
	width:125px;
	float:left;
	font-weight:bold;
	line-height: 17px;
	padding:0 0 0 0px;
	height: 75px;
	margin:0 10px 0 15px;
}

.page_ships2 .picture1 img {
	padding:0px;
	margin:10px 0 0 0;
}

.page_ships2 .picture2 img {padding:3px;
	margin: 0 25px 0 0;
	border:solid 1px #B8B2A3;}

.page_ships2 a {
color:#441111;
}


.page_ships2 a:hover {
color:#FFF;
background:#441111;
}

.backto {font-size:11px; position:absolute; right:20px; top:25px; text-decoration:none;}

.menu1 {
	float:right;
	width:220px;
}

.menu1 ul { list-style:none; margin:0 20px 0 0;}
.menu1 li strong {text-decoration:none; font-size:11px; font-family:Verdana, Geneva, sans-serif;border-bottom:solid 1px #d4ccba; padding:4px 4px 4px 4px; display:block; font-weight:normal; color:#a59f93}
.menu1 li a {text-decoration:none; font-size:11px; font-family:Verdana, Geneva, sans-serif;border-bottom:solid 1px #d4ccba; padding:4px 4px 4px 4px; display:block;}
.menu1 li a:hover {background:#f9f5ed; color:#101010;}






/* LINK - Page 4Columns */


.page_4columns {
	background:url(../img/decor2.png) top left no-repeat;
	padding:0 0 0 30px;
	overflow:hidden;
	width:580px;
	height:400px;
	display:none;
}

.page_4columns h2 {
	font-size:22px;
	padding:5px 5px 10px 5px;
}


.page_4columns .column1 {
	text-align:center;
	width:144px;
	float:left;
}

.page_4columns img {
	float:left;
	padding: 10px 0 10px 0;
}

.page_4columns p {}

.page_4columns h4 {
	font-size:14px;
	padding:20px 10px 10px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.page_4columns .column1 p {
	margin:0 7px 0 7px;
	line-height:1.5em;
}



/* LINK - Page HEROES2 */



.page_heroes2 {
	background:url(../img/decor2.png) top left no-repeat;
	padding:0 0 0 30px;
	overflow:hidden;
	width:580px;
	height:405px;
	color:#262523;
	display:none;
}

.page_heroes2 h1 {
	font-size:28px;
	padding:5px 5px 5px 5px;
	font-family:georgia, serif;
	border-top:solid 3px #463f2d;
	border-bottom:solid 3px #463f2d;
	font-family: georgia, serif;
	margin: 0 0 0 15px;
	position:relative;
}


.page_heroes2 h2 {
	font-size:22px;
	padding:25px 5px 5px 15px;
	font-size:12px;
	
	
}


.page_heroes2 p.text_photo {
	font-size:22px;
	padding:5px 5px 5px 5px;
	font-size:12px;
	font-style: italic;
}


.page_heroes2 .text1 {
	width:265px;
	float:left;
	padding:5px 0 0 15px;
	position: absolute;
	height: 308px;
} 


.page_heroes2 .text1 p {
	padding:10px 10px 10px 0;
	line-height:1.3em;
	font-size:12px;
}


.page_heroes2 .text1 p.title1 {
	font-size:16px;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

.page_heroes2 .text2 {
	width:190px;
	float:left;
	padding:0px 0 0 5px;
	line-height: 1.5em;
	font-weight: bold;
} 


.page_heroes2 .picture1 {
	float:right;
	font-weight:bold;
	padding:0 0 0 0px;
	margin:10px 0px 0px 0px;
	width: 300px;
}

.page_heroes2 .picture2 {
	width:125px;
	float:left;
	font-weight:bold;
	line-height: 17px;
	padding:0 0 0 0px;
	height: 75px;
	margin:0 10px 0 15px;
}



.page_heroes2 .picture2 img {padding:3px;
	margin: 0 25px 0 0;
	border:solid 1px #B8B2A3;}

.page_heroes2 a {
color:#441111;
}


.page_heroes2 a:hover {
color:#FFF;
background:#441111;
}



/* LINK - Page HEORES */



.page_heores {
	background:url(../img/decor2.png) top left no-repeat;
	padding:0 0 0 30px;
	overflow:hidden;
	width:580px;
	height:405px;
	color:#262523;
}

.page_heores h1 {
	font-size:28px;
	padding:5px 5px 5px 5px;
	font-family:georgia, serif;
	border-top:solid 3px #463f2d;
	border-bottom:solid 3px #463f2d;
	font-family: georgia, serif;
	margin: 0 0 0 15px;
	position:relative;
}


.page_heores h2 {
	font-size:22px;
	padding:25px 5px 5px 15px;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	
}

.page_heores .text1 {
	width:340px;
	float:left;
	padding:5px 0 0 15px;
} 


.page_heores .text1 p {
	padding:10px 10px 10px 0;
	line-height:1.5em;
	font-size:12px;
}


.page_heores .text1 p.title1 {
	font-size:16px;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

.page_heores .text2 {
	width:320px;
	float:left;
	padding:0px 0 0 5px;
	line-height: 1.5em;
	font-weight: bold;
} 


.page_heores .picture1 {
	width:220px;
	float:right;
	font-weight:bold;
	line-height: 17px;
	padding:0 0 0 0px;
	height: 210px;
	margin:0 0px 0 0;
}

.page_heores .picture2 {
	width:125px;
	float:left;
	font-weight:bold;
	line-height: 17px;
	padding:0 0 0 0px;
	height: 75px;
	margin:0 10px 0 15px;
}

.page_heores .picture1 img {
	padding:0px;
	margin:10px 0 0 0;
}

.page_heores .picture2 img {padding:3px;
	margin: 0 25px 0 0;
	border:solid 1px #B8B2A3;}

.page_heores a {
color:#441111;
}


.page_heores a:hover {
color:#FFF;
background:#441111;
}

/* LINK - Page VIDEO2 */



.page_video2 {
 background:url(../img/decor2.png) top left no-repeat;
 padding:0 0 0 30px;
 overflow:hidden;
 width:580px;
 height:405px;
 color:#262523;
 display:none;
}

.page_video2 h1 {
 font-size:28px;
 padding:5px 5px 5px 5px;
 font-family:georgia, serif;
 border-top:solid 3px #463f2d;
 border-bottom:solid 3px #463f2d;
 font-family: georgia, serif;
 margin: 0 0 0 15px;
 position:relative;
}


.page_video2 h2 {
 font-size:22px;
 padding:25px 5px 5px 15px;
 font-size:12px;
 font-family:"Times New Roman", Times, serif;
 
}

.page_video2 .text1 {
 width:510px;
 float:left;
 padding:10px 0 0 40px;
 height: 300px;
} 


.page_video2 .text1 p {
 padding:10px 10px 10px 0;
 line-height:1.2em;
 font-size:12px;
}


.page_video2 .text1 p.title1 {
 font-size:16px;
 line-height:1.5em;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
}


.page_video2 a {
color:#441111;
}


.page_video2 a:hover {
color:#FFF;
background:#441111;
}

.videoplayer1 { width:510px; height:187px; padding:100px 0 0 0; text-align:center;}
a.product_ShareBookmark2{ z-index:9999; position:absolute; bottom:64px; left:21px; width:83px; height:85px; text-indent:9999px; display:block; overflow:hidden; }
a#monde{
	position:absolute;
	bottom:-95px;
	right:-235px;
}
#flashcontent2{ position:relative; z-index:100}