@charset "UTF-8";
/* CSS Document */

body {

	color:white;
	margin:60px auto;
	background:url(../images/bgtest.jpg) right bottom fixed no-repeat;
	overflow-y:hidden;
	overflow-x:hidden;
		background-color:#000;
}

* {
	margin:0px;
	padding:0px;	
}


img {
	border:0px;
}

/* layout */

#wrapper {
	margin:0px auto;
	text-align:center;
}


/* --- TASK BAR  --- */
#taskbar{z-index:3; margin:0 auto; margin-top:75px; position:fixed; top:0; width:100%;}
#taskbar-center{ margin:0 auto; font-size:0.7em; height:60px;  background:url(../images/black-tile.png);
 -moz-border-radius-topright:30px; -webkit-border-top-right-radius:30px;  -moz-border-radius-bottomright:30px; -webkit-border-bottom-right-radius:30px; margin-right:10px;
 border:1px solid #222;}
#nav-list{float:right; margin-right:80px;}
#taskbar a{ color:#666; padding:23px;text-decoration:none; display:block; width:70px; float:left; text-align:center; }
#taskbar a:hover{color:#fff; background:#111;}
.logo{  position: fixed; top:0; left:0; z-index:4;}
.backtotop{z-index:4; position:fixed; right:0; top:0; padding:30px; margin-right:5px;}




/* main visual */

#mainvisual {
	width:100%;
	padding:0px 0px 0px 0px;
	text-align:center;
		background-color:#000;
	height:400px;
	color:#999;
	font-size:10px;
}

#profile, #gallery, #contact, #link {
	width:100%;
	padding:0px 0px 0px 0px;
	text-align:center;
	background-color:#000;
	height:420px;
	color:#999;
	font-size:10px;
}

#c_top {
	background:url(../images/c_top.png) repeat-x;
	height:100px;
	padding:0px;
	width:100%;
}

#c_bottom {
	background:url(../images/c_bottom.png) repeat-x;
	height:100px;
	padding:0px;
	width:100%;
}

#about{
		width:850px;
		padding:25px;
	text-align:left;
}



#c_left {
	width:400px;
	float:left;
	text-align:right;
}
#c_right {
	font-size:9px;
	color:#999;
	width:400px;
	float:left;
	text-align:left;
}








/*
/*---------- /GLOBAL STYLES ----------*/




.playmovie {
	display:block;
	color:#fff;
	font-size:12px;
	border:1px solid #000;
	padding:5px;
	margin:5px;
}






#slider {
	height:400px;
	margin:0px auto 0 auto;
	width:900px;
	    position: relative; /* important */
	overflow: hidden; /* important */
}

#s3slider {
   width: 840px; /* important to be same as image width */
   height: 400px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 840px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}



   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */

.clear {
   clear: both;
} 

.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}