/*************************************************************/
/*              SUBESTATE.COM, SUBESTATE.CH 				 */
/*************************************************************/

/*************************/
/*       MAIN BODY		 */
/*************************/
* {border:0; margin:0px; padding:0px; color:#FFFFFF;} 
body {height:100%;background-image:url(../images/bg-sand-writting.jpg); background-position:center top; background-repeat:no-repeat; background-color:#000000;  text-align:center; margin:0 auto;font-family: verdana, sans-serif; font-size:11px;
}
TR, TD {height:20px;font-size:10px;}
 
P, OL, DIV, H1, H2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color:#FFFFFF;
}
H1 { font-size: 11px; 
}
H2 { font-size: 11px; 
}
UL{ list-style-position: inherit;line-height:16px;color:#FFFFFF;
}
img{ border:none;
}
img.a{ border:none;
}
a{
text-decoration:none;
color:#66FF33;
}
a:hover{
color:#fff;
}
.clearer{clear:both;}
/*--------------------------*/
/*******HEADER - LOGO *******/
/*--------------------------*/
#topmenu{height:20px;padding:4px 0 0 20px; text-align:left; font-weight:bold;}
#header{ height:270px; width:636px;margin:0 auto;display:block;}
#logoayeko {margin:0; border:none;}
#navtitle{width:20px; text-align:center; height:15px; margin:0; background-color:#a6a6a6;}
#navtitle_right{text-align:center;width:20px; height:15px; margin:0; background-color:#a6a6a6;}
#navtitle_middle{text-align:center;width:20px; height:15px; margin:0; background-color:#a6a6a6;}
#navtitle_left_btm{position:absolute; left:0; top:20px;display:block; text-align:center;width:195px; height:15px; background-color:#a6a6a6;}
#navtitle_middle_btm{ position:absolute; left:0;  top:385px;display:block;text-align:center;width:470px;height:15px;background-color:#a6a6a6;}
#navtitle_right_btm{position:absolute; left:0;top:385px;display:block; text-align:center;width:195px; height:15px;background-color:#a6a6a6;}
.csc-firstHeader {font-family: Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;font-size: 11px;}
.csc-loginform{padding:10px 40px 10px 40px;}
/*.csc-form-fieldcell{ border: 1px solid #999;background-color:#eee;font-size:11px;width:140px;font-family:Verdana, Arial, Helvetica, sans-serif; }
.csc-form-labelcell{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }*/
label{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#textform{ font-size:11px;}
textarea{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#00FF00; background-color:#000000; border:1px; border-color:#00FF00; border-style:dotted;position:static;float:right;margin-right:0px; width:140px;}
textarea:focus{border:1px solid #66FF33;}
submit{ position:relative;right:0px;}
input{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#00FF00; background-color:#000000; border:1px; border-color:#00FF00; border-style:dotted;position:static;float:right;margin-right:0px;}
input:focus {border:1px solid #66FF33;}
password:focus {border:1px dotted #00CCFF;}
select{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#00FF00; background-color:#000000; border:1px; border-color:#00FF00; border-style:dotted;position:static;float:right;margin-right:0px;}
select:focus{border:1px solid #66FF33;}
checkbox{position:static;margin-right:0px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
.txt_nl input {width:180px;position:static;margin-right:0px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#666; background-color:#eee; border:0px; border-color:#fff; border-style:dotted;}
input submit{position:relative;width:140px;margin:20px 0 0 0;margin-right:0px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#666; background-color:#eee; border:0px; border-color:#666; border-style:dotted; padding-top:20px;}

.cadre{ position:relative;margin: 0 auto 0 auto; height:1%;}
.maintable{ position:relative;width:676px;  height:676px; padding:0; margin:20px auto 0 auto;background-repeat:no-repeat; background-position:center bottom;}
.leftcol { top:0px; padding-top:0px; width:140px;}
#tit_content{display:none;position:relative;width:730px; height:20px;margin:0px 5px 0px 5px; padding:0px 10px 0px 10px;text-align:left; text-transform:uppercase; font-weight:bold; color:#FFFFFF;}
#maincontent {
height:362px;
font-family:Verdana,Helvetica,sans-serif;
font-size:10px;
text-align:left;
width:636px;
margin:20px 20px 0 20px;
}
.menutop {height:20px;}
.leftmenuadj{ width:167px; top:240px; float:left;}
.adjust { height:20%;}

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container {
color:#B3B3B3;
font-variant:small-caps;
margin:0;
width:636px;
}
.nav1 {float:left;margin:0;width:636px; font-family: verdana, arial, sans serif; font-weight: normal; font-size: 9px; letter-spacing:1.2px;}
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px; width:70px;}
.nav1 a{position:relative; margin: 0 20px; display:inline; color:#66FF33; text-decoration: none; font-size: 11px;width: 70px; z-index:248;}
.nav1 a:hover{color:#fff;}
.nav1 img{position:absolute; float:left;z-index:247; width:70px;}
a div.nav1_nohover{float:left; position:absolute;color:#eee; text-decoration: none; margin:0 10px; width:70px;}
a div.nav1_hover{ float:left;position:absolute;color:#eee; text-decoration: none; /*background-image:url(../images/nav1_bg.png);*/}
a div.nav1_hover_act{ float:left;position:absolute;color:#eee; text-decoration: none; background-image:url(../images/nav1_bg.png); width:70px;}
.menu_on{color:#eee;background-color:;}
/*----------------------------*/
/* PLAYER MP3*/
/*----------------------------*/
#player1{
margin:0;
display:block;
height:130px;
}


/*----------------------------*/
/* MOVIES INDEX , TXT & THUMBS*/
/*----------------------------*/
.movietbl { border-bottom: #CCCCCC dotted 1px;width:520px;padding-top:0px;max-height:150px; min-height:100px;}
.moviethumb { width:130px; padding-top:0px; margin-top:0px; top:0px; border: 0px; }
.moviethumb img { top:0;}
.movietxt{ width:100%; padding:0 0 0 5px; margin-top:0px; top:0px; font-family: verdana, sans-serif; font-size:10px; color:#999;}
.movielink{ float:right;height:18px;border: 0px;text-align:right; font-weight:bold; padding-right:10px; }
/*----------------------------*/
/* MOVIES FLV, YOUTUBE, ETC... */
/*----------------------------*/
.movie_container {clear: both; float: left; width: 500px; margin: 0px 0px 0px 0px; padding: 40px 0 0 0;}
.movie_inner {float: right; width: 380px; margin: 0px; padding: 40px;}
/*----------------------------*/
/* CONTENT COLUMN */
/*----------------------------*/
.content {
	text-align:left;
	top:-5px;
	padding:20px 5px 5px;
	min-height:0px;
	margin-top: 0px;	
	width: 240%px;
	height:0px;
	font-size:11px;color:#666666;text-decoration:none;
/*position:relative;float:left;left:10px;padding:10px 20px 10px 20px;min-height:400px;font-size:11px;color:#666666;text-decoration:none;width:480px;*/
}
.content A:hover {color:#999;text-decoration:underline;}
.content A {color:#666;text-decoration:none;}

/******************************************************/
/**************FLEX CONTENT 2 COLUMNS******************/
/******************************************************/
.content2 {width: 636px;margin:0; height:200px; color:#666666;font-family: Arial, Helvetica, sans-serif; font-size:10px;}
.content2 span { padding-left:0; margin-top:4px;color:#ffffff;}
.content-col-txtright-200px{left:471px;position:absolute; height:200px;padding:0;margin:10px 10px 10px 5px;text-align:left;float:right; width:178px; background-image:url(../images/col_bg.png);}
div.content-col-txtright-200px #content_right{ height:280px;border:0;margin:0;padding:0;text-align:left;float:left;width:184px;}
.content-col-txtmiddle-200px{ left:144px;position:absolute; height:200px;padding:0;margin:10px 5px 10px 5px;text-align:left;float:left;width:316px; background-image:url(../images/col_bg.png);}
div.content-col-txtmiddle-200px #content_middle{text-align:justify;height:200px;border:0;margin:0;padding:0; border:0;float:left;}
.content-col-txtleft-200px{position:absolute;height:200px;padding:0;margin:10px 5px 10px 0;text-align:left;float:left;clear:left; width:134px; background-image:url(../images/col_bg.png);}
div.content-col-textleft-200px #content_left{height:200px;border:0;margin:0;padding:0;text-align:left;float:left;width:128px; background-image:url(../images/col_bg.png);}
.content2-container-1col-txtright-200px span{left:0px;text-align:left; font-size:14px;color:#666666; font-weight:bold; line-height:2em;}
.content2-container-1col-txtright-200px p{  font-size:11px;text-align:justify;color:#666666; padding:10px 10px; margin:0;}
.content2-container-1col-txtleft-200px span{left:0px;text-align:left;font-size:14px; font-weight:bold; line-height:2em;}
.content2-container-1col-txtleft-200px p{ font-size:11px;text-align:justify;color:#666666; padding:10px 10px; margin:0;}
.content2-container-1col-txtmiddle-200px p{ font-size:11px;text-align:justify;color:#666666; /*padding:10px 10px;*/ margin:0; padding-top:10px;}

.content-col-right-player{ font-size:10px;left:144px;position:absolute; height:200px;padding:0;margin:10px 5px 10px 5px;text-align:left;float:left;width:500px; background-image:url(../images/col_bg.png);}
div.content-col-right-player #content_middle{text-align:justify;height:200px;border:0;margin:0;padding:0; border:0;float:left;}


/**************FLEX CONTENT 2 COLUMNS LIST***************/
.content2 ul {list-style-position: inside; list-style-type: square;line-height:16px; list-style-image: url(../img/bullet.gif); margin:0; padding:0 0 10px;}
.content2 li{ list-style-position: inside;list-style-type:none; line-height:16px;margin:0; padding:0 0 10px; }
/**************FLEX CONTENT 2 COLUMNS IMAGES RIGHT***************/
.content2ir {clear:both; float: right; width: 570px; margin: 0px; padding:0px; color: rgb(75,75,75);font-family:  Arial, Helvetica, sans-serif;}
.content2ir span {padding-left:0; margin-top:4px;color:#666666;}
.content2ir-container-1col-txtright-200px img{margin: 6px; padding: 0px;}
.content2ir-container-1col-txtright-200px{float:right;clear:right; width: 278px; margin: 0px; padding: 0px;}
.content2ir-container-1col-txtleft-200px{clear:left; width: 278px; margin: 0px; padding: 0px;}
.content2ir-container-1col-txtright-200px span{  font-weight:bold;color:#666666; line-height:2em;}
.content2ir-container-1col-txtright-200px p{ margin:0;text-align:justify;color:#666666; }
.content2ir-container-1col-txtleft-200px span{font-size:12px; font-weight:bold; line-height:2em;}
.content2ir-container-1col-txtleft-200px p{margin: 0px; text-align:justify;color:#666666;}
/********************************************************/
/**************FLEX CONTENT 2 COLUMNS LIST***************/
/********************************************************/
.content2 .content3 ul {  list-style-position: inside; list-style-type: square;line-height:16px; list-style-image:url(../images/arrow_grey1.gif); margin:0; padding:10px 0 0 10px;}
.content2-container-1col-txtleft-200px .content3 ul img{ width:14px; height:11px;}
.content2-container-1col-txtleft-200px .content3 li{ font:16px  Arial, Helvetica, sans-serif; font-weight:bold; color:#666666;list-style-position: inside;list-style-type:none; line-height:16px;margin:0; padding:0 0 10px; }
.content2-container-1col-txtleft-200px .content3{ position:relative;width: 880px; margin: 0px auto; padding:0; color:#666666;font-family:  Arial, Helvetica, sans-serif;}
.content2-container-1col-txtleft-200px .content3 span{ padding-left:0; margin-top:4px;color:#666666;}
.content2-container-1col-txtleft-200px .content3-container-1col-txtright-200px{text-align:left;float:right;clear:right; /*width: 480px;*/}
.content2-container-1col-txtleft-200px .content3-container-1col-txtleft-200px{text-align:left;float:left;clear:left; text-align:justify;font-size:8px;/*width: 900px;*/}
.content2-container-1col-txtleft-200px .content3-container-1col-txtright-200px span{left:0px;text-align:left; font-size:10px;color:#666666; font-weight:bold; line-height:2em;}
.content2-container-1col-txtleft-200px .content3-container-1col-txtright-200px p{ margin:12px 0 0 0;text-align:justify;color:#666666;}
.content2-container-1col-txtleft-200px .content3-container-1col-txtleft-200px span{left:0px;text-align:left;font-size:10px; font-weight:bold; line-height:2em;}
.content2-container-1col-txtleft-200px .content3-container-1col-txtleft-200px span .bodytext {left:0px;text-align:left;font-size:10px; line-height:1.2em; font-weight:normal;}
.content2-container-1col-txtleft-200px .content3-container-1col-txtleft-200px {font-size:8px; margin:5px; text-align:justify;color:#666666;}
/**************FLEX CONTENT 2 COLUMNS LIST***************/
.content2ir ul {list-style-position: inside; list-style-type: square;line-height:16px; list-style-image: url(../img/bullet.gif); margin:0; padding:0 0 10px;}
.content2ir li{ list-style-position: inside;list-style-type:none; line-height:16px;margin:0; padding:0 0 10px; }
/* Tables */
.table {clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(233,232,244);}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; }
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; 	}
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; }

/* Images */
.img-left-noborder-notopmargin {float: left; margin: 0px 10px 0px 0px;}
.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px;}
.img-left-border-notopmargin {float: left; margin: 0px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-left-border-topmargin {float: left; margin: 3px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;}
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;}
.img-right-border-notopmargin {float: right; margin: 0px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
.img-right-border-topmargin {float: right; margin: 3px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
/*--------------------*/
/*   Footer Area  	  */
/*--------------------*/
#footer {height:20px;margin:0 auto;padding:0 0px;width:676px; background-color:black; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#footerinfo span {margin-bottom:5px;font-family: Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:10px; text-align:center;}
#footerinfo span a{color:#fff; font-weight:bold; text-align:center;text-decoration:none;}
#footerinfo span a:active{color:#ccc; font-weight:bold; text-decoration:none;}
#footerinfo span a:hover{color: #66FF33; font-weight:bold;text-decoration:none;}
#footerinfo{width:676px;height:18px;text-align:center;}
#logocc{position: relative;float:left; border:none; left:710px;}
/*-------------------*/
/* 6.4 - Hyperlinks  */
/*-------------------*/
.content1 a, .content2 a, .content3 a, .sidebar-txtbox-noshade a, .sidebar-txtbox-shade a {color: #66FF33; text-decoration: none;}
.content1 a:hover, .content2 a:hover, .content3 a:hover, .sidebar-txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover {color:#fff; text-decoration: none;}
/*******************************/
/*      GENERIC CLASSES        */
/*******************************/

/*----------------------------*/
/* 7.1 - Title decoration box */
/*----------------------------*/
.box-on {float: left; min-width: 0.3em; margin-right: 0.2em; padding: 0px 0.2em 0px 0.3em;}
.box-off {display: none;}
/* html box-on {width: 1%;} /* IE6-Hack for min-width. Also compliant with IE7-Beta2 */ 

/*-----------------------------*/
/* 7.2 - Horizontal alignments */
/*-----------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

/*****************************/
/* SECTION 8 - MISCELLANEOUS */
/*****************************/
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}