*{
	margin:0;
	padding:0;
}

html{
	height: 100%;
}

body{
	background-color: #080706;
}

body#laouto{
	background-color: #fff;
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
	line-height: 1.2em;
	text-align: left;
	margin:0;
	padding:0;
}

body#laouto_splash{
	background-color: #080706;
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
	line-height: 1.2em;
	text-align: center;
	margin:0;
	padding:0;
}

/*SPLASH STYLES BEGIN*/

div#splash{
	width: 584px;
	height: 405px;
	margin: 0px auto 10px;
	background-image: url('/images/splash.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 24px;
	color: #e4e4e4;
	line-height: 1.2em;
	text-align: center;
	font-weight:bold;
	background-color: #080706;
}

div#splash p{
	text-align: center;
	color: #e4e4e4;
	font-size: 13px;
	line-height: 1.2em;
	font-weight:normal;
	
}

div#comingsoon p a{
	color: #c5c5c5;
	text-decoration: none;
}

div#comingsoon p a:hover{
	text-decoration: underline;
}

div#comingsoon{
	width:584px;
	height: 145px;
	margin: 10px auto 10px auto;
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #e4e4e4;
	line-height: 1.2em;
	text-align: center;
	background-color: #080706;
}

#comingsoon p{
	color: #e4e4e4;
	font-size: 13px;
	line-height: 1.2em;
}


div#splashcontainer{
	width: 584px;
	height: auto;
	margin:80px auto;
	text-align:center;
	background-color: #080706;
}

/*SPLASH STYLES END*/

div#container{
	width: auto;
	margin: 0;
	text-align: left;
	z-index: 0;
	display: block;
	padding: 0;
	position: static;
	height: 100%;
   voice-family: "\"}\"";
   voice-family: inherit;
   height: auto;
}
	
/*html>body #container {
    height: auto;
}*/

div#footercontainer{
	width: 100%;
	height: 50px;
	z-index:0;
	position:static;
	color: #fff;
	background-color: #656c6b;
	border-top: #8b1e2f 4px solid;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 0 22px 0;
	font-size: 9px;
	line-height:12px;
	margin: 0;
}

#footercontainer p{
	font-size: 9px;
	line-height:12px;
	margin: 0;
	color: #fff;
}

div#headingcontainer{
	background-image: url('/images/bg_head.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	height: 205px;
	width: auto;
	margin:0 0 0 0;
	position: static;
	z-index:0;
	padding: 0;
	background-color: #fff;
}

div#logo{
	width:194px;
	height: 187px;
	position:absolute;
	top:18px;
	left:0;
	background-color: transparent;
	z-index:1;
}

div#title{
	background-color: transparent;
	z-index:1;
	width:470px;
	height: 120px;
	position:absolute;
	top:64px;
	left:184px;
}

div#contentcontainer{
	width: auto;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	position: static;
	z-index:0;
	background-color: transparent;
	text-align:left;
	background-image: url('/images/bg_body4.gif');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #f0e1c7;
	display: block;
	height: 100%;
   voice-family: "\"}\"";
   voice-family: inherit;
   height: auto;
}

div#instruments{
	height: 204px;
	width: 243px;
	margin:0 0 0 0;
	position:absolute;
	right: 4px;
	top: 0;
	z-index:0;
	background-color: transparent;
	text-align:left;
	background-image: url('/images/instruments.jpg');
	background-position: top left;
	background-repeat: no repeat;
}

div#mainbody{
	width: auto;
	background-color: transparent;
	color: #444;
	z-index: 0;
	margin: 0;
	position:relative;
	display: block;
	padding: 0 20px 20px 0;
}

#mainbody h1{
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
}

h2.news{
	font-size:11px;
	font-family: inherit;
	color: #8b1e2f;
	line-height: 1.2em;
	text-align: left;
	margin: 10px 0 0 0;
	font-weight: bold;
}

div.news{
	position:relative;
	width: 162px;
	height:auto;
	background-color: transparent;
	z-index:0;
	margin: 0 0 8px 0;
	padding:8px;
}

div.images{
	position:relative;
	width: 280px;
	height:auto;
	background-color: trasnparent;
	z-index:0;
	margin: 20px 0 8px 0;
	padding: 0px;
}

div.imgbox_top{
	float: left;
	clear: none;
	background-image: url('/images/imgbox_top.gif');
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	margin: 0 10px 10px 0;
	display: block;
}

div.imgbox_bottom{
	background-image: url('/images/imgbox.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0 15px 15px 15px;
	margin: 15px 0 0 0;
}

/*.images img{
	width: 172px;
}*/

div.audio{
	width: 162px;
	text-align:center;
	padding:0 8px 0 8px;
	margin: 0 0 8px 0;	
	z-index: 2;
}

.audio p{
	text-align:left;
	font-size: 11px;
	line-height: 1.2em;
	margin:0;
}

.news h1, .news h1 a{
	font-family: inherit;
	font-size: 11px;
	color: #8b1e2f;
	line-height: 1.2em;
	text-align: left;
	margin: 0 0 .5em 0;
	font-weight: bold;
}


h1.news, h1.news a{
	font-family: inherit;
	font-size: 11px;
	color: #8b1e2f;
	line-height: 1.2em;
	text-align: left;
	margin: 0 0 .5em 0;
	font-weight: bold;
}

.news h1 a:hover{
	text-decoration:underline;
}

.news p{
	font-family: inherit;
	font-size: 11px;
	color: #fff;
	line-height: 1.2em;
	text-align: left;
	margin: 0 0 .5em 0;
	font-weight: normal;
}

p.morenews, p.morenews a{
	color: #8b1e2f;
	font-weight: bold;
}

p.morenews a:hover{
	text-decoration: underline;
}

div#maincontent{
	position: relative;
	width: auto;
	z-index: 0;
	margin: 0 220px 0 190px;
	font-size: 12px;
	line-height:1.3em;
	display: block;
	padding: 0;
	height: 100%;
   voice-family: "\"}\"";
   voice-family: inherit;
   height: auto;
	min-height: 460px;
	_height: 460px;
}

div#rightcontent{
	width: 192px;
	z-index: 1;
	padding: 0 0 60px 0;
	margin: 0 0 0 0;
	font-size: 11px;
	line-height:1.2em;
	display: block;
	position: absolute;
	right: 16px;
	background-image: url('/images/bg_right4.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

/*.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.news:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}


h1{
	font-family: inherit;
	font-size: 18px;
	color: #5eb2aa;
	line-height: 1.2em;
	text-align: left;
	margin: 0 0 .5em 0;
	font-weight: bold;
}

h2.byline{
	font-family: inherit;
	font-size: 12px;
	color: #8b1e2f;
	line-height: 1.3em;
	text-align: left;
	margin: 0 0 0 0;
	font-weight: bold;
}

h2{
	font-family: inherit;
	font-size: 11px;
	color: #8b1e2f;
	line-height: 1.2em;
	text-align: left;
	margin: 0 0 0 0;
	font-weight: bold;
}

p{
	font-family: inherit;
	font-size: 12px;
	color: #444;
	line-height: 1.3em;
	text-align: left;
	margin: .5em 0 1em 0;
}

input.txt{
	border: #444 1px inset;
	background-color: #dff0ee;
	width: 180px;
}

textarea.txt{
	border: #444 1px inset;
	background-color: #dff0ee;
	width: 380px;
}

table.attributes{
	width: 300px !important;
	margin: 0 20px 8px 0 !important;
	float:none;
}

ul.childpages{
	list-style-type: square;
	list-style-position: inside;
	list-style-image: none;
	margin: 4px 0 4px 0;
}

ul.childpages li{
	list-style-type: square;
	list-style-position: inside;
	list-style-image: none;
}

ul.childpages li a{
	color: #8B1E2F;
	text-decoration: none;
	font-weight: bold;
}

ul.childpages li a:hover{
	color: #444;
	text-decoration: underline;
}

input.btn{
	border: #444 1px outset;
	color:  #000;
	background-color: #c5c5c5;
	width: auto;
}

ul{
	margin: 0 0 0 14px;
	list-style-type: square;
	list-style-position: outside;
	list-style-image: none;
}

ul li{
	list-style-type: square;
	list-style-position: outside;
	list-style-image: none;
}

a{
	text-decoration:none;
	color: #444;
}

a:hover{
	text-decoration:underline;
}

#mainbody p a{
	text-decoration:none;
	color: #5EB2AA;
}

#mainbody p a:hover{
	text-decoration:underline;
}

#footercontainer a{
	text-decoration:none;
	color: #C5c5c5;
}

#footercontainer  a:hover{
	text-decoration:underline;
	/*color: #8B1E2F;*/
}

div#welcometext{
	font-size:36px;
	line-height: 40px;
	color:#fff;
	position:absolute;
	top:240px;
	left:48%;
	z-index:10;
}

div#lang{
	position:absolute;
	top: 170px;
	right: 250px;
	text-align: right;
	color:  #8b1e2f;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: bold;
	z-index: 3;
}

div#lang a{
	color:  #8b1e2f;
	font-size: 9px;
	text-decoration:none;
}

div#lang a:hover{
	color: #fff;
	text-decoration:none;
}

ul#nav{
	width: 150px;
	height: auto;
	display: block;
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url('/images/arrow.gif');
	font-size: 10px;
	margin: 4px 0 4px 0;
	z-index:100;
	color: #4c4c4c;
	text-transform: uppercase;
	font-weight: bold;
}

ul#nav li{
	width: 144px;
	height: auto;
	display: block;
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url('/images/arrow.gif');
	font-size: 10px;
	margin: 0 0 0 0;
	padding:4px;
	color: #4c4c4c;
	font-weight: bold;
	border-bottom: 1px #eae0ce solid;
}

ul#nav li a{
	text-decoration:none;
	color: #4c4c4c;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
}

ul#nav li a:hover{
	text-decoration:none;
}

div#navcontent{
	width: 150px;
	height: auto;
	text-align:left;
	z-index: 2;
	padding-left:23px;
	padding-bottom: 24px;
}

div#newscontent{
	width: 174px;
	height: auto;
	text-align:left;
	z-index: 1;
	padding: 10px 8px 5px 8px;
}

#newscontent p{
	font-size: 11px;
}

a.lboximage{
	text-decoration:none;
	color: #444;
	margin: 4px 8px 0 0;
	background-color: #fff;
	width: 188px;
	border: 0;
	outline: none;
	
}

a.lboximage img{
	width:180px;
	border: 4px solid #fff;
}

.audio h1{
	color: #fff;
	font-size: 12px;
	margin-top: 8px;
}

#newscontent h1{
	color: #fff;
	font-size: 12px;
}


div#leftcontent{
	position:absolute;
	left: 0px;
	margin: 0;
	width: 180px;
	text-align:center;
	z-index: 0;
	background-image: url('/images/bg_left.gif');
	background-position: top left;
	background-repeat: no repeat;
}

div#goonline{
	position:absolute;
	right: 0px;
	margin: 200px 16px 0 0px;
	width: 192px;
	text-align:center;
	z-index: 1;
	top: 316px;
	/*top:  200px;*/
	padding: 0 0 0 0;
}

#goonline img{
	margin: 0 auto 8px auto;
}

div#footer{
	/*position: absolute;
	right:0;*/
	text-align:right;
	float:right;
	margin-right: 8px;
}

div#credit{
	/*position: absolute;
	left:0;*/
	text-align:left;
	float: left;
	margin-left: 8px;
	clear: left;
}

div#copyright{
	/*position: absolute;
	left:0;*/
	text-align:left;
	float:left;
	margin-left: 8px;
}

div#address{
	position:absolute;
	top: 0px;
	right: 250px;
	text-align: right;
	color: #fff;
	font-size: 9px;
	line-height: 10px;
	z-index: 0;
	text-transform: uppercase;
	font-weight: bold;
}

div#address p{
	text-align: right;
	color: #fff;
	font-size: 9px;
	line-height: 12px;
}

div.featured{
	width: 100%;
	height:auto;
	background-color: transparent;
	margin: 0 0 8px 0;
	display: block;
}

div.featureimg{
	width: 200px;
	margin: 0 auto 0 auto;
	text-align:center;
	float:left;
}

.featured h1, .featured h1 a{
	font-family: inherit;
	font-size: 14px;
	color: #8B1E2F;
	line-height: 1.2em;
	text-align: left;
	margin: 0 0 .5em 0;
	font-weight: bold;
}

.featured h3, .featured h3 a{
	font-family: inherit;
	font-size: 11px;
	color: #8B1E2F;
	line-height: 1.2em;
	text-align: right;
	margin: 0 0 .5em 0;
	font-weight: bold;
	clear: both;
}

.featured h2.title, .featured h2.title a{
	font-family: inherit;
	font-size: 12px;
	color: #5EB2AA;
	line-height: 1.2em;
	text-align: left;
	margin: 0 0 .5em 0;
	font-weight: bold;
	
}

.featured h2 a:hover{
	text-decoration:underline;
}

.featured p{
	font-family: inherit;
	font-size: 11px;
	color: #444;
	line-height: 1.2em;
	text-align: left;
	margin: 0 0 .5em 0;
	font-weight: normal;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}