/* ____________________________
COMMON _____________________ */

html, body {height:100%;}
body {margin: 0; font-size: 72.5%; background: #0d0d0d url('/img/backgrounds/bg_2_repeat.jpg') repeat-x; font-family: 'lucida sans', arial, sans-serif; text-transform: lowercase;}
h1,h2,h3,h4,h5 {font-weight: normal; margin: 0; padding: 0;}
h1 {font-size: 1.4em; color: #fdae03; margin: 15px 0;}
h2 {font-size: 1.2em; color: #efefef;}
h3 {font-size: 1.1em; color: #2b4850; margin: 0 0 10px;}
h4 {font-size: 1.0em;}
h5 {font-size: 1.2em; color: #fdae03;}
p {padding: 0; margin: 0 0 25px 0; font-family: arial, sans-serif; line-height:17px;}
a {text-decoration: none; color: #4d7e8c;}
a:hover {color:#fff;}
img {border: 0; margin:0;}
.dots {width: 100%; height: 1px; font-size: 0; margin: 10px 0 15px 0; background: url('/img/dots_2.png') repeat-x;}

ul {list-style-type: none; padding: 0; margin: 0;}
	ul li {margin: 0; padding: 0;}
ul.form {width: 100%; margin: 25px 0;}
	ul.form li {overflow: auto; margin: 10px 0;}

label {display: block; float: left; width: 80px; padding-top:3px}
input,
textarea {padding: 2px; font-family: arial, sans-serif; font-size: 1em; background: url(/img/bg.png) repeat; border:1px solid #294148; color:#fff;}
textarea {overflow: auto;}
input.tx,
textarea.tx {display: block; float: left; width: 300px; margin-right: 5px;}
input.sub {margin: 0 0 0 80px; padding: 3px 15px;}

/* form validator */
.validation-failed {border: 1px solid #f00;}
.validation-passed {/*nothing for now */}
.validation-advice {clear:both; margin-left:80px; padding: 6px 0; font-size:0.9em}
.validation-focus {border:1px solid #fdae03;}

/* ____________________________
STRUCTURE __________________ */

#container {position:relative; height:auto!important;/**/height:100%;min-height:100%; /*min-height: 701px;*/ width: 1000px; background: url('/img/backgrounds/bg_2.jpg') no-repeat; overflow: auto;}

	/* ____________________________
	HEADER _____________________ */
	
	#header {height: 200px; width: 910px}
	
		#logo {float: left; width: 175px; margin: 41px 75px 0 50px;}
			#logo img {border: 0; margin: 0 0 0 32px;}
		#mozbe {float: left; width: 588px; margin-top: 100px; cursor: default; color: #3c646e; text-align:right;}

	/* ____________________________
	CONTENT ____________________ */

	#content {float: left; color: #efefef; width: 100%; min-height: 500px; overflow: auto; padding:0 0 100px;}
		
		#content_main,
		#content_right {background: url(/img/bg.png) repeat; min-height:500px;}

		/* nav */
		#nav {float: left; width: 175px; min-height: 400px; margin: 35px 20px 0 50px;}
			#nav ul {font-size: 34px; list-style-type: none; padding: 0; margin: 0; text-align: right;}
				#nav li {margin: 0 0 25px 0;}
					#nav li a {display: block; height: 20px; padding: 0 19px 0 0; color: #7da6b2;}
					#nav li a.active {cursor: default; color: #2b4850;}
	
		/* middle content */
		#content_main {float: left; width: 431px; margin: 0px 1px 0 0; padding: 20px; min-height: 500px;}
			#content_main a:hover {text-decoration: underline;}
			#content_main .dots {width: 110px; margin: 3px 0 5px 0;}
			#content_main #drawer {width:427px; height:195px; padding:10px; border:1px solid #fff;}
			.fader, .fader_img {visibility:hidden;}
			.fader {width:427px;}
			#blinds {position:relative; top:0; margin: 0 auto; height: 195px; width: 427px; border:1px solid #fff; overflow:hidden }
				#blinds .floom_slice { z-index: 10; }
				#blinds .floom_caption { font-size: 0.9em; color: #fff; position: absolute; text-align: right;  width: 421px; padding:3px; bottom: 0; background: url(/img/bg.png) repeat;}
				#blinds .floom_container { overflow: hidden; }
				#blinds .floom_vertical { float: left; }
		
		/* right content */
		#content_right {width: 200px; float: left; margin:0; padding:20px;}
			#content_right ul {margin: 0 0 50px 0;}
				#content_right li {margin: 0 0 2px 0; color: #fdae03;}
					#content_right li a {color: #4d7e8c;}
					#content_right li a:hover {color: #efefef;}
				
	/* ____________________________
	FOOTER  ____________________ */

	#footer {position:absolute; bottom:0; width: 671px; height: 60px; font-size: 13px; padding: 20px; margin-left:245px;}
		#footer a {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #0d0d0d; display: block; float: left;}
		#footer a:hover {color: #efefef; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #efefef;}
		#wc3 {float:right;}
			#wc3 a.validate {background: url('/img/validate.png') no-repeat 0px 2px; padding-left: 20px; margin-left: 15px;}
			
/* ________________________________________
SqueezeBox - Expandable Lightbox _______ */
 
#sbox-overlay { position: absolute; background-color: #000; left: 0px; top: 0px; zoom: 1; }
#sbox-window { position: absolute; background-color: #fff; text-align: left; overflow: visible; padding: 10px; /* invalid values, but looks smoother! */ -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#sbox-btn-close { position: absolute; width: 30px; height: 30px; right: -15px; top: -15px; background: url(/squeezebox/closebox.png) no-repeat center; border: none; }
.sbox-window-ie6 #sbox-btn-close { background-image: url(/squeezebox/closebox.gif); }
.sbox-loading #sbox-content { background-image: url(/squeezebox/spinner.gif); background-repeat: no-repeat; background-position: center; }
#sbox-content { clear: both; overflow: auto; background-color: #fff; height: 100%; width: 100%; }
.sbox-content-image#sbox-content { overflow: visible; }
#sbox-image { display: block; }
.sbox-content-image img { display: block; width: 100%; height: 100%; }
.sbox-content-iframe#sbox-content { overflow: visible; }
/* Hides scrollbars */
.body-overlayed { overflow: hidden; }
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden; }
#sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; }
/* Shadows */
.sbox-bg { position: absolute; width: 33px; height: 40px; }
.sbox-bg-n { left: 0; top: -40px; width: 100%; background: url(/squeezebox/bg_n.png) repeat-x; }
.sbox-bg-ne { right: -33px; top: -40px; background: url(/squeezebox/bg_ne.png) no-repeat; }
.sbox-bg-e { right: -33px; top: 0; height: 100%; background: url(/squeezebox/bg_e.png) repeat-y; }
.sbox-bg-se { right: -33px; bottom: -40px; background: url(/squeezebox/bg_se.png) no-repeat; }
.sbox-bg-s { left: 0; bottom: -40px; width: 100%; background: url(/squeezebox/bg_s.png) repeat-x; }
.sbox-bg-sw { left: -33px; bottom: -40px; background: url(/squeezebox/bg_sw.png) no-repeat; }
.sbox-bg-w { left: -33px; top: 0; height: 100%; background: url(/squeezebox/bg_w.png) repeat-y; }
.sbox-bg-nw { left: -33px; top: -40px; background: url(/squeezebox/bg_nw.png) no-repeat; }