@charset "UTF-8";
/* CSS Document */
html,body,div,ul,ol,h1,h2,h3,h4,h5,h6,form,blockquote,fieldset,input,textarea,select,button, img, a { margin: 0; padding: 0; border:none; }
h1,h5,h6,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
strong { font-weight: bold; }
ol,li { list-style: none; }
fieldset {border: none;}
html, body { height:auto; min-height:100%; width:auto; min-width:100%; }
a {text-decoration:none; }


@font-face {
    font-family: 'stmarie';
    src: url('http://tyttt.com/j/_type/StMarie-Thin-webfont.eot');
    src: url('http://tyttt.com/j/_type/StMarie-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://tyttt.com/j/_type/StMarie-Thin-webfont.woff') format('woff'),
         url('http://tyttt.com/j/_type/StMarie-Thin-webfont.ttf') format('truetype'),
         url('http://tyttt.com/j/_type/StMarie-Thin-webfont.svg#StMarieThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandLight';
    src: url('http://tyttt.com/j/_type/Quicksand_Light-webfont.eot');
    src: url('http://tyttt.com/j/_type/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://tyttt.com/j/_type/Quicksand_Light-webfont.woff') format('woff'),
         url('http://tyttt.com/j/_type/Quicksand_Light-webfont.ttf') format('truetype'),
         url('http://tyttt.com/j/_type/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background-color:#666;
	/*background-color:#789dc3;*/
	font:12px Helvetica, Arial, sans-serif;
	letter-spacing:0;
	font-weight:100;
	height:100%;
	width:100%;
	margin:0;
	
}

#bg_image {
	bottom: 0px;
	left: 0px;
	position: fixed;
	right: 0px;
	text-align: center;
	top: 0px;
	z-index: -6;
}

#bg_image2 {
	bottom: 0px;
	left: 0px;
	position: fixed;
	right: 0px;
	text-align: center;
	top: 0px;
	z-index: 5000;
}

#loader {
	
	background-color:#666666;
	bottom: 0px;
	left: 0px;
	position: fixed;
	right: 0px;
	text-align: center;
	top:0px;
	/*padding-top:350px;*/
	z-index: 10000;
	width:100%;
	height:100%;
}

#ldng{
	position:absolute;
	top:40%;
	text-align:center;
	width:100%;
	height:auto;
}

#loader2 {
	
	bottom: 0px;
	left: 0px;
	position: fixed;
	right: 0px;
	text-align: center;
	top:0px;
	/*padding-top:350px;*/
	z-index: 0;
	width:100%;
	height:100%;
}


span{
	background-color:#6FC;
}


#container{
	height:100%;
	width:100%;
	position:fixed;
	/*z-index:1;*/

}

#junm{
	position:fixed;
	top:2%;
	float:left;
	left:-142px;
	z-index:2000;
	width:158px;
	height:40px;
	text-align:left;
	background-color:#FFFFFF;
	background:url(http://tyttt.com/j/_images/namearrow.png);
	background-position:right;
	background-repeat:no-repeat;
	-webkit-transition: left 0.8s ease-in-out, background-color 0.6s;
    -o-transition: left 0.8s ease-in-out, background-color 0.6s;
    -moz-transition: left 0.8s ease-in-out, background-color 0.6s;
    transition: left 0.8s ease-in-out, background-color 0.6s;
}

#junm a{
	text-decoration:none;
	color:#000000;
}

#junm a:hover{
	text-decoration:none;
	color:#000000;
}

#junm a:visited{
	text-decoration:none;
	color:#000000;
}

#menu{
	position:absolute;
	top:2%;
	float:right;
	right:1%;
	z-index:9000;
	width:auto;
	height:auto;
	text-align:right;	
}

#space{
	width:auto;
	height:5px;
}

#space2{
	width:5px;
	height:auto;
}


#menulist li{
	background-color:#FFFFFF;
	display: inline-block;
	list-style-type: none;
	padding-top:1px;
	padding-bottom:1px;
	padding-right: 7px;
	padding-left: 7px;
	margin-bottom:3px;
	cursor:pointer;
}

#junmlist li{
	background-color:#FFFFFF;
	display: inline-block;
	list-style-type: none;
	padding-top:1px;
	padding-bottom:1px;
	padding-right: 7px;
	padding-left: 7px;
	margin-bottom:3px;
	cursor:pointer;
}

#mail li{
	background-color:#FFFFFF;
	display:inline-block;
	list-style-type: none;
	margin-bottom:3px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right: 7px;
	padding-left: 7px;
}

#wrklist li{
	background-color:#FFFFFF;
	display:inline-block;
	list-style-type: none;
	margin-bottom:3px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right: 7px;
	padding-left: 7px;
	cursor:pointer;
}

#frilist li{
	background-color:#FFFFFF;
	display:inline-block;
	list-style-type: none;
	margin-bottom:3px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right: 7px;
	padding-left: 7px;
	
}

#wrk li:hover{
	background-color:#33CCCC;
}

#junm li:hover{
	background-color:#F36;
}

#mail li:hover{
	background-color:#33CCCC;
}

#fri li:hover{
	background-color:#33CCCC;
}

#menu li:hover {
	background-color:#F36;
	
}

#menu a:link {
	text-decoration: none;
	color: #000;
}
#menu a:visited {
	text-decoration: none;
	color: #000;
}
#menu a:hover {
	text-decoration:none;
	/*color:#46709c;*/
	color:#000000;
}
#menu a:active {
	text-decoration: none;
}


#port{
	text-decoration: none;
	color: #F36;
}
#port:visited {
	text-decoration: none;
	color: #F36;
}
#port:hover {
	text-decoration:none;
	/*color:#46709c;*/
	color:#33CCCC;
}
#port:active {
	text-decoration: none;
}

#footcont{
	position:absolute;
	width:auto;
	min-width:100%;
	bottom:0.5%;
	text-align:center;
	z-index:1000;
	
}

#foot{
	margin:0 auto;
	text-align:center;
	font-size:11px;
	background-color:rgba(255,255,255,0.3);
	color:rgba(0,0,0,1);
	padding-top:1px;
	width:210px;
	height:auto;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.9) no-repeat scroll center center;
  z-index:10000;
}

#lightbox {
  position: absolute;
  z-index:10001;
  cursor:pointer;
}