@import "scroll.css";
@import "gallery.css";


body { 
	background: black;
	margin: 0;
	padding: 0;
    font: normal 10px/1.3 Arial, Helvetica, Tahoma, sans-serif;
    overflow: hidden;
}

img {
	border: 0;
	outline: none
}

a:hover, a:active, a:focus {
    // styling for any way a link is about to be used
}

a {
   outline: none;
   color: #fff;
   text-decoration: none;
}

a:hover {
	color: #444
}

h3 {
	color: #fff;
}
form p {
	color: #555;
}
strong {
	color: #333;
}

#about #content_ab b {
	color: #555;
}

#port b {
	color: #555;
}

#about #content_ab p {
	color: #777;
}

#intro {
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0;
	left: 0;
	background: black;
	z-index: 10000000
}

#menu {
	position: fixed;
	top: 71px;
	right: 20px;
	z-index: 1000

}

#menu_1 {
	position: fixed;
	top: 71px;
	right: 0;
	z-index: 100;
	width: 190px;
    height: 500px;
    background: #000;
    filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}


.logo {
	position: absolute;
	right: 3px;
}

#welcome {
	position:absolute;
	top: 27px;
	right: 167px;

}


#nav:hover, #welcome:hover {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

#nav {
	margin-top: 50px;
	float: right;
	position: relative;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;


}

#nav #sub {
	margin-top: 15px;
	float: right;
	position: absolute;
	right: 170px

}

#nav ul {
	list-style-type:none;
	list-style: block;
	font-size: 9px;
	float: right;
}

#nav li a {
	position: relative;
	text-transform: uppercase;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	line-height: 17px;
	float: right;
}

#nav li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#about {
	position: absolute;
	height: 300px;
	width: 550px;
	top: 20%;
	left: 15%;
	font-weight: 100;
	z-index:100;

}

#about #content_ab {
	position: absolute;
	top:36px;
	left: 1px;
	color: #ccc;
	width: 550px;
	height: 300px;
	background: #000;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;

}

#about #content_ab p{
	padding: 5px 5px 5px 5px

}

#about .header {
	position:relative;
	top: 0;
	width:550px;
	height:35px;
	background: #000;
	overflow:auto;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;

}

#about .controls {
	position: absolute;
	float: right;
	top: 5px;
	padding: 2px;
	right:0;
	height: 15px;
	z-index: 10;
}

#contact{
	position:absolute;
	top:150px;
	left:5%;
	width:505px;
	height:400px;
	overflow:auto;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	z-index:100;

}

#contact .header {
	position:relative;
	top: 0;
	width:500px;
	height:35px;
	background: #000;
	overflow:auto;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;

}

#contact #column_up {
	position: relative;
	top:1px;
	left: 1px;
	color: #ccc;
	background: #000;
	height: 300px;
	width: 500px;


}
#contact .controls {
	position: absolute;
	float: right;
	top: 5px;
	padding: 2px;
	right:0;
	height: 15px;
	z-index: 10;
}

#contact input {
 background-color: #111111;
 border: 0px;

}

#contact form {
 border: 1px solid #000000;
 
}

#contact textarea {
background-color: #111111;
border: 0px;
}
#music{
	position:absolute;
	top:150px;
	left:5%;
	width:505px;
	height:400px;
	overflow:auto;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	z-index:100;

}

#music .header {
	position:relative;
	top: 0;
	width:500px;
	height:35px;
	background: #000;
	overflow:auto;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	overflow: hidden;

}

#music_column_up {
	position: relative;
	top:1px;
	left: 1px;
	color: #ccc;
	background: #000;
	height: 300px;
	width: 500px;


}
#music .controls {
	position: absolute;
	float: right;
	top: 5px;
	padding: 2px;
	right:0;
	height: 15px;
	z-index: 10;
}

#music #column {
	position: absolute;
	padding: 0 0 0 10px;
	height: 300px;
	width: 150px;
	top:0;
}


#port {
	position:absolute;
	top:150px;
	left:5%;
	width:520px;
	height:420px;
	overflow:auto;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	z-index:100;

}

#port .header {
	position:relative;
	top: 0;
	width:519px;
	height:35px;
	background: #000;
	overflow:hidden;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;

}

#port #column_up_port {
	position: relative;
	top:1px;
	left: 1px;
	color: #ccc;
	background: #000;
	height: 330px;
	width: 519px;


}
#port .controls {
	position: absolute;
	float: right;
	top: 5px;
	padding: 2px;
	right:0;
	height: 15px;
	z-index: 10;
}
#column {
	position: absolute;
	padding: 0 0 0 10px;
	height: 300px;
	width: 150px;
	top:0;
}

#shop {
	position: absolute;
	top: 400px;
	right: 20px;
	z-index: 1000

}
#footer {
	position: absolute;
	bottom: 1%;
	right: 1%;
	z-index: 10000000
}

#song {
	position: absolute;
	bottom: 1%;
	left: 1%;
	z-index:100;
}

#photo {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 50px;
	z-index:5;
}

#photo_1 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index:7;
	background: #000;
}

#gallery_show{

	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background: #000;
	z-index: 1000000000000000;
	overflow: hidden;
	cursor: move

}
#gallery_show_content {
	position:relative;
	height: 900px;
	width: 900px;
	margin-left:150px;
	color: #fff;
}