/* common */

* { margin: 0; padding: 0; }
* html body { filter:expression(document.execCommand("BackgroundImageCache", false, true)) }
html, body { height: 100%; min-height: 100%; }
a {
	text-decoration: underline;
	color: #d01ff4;
}
ul { list-style-type: none; }
table { border-spacing: 0; border-collapse: collapse; empty-cells: show; }
table, td, fieldset, img { border: none; }
input, select, textarea { font-size: inherit; _position: relative; }

/* general */

body { background-color: #000; color: #fff; font-size: 80.01%; line-height: 140%; }
body, td, th { font-family: Helios, Arial, sans-serif; }
input, select, textarea { font-family: Arial, sans-serif; }

/* layout */

#shell {
	position: absolute;
	overflow: hidden;
	min-height: 100%;
	min-width: 980px;
	max-width: 1800px;
	width: 100%;

_width: expression( document.body.clientWidth > 1800 ? '1800px' : ( document.body.clientWidth < 980 ? '980px' : '100%' ) ); }
#layout { position: relative; max-width: 1400px; width: 100%; padding-bottom: 130px; _width: expression( document.body.clientWidth > 1400 ? '1400px' : '100%' ); }

/* site */

#bghead { position: absolute; z-index: 100; left: 56%; top: 0px; margin-left: -784px; width: 1000px; height: 600px; background-repeat: no-repeat; }
#dym { position: absolute; z-index: 200; left: 0px; top: 0px; width: 787px; height: 383px; background: url('../i/bguzor.png') no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/bguzor.png',sizingMethod='crop'); }

#logo { display: block; position: absolute; z-index: 800; top: 40px; left: 40px; width: 450px; height: 150px; overflow: hidden; //cursor: hand; }
#logo img { margin-top: 75px; background-color: #C95AFF; }
#player { position: absolute; z-index: 500; right: 280px; bottom: 20px; }
#copyright { position: absolute; z-index: 500; left: 72px; bottom: 43px; width: 168px; height: 34px; background: url('../i/logo_funclub.gif') no-repeat; }
#design { position: absolute; z-index: 500; left: 72px; bottom: 41px; height: 1px; _bottom: 0; _height: 41px; font-size: 80%; color: #666; }

/* body */

body.general  #bgfoot { background-image: url('../i/bgfoot.jpg'); }
body.general  #bghead { background-image: url('../i/bghead.jpg'); }
body.general  #logo { background: url('../i/logo.png') no-repeat;  _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/logo.png',sizingMethod='crop'); }

/* navigation */
#nav { position: absolute; z-index: 800; font-size: 100%; }
#nav li { white-space: nowrap; line-height: 130%; }

/* index */

#index #wrapper { _height: expression( document.body.clientHeight > 950 ? '100%' : '950px' ); }
#index #layout { height: 800px; }
#index #logo { cursor: default; }

#index #footer { position: absolute; z-index: 2000; bottom: 0; width: 100%; height: 150px; max-width: 1400px; width: 100%; _width: expression( document.body.clientWidth > 1400 ? '1400px' : '100%' ); }

#index #bgfoot { position: absolute; z-index: 100; left: 60%; top: 660px; margin-left: -310px; width: 1070px; height: 740px; background-repeat: no-repeat; }

#index #nav { top: 585px; left: 200px; margin-left: 34%; }

#index #content a { font-weight: normal; font-size: 280%; line-height: 140%; text-decoration: underline; }

* html #index #content a img { azimuth:expression(this.png||(this.png=this.src='../i/null.gif')); }


/* text */

#text #photo { position: absolute; z-index: 300; left: 60%; margin-left: 40px; top: 30px; width: 600px; height: 770px; background: url('../i/rodrigo.jpg') no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/rodrigo.jpg',sizingMethod='crop'); }
#text #bgfoot { position: absolute; z-index: 100; left: 100%; top: 100%; margin-left: -680px; margin-top: -400px; width: 1070px; height: 400px; }
#text #nav {
	top: 420px;
	left: 50%;
	margin-left: 50px;
}
#text #content { position: relative; z-index: 600; padding: 420px 50% 0px 70px; color: #ffffff; }
#text #content h1 { font-size: 450%; font-weight: normal; line-height: 100%; color: #6D904A; margin-left: -0.06em; }
#text #content p { margin: 0.7em 0 5em 0; }
#text #content h3 { font-size: 145%; line-height: 140%; font-weight: normal; margin-top: 2em; color: #6D904A; }