html, body, * { margin: 0; padding: 0; }

html, body { margin-bottom: -10px; }
body { background-color: #000; color: #fff; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 11px; }
#body { position: relative; width: 990px; margin: 0 auto; background-color: #000; }
#motto { position: fixed; top: 10px; }
#motto a { display: block; width: 275px; height: 104px; background: transparent url(../images/logo-png.png) 33px 0 no-repeat; }
#motto a span { display: none; }

h1 { position: absolute; left: 364px; top: 126px; }
#panel-left { position: fixed; top: 140px; padding-left: 20px; width: 187px; }
	#navigation { width: 187px; list-style: none; }
	#navigation li a { display: block; width: 100%; height: 25px; line-height: 25px; margin-bottom: 5px; color: #fff; background-color: #000; background-position: 0 0; background-repeat: no-repeat; text-decoration: none; text-transform: uppercase; }
	#navigation li.menu01 a { background-image: url(../images/menu-01.gif); }
	#navigation li.menu02 a { background-image: url(../images/menu-02.gif); }
	#navigation li.menu03 a { background-image: url(../images/menu-03.gif); }
	#navigation li.menu04 a { background-image: url(../images/menu-04.gif); }
	#navigation li a:hover { color: #ffff9f; background-position: 100% 0; }
		#navigation li a span { display: none; }
	
	#panel-left .content { font-size: 90%; margin-top: 1em; }
		#panel-left h3 { margin-bottom: 10px; color: #ff5704; text-transform: uppercase; }
		#panel-left .content p.copy { color: #767676; }
		#panel-left .content p.copy img { position: relative; top: 3px; }
		#panel-left .featured-deal { padding: 1em 0 1em 12px; background-color: #000; }
		#panel-left .featured-deal a img { width: 165px; overflow: hidden; }
		#panel-left #featured-window { width: 165px; height: 140px; overflow: hidden; position: relative; }
		#panel-left .featured-items { position: absolute; top: 0; width: 165px; }
		#panel-left .featured-item { width: 165px; height: 140px; }
		#panel-left .links { padding-left: 12px; }
	
	
#content-first { padding-top: 247px; min-height: 1934px; background: #000 url(../images/bg-01.jpg) 0 0 no-repeat; }
	#content-first p { color: #fef6be; }
	#content-first p.p01 { position: relative; left: 647px; width: 282px; }
	#content-first p.p02 { position: relative; left: 420px; width: 459px; }
	#content-first h2.history { position: relative; left: 473px; margin-top: 3em; width: 300px; }
	#content-first p.p03 { position: relative; left: 287px; width: 528px; }
	#content-first h3.stones { position: absolute; top: 825px; left: 130px; }
	#content-first p.timeline { padding: 10px; margin-top: 2em;  background-color: #000; }
	#content-first .t01 { position: relative; left: 387px; width: 207px;}
	#content-first .t02 { position: relative; left: 466px; width: 363px; }
	#content-first .t03 { position: relative; left: 573px; width: 297px; }
	#content-first .t04 { position: relative; left: 670px; width: 190px; }
	#content-first .t05 { position: relative; left: 609px; width: 311px; }
	#content-first .t06 { position: relative; left: 519px; width: 279px; }
	#content-first .t07 { position: relative; left: 344px; width: 419px; }
	#content-first .p04 { position: relative; left: 447px; width: 447px; margin-top: 2em; }

	#content-first h2.map { position: relative; left: 384px; margin-top: 150px; width: 300px; }

#content-second { min-height: 4776px; background: #000 url(../images/bg-02.jpg) 0 100% no-repeat; }
	#content-second h2.packages { position: relative; left: 384px; width: 300px; margin-bottom: 20px; }

	#content-second .container-package { padding: 0 100px 0 225px; }
		#content-second .container-package .panel-left { width: 320px; float: left; }
		#content-second .container-package .share { width: 115px; height: 50px; margin-top: 10px; text-align: center; }
		#content-second .container-package .share img { margin: 3px; }
		#content-second .container-package .panel-right { float: left; width: 300px; }
		#content-second .container-package .panel-right ul { padding-left: 3em; }
		#content-second .container-package .panel-right ol { padding-left: 3em; }
		#content-second .container-package .panel-left img.photo { margin-bottom: 10px; }
		#content-second .container-package h3 { width: 370px; height: 50px; background: transparent url() 0 0 no-repeat; }
		#content-second .rope { display: block; clear: both; width: 100%; height: 77px; background: transparent url(../images/rope.png) 50% 50% no-repeat; }
		
		#content-second #package-01 h3 { background-image: url(../images/h3-package01.png); }
		#content-second #package-02 h3 { background-image: url(../images/h3-package02.png); }
		#content-second #package-03 h3 { background-image: url(../images/h3-package03.png); }
		#content-second #package-04 h3 { background-image: url(../images/h3-package04.png); }
		#content-second #package-05 h3 { background-image: url(../images/h3-package05.png); }
		#content-second #package-06 h3 { background-image: url(../images/h3-package06.png); }
		#content-second #package-07 h3 { background-image: url(../images/h3-package07.png); }
		#content-second #package-08 h3 { background-image: url(../images/h3-package08.png); }
		#content-second #package-09 h3 { background-image: url(../images/h3-package09.png); }
		#content-second #package-010 h3 { background-image: url(../images/h3-package010.png); }
		#content-second #package-011 h3 { background-image: url(../images/h3-package011.png); }
		#content-second #package-012 h3 { background-image: url(../images/h3-package012.png); }
		#content-second #package-013 h3 { background-image: url(../images/h3-package013.png); }
		#content-second #package-014 h3 { background-image: url(../images/h3-package014.png); }
		#content-second #package-015 h3 { background-image: url(../images/h3-package015.png); }
		#content-second #package-016 h3 { background-image: url(../images/h3-package016.png); }
		#content-second #package-017 h3 { background-image: url(../images/h3-package017.png); }
		#content-second #package-018 h3 { background-image: url(../images/h3-package018.png); }
		#content-second #package-019 h3 { background-image: url(../images/h3-package019.png); }
		#content-second #package-20 h3 { background-image: url(../images/h3-package20.png); }
		#content-second #package-021 h3 { background-image: url(../images/h3-package021.png); }
		
#operators { padding-left: 221px; }
	#operators .operator { float: left; padding-left: 70px; }
	#operators .operator h2 { margin-bottom: 1em; }
	#operators .operator ul { list-style: none; }
	#operators .operator ul a { color: #fef6be; line-height: 1.6em; }

#footer { clear: both; position: relative; left: 471px; padding-top: 40px; width: 250px; }
#share { display: block; position: fixed; top: 10px; margin-left: 830px; width: 150px; height: 18px; padding: 1px; background-color: #000; font-size: 90%; }

/*TYPO*/
p { margin: 1ex 0; }

/** Common */
a { color: #fff; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
.right { float: right; }
.left { float: left; }
.yellow  { color: #fef6be; }
.more { padding-right: 10px; background: transparent url(../images/arrow-small.gif) 100% 3px no-repeat; }
.h, h3 span { display: none; }
