/*
kwaaui.com css - specs
turquoise: #326875
bg grey old: #D2D6D5;

*/

html { height: 100%; }

* { margin: 0; padding: 0; }

body
{
	text-align: center;
	color: #666;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	background-color: #000;
	border: 0px #666 solid;
}

::-moz-selection { background: #326875; color: #fff; text-shadow: none; }
::selection { background: #326875; color: #fff; text-shadow: none; }

b, strong { font-weight: bold; }

a
{
	color: #999;
	font-weight: normal;
	text-decoration: none;
}

a:hover { color: #ccc; }
a, a:active{ outline: 0; }

/* link hover prettyPhoto descriptions */
.pp_description a { font-size: 1.2em; font-weight: bold; }
.pp_description a:hover {
	color: #ccc;
	text-decoration: underline;
}
.pp_description b { color: #999; }

IMG { border: 0px; }

h1, h2, h3, h4, h5 { font-weight: bold; letter-spacing: -0.04em;}
h1 { font-size: 3.4em; line-height: 1.4em; margin: 4px 0 10px; }
h2 { font-size: 2em; line-height: 1.2em; margin: 4px 0 0px; }
h3 { font-size: 1.8em; line-height: 1.2em; margin: 4px 0 8px; }
h4 { font-size: 1.4em; line-height: 1em; margin: 4px 0 8px; }
h5 { line-height: 1em; }

b { font-weight: bold;}

/* CLASSES
*/
.hidden { display: none; }
.normal, .normal h1, .normal h2, .normal h3 { font-weight: normal; }
.left { float: left !important; }
.right { float: right !important; }
.legenda { white-space: pre-line; }
.textR { text-align: right; }
.textL { text-align: left; }
.textC { text-align: center; }
.corner-10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.shade { -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4); box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.shadeW { -moz-box-shadow: 0 0 20px rgba(255,255,255,0.4); -webkit-box-shadow: 0 0 20px rgba(255,255,255,0.4); box-shadow: 0 0 20px rgba(255,255,255,0.4);}

.clearfix { clear: both;}

.i1
{
	color: #333;
	font-size: 18px;
}
.i1b
{
	display: block;
	width: auto;
	height: 20px;
	padding: 4px 4px 8px;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	color: #0B0B0C;
	background-color: #999;
/*	opacity: .60;
	filter: alpha(opacity=60);*/
}

.rh {
text-align: right;
}

.box1
{
	display: inline;
	margin-right: 30px;
	border: 0px #900 solid;
}

.white { color: #fff; background-color: transparent;}

.menuItem h3
{
	text-indent: -1000px;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 1px;
	float: right;
	display: block;
	border: 0px #0f0 solid;
	overflow: hidden;
}

.multiBoxDesc a
{
	color: #666;
}

/**/


/* IDs
*/
#bodyBg
{
	position: fixed;
	z-index: -2;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background-image: url(/pics/bkg/img_rotator.php);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: fixed;
}
.bgwidth { width: 100%; left: 0; top: 0; }
.bgheight { height: 100%; left: 0; top: 0; }

#dummy
{
	display: none;
	width: 0px;
	height: 0px;
}

#header, #lefts, #wrapper { min-width: 980px; }
#header
{
	position: fixed;
	z-index: 21;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 130px;
	margin: 0px;
	overflow: hidden;
	color: #888;
	background-color: #000;
	background-image: url(../img/bg_pattern.png);
	background-repeat: repeat-x;
	background-position: bottom;
	opacity: .86;
	filter: alpha(opacity=86);
}

	#header #Ctop
	{
		position: absolute;
		z-index: 2;
		float: right;
		width: 256px;
		height: 140px;
		top: 0px;
		left: 0px;
		background-position: left 0;
		background-image: url(/img/Ctop.png);
		background-repeat: no-repeat;
		font-size: 0px;
		border: 0px #900 solid;
	}
	#header #kwaaui-logo
	{
		position: relative;
		float: left;
		z-index: 5;
		/*top: 10px;*/
		left: 80px;
		width: 360px;
		height: 105px;
		margin: 10px 0 0;
		overflow: hidden;
		background-color: transparent;
		/*	background-image: url(/img/kwaaui_wri-72dp.png);
		background-position: center top;
		background-repeat: no-repeat;
	*/
		border: 0px #FFFF16 solid;
	}
	#header #kwaaui-logo img {
		border: 0px #fff solid;

	}
	#header #kwaaui-pic
	{
		position: relative;
		z-index: 3;
		width: 500px;
		height: 130px;
		float: right;
		right: 0px;
		background-color: transparent;
		background-image: url(/img/lampOff.png);
		background-repeat: no-repeat;
		background-position: center 60%;
		border: 0px #red solid;
	}

#lefts
{
	clear: both;
	position: relative;
	display: block;
	z-index: 20;
	/*	float: left;*/
	/*top: 130px;*/
	left: 0px;
	width: 100%;
	height: 16px;
	margin: 0px;
	padding: 4px 0 2px 0;
	text-align: left;
	background-color: #000;
	background-image: url(../img/bg_patternTs.png);
	background-repeat: repeat-x;
	background-position: top;
	opacity: .80;
	filter: alpha(opacity=80);
	border-width: 1px 0 1px 0;
	border-color: #326875;
	border-style: solid;
}
	#lefts span
	{
		position: relative;
		margin: 0 8px;
		color: #666;
		font-size: 0.78em;
		/*text-transform: uppercase;*/
		border: 0px #326875 solid;
	}
	#lefts span a img {
		opacity: .70;
		filter: alpha(opacity=70);
	}
	#lefts span a:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	#lefts #speaK
	{
		float: left;
		position: relative;
		width: 10px;
		height: 10px;
		margin: 0 0 0 8px;
		text-align: center;
		border: 1px #326875 solid;
	}

#wrapper
{
	position: absolute;
	top: 160px;
	width: 100%;
	/*min-height: 100%;*/
	margin: 0 auto;
	/*padding-bottom:20px;*/
	text-align: left;
	border: 0px #fff solid;
}
#main
{
	position: relative;
	/*display: block;*/
	z-index: 5;
	width: 900px;
	min-height: 430px;
	margin: 0 auto;
	overflow: hidden;
	border: 0px #0f0 solid;
}

	#menu
	{
		position: fixed;
		display: block;
		z-index: 1;
		width: 250px;
		height: 440px;
		margin: 0;
		float: left;
		border-right: 2px #666 solid;
	}

	#menu .a01
	{
		position: relative;
		display: block;
		float: left;
		width: 200px;
		margin: 0px;
		padding: 6px 26px 6px 26px;
		border: 0px #00F solid;
	}
	#menu .a02
	{
		position: relative;
		display: block;
		width: 200px;
		margin: 0.8em 0 0 0;
		padding: 6px 26px 6px 26px;
		float: left;
		border: 0px #F00 solid;
	}

	#menu .a01 > a, #menu .a02 > a
	{
		display: block;
		width: auto;
		margin-bottom: 10px;
		padding-right: 4px;
		font-size: 1.2em;
		color: #999;
		border-bottom: 1px #3E4244 solid;
	}
	#menu .a01 a
	{
		font-size: 1.8em;
		font-weight: bold;
	}

	#menu .a01 a:hover, #menu .a02 a:hover
	{
		color: #326875;
		/*border-bottom: 1px #326875 solid;
		background-color: #c4c9c9;*/
	}
	#menu .a01 a:active,#menu .a02 > a:active
	{
		color: #EEE;
		border-bottom: 1px #326875 solid;
		background-color: #326875;
	}

	#menu .a02 a.icon
	{
		display: inline;
		float: right;
		width: auto;
		height: 28px;
		margin-left: 6px;
		margin-top: 4px;
		margin-bottom: 4px;
		border: 0px #818B8E solid;
	}

/* LISTS
*/
ul { list-style: none; }


/* SHARE ICONS
*/
#share ul li
{
	display: inline-block;
	width: 26px;
	height: 26px;
	margin:0 0 0 6px;
	border: 0px #818B8E solid;
}
#share ul li a
{
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(/img/icons/icons-sprite.png);
	background-repeat: no-repeat;
}
#share #youtube { background-position: 0 0; }
#share #vimeo { background-position: -26px 0; }
#share #flickr { background-position: -52px 0; }
#share #twitter { background-position: -78px 0; }

#share #youtube:hover { background-position: 0 -26px; }
#share #vimeo:hover { background-position: -26px -26px; }
#share #flickr:hover { background-position: -52px -26px; }
#share #twitter:hover { background-position: -78px -26px; }

/*	CONTENT
*/
#pgCont
{
	position: relative;
	display: block;
	left: 275px;
	top: 0px;
	width: 510px;
	float: left;
	text-align: left;
	font-size: 14px;
	background-color: transparent;
	border: 0px #ff0 solid;
}

#pgCont ul { width: inherit; }

#pgCont ul li
{
	display: block;
	width: auto;
	min-height: 24px;
	height: auto;
	text-indent: 0;
	background-color: #ccc;
	opacity: .60;
	filter: alpha(opacity=60);
	border-bottom: 1px #4B5052 solid;
}

#pgCont a
{
	display: block;
	color: #4D4D4D;
	line-height: 22px;
	padding-left: 4px;
	font-weight: bold;
}

#pgCont a.free
{
opacity: 1;
filter: alpha(opacity=100);
border-bottom: 0px #4B5052 solid;
background-color: transparent;
}

#pgCont a.hidden	{ display: none;}

#pgCont li:hover, #pgCont li:hover a
{
	color: #fff;
	background-color: transparent;
	opacity: 1;
	filter: alpha(opacity=100);
}

#pgCont a:active
{
	color: #fff;
	background-color: transparent;
	opacity: .95;
	filter: alpha(opacity=95);
}

	#pgCont .hmCnt
	{
		position: relative;
		float: left;
		display: block;
		z-index: 1;
		margin-bottom: 4px;
		padding: 0px;
		width: auto;
		border-bottom: 1px #818B8E solid;
	}
	#pgCont .hmCnt IMG
	{
		float: left;
		width: auto;
		height: auto;
		margin-right: 5px;
		border: 0;
	}
	#pgCont .hmCnt a
	{
		float: left;
		padding: 4px;
		width: 502px;
		font-weight: normal;
		text-decoration: none;
		line-height: 14px;
		color: #333;
		background-color: #ccc;
		border: 0px;
	}
		#pgCont .hmCnt a:hover
		{
			color: #fff;
			background-color: transparent;
		}
	#pgCont .hmCnt a b {
		font-size: 16px;
	}

		.hmCnt a.lightwindow
		{
			display: block;
			padding: 0px;
			text-decoration: none;
			text-align: left;
			background-color: transparent; /*#bbbfbe;*/
		}
		#pgCont .hmCnt a.lightwindow:hover {
			color: #FFF;
			background-color: transparent;/*#E0E0E0;*/
			text-decoration: none;
		}
		#pgCont .hmCnt a.lightwindow:active
		{
			color: #FFF;
			text-decoration: none;
		}

#pgLabel
{
	position: relative;
	display: block;
	width: inherit;
	min-height: 30px;
	left: 0px;
	margin: 0 0 16px;
	font-weight: bold;
	text-transform: lowercase;
	line-height: normal;
	color: #326875;
	text-align: left;
	border: 0px #366 solid;
	/*text-shadow: 0 0 6px rgba(0,0,0,0.7);*/
	text-shadow: 0 0 3px rgba(0,0,0,1);
}
#pgLabel h1
{
	line-height: 1em;

}