@charset "utf-8";

/* CSS Document */
img {
	border:none;
}
html{
	background-color:#1B161C;
}
*{
	margin:0;
	padding:0;
	padding-left:0;
	padding-bottom:0;
	padding-right:0;
	padding-top:0;

}
a.picnav img {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);	
}
a.picnav:hover img {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/**********RIGHT MENU*******/
#nav ul{
	list-style:none;
}
#nav li{
	text-decoration:none;
	color:#666;
}

a.roll_look
{ 
 display:block; 
 background:url(../img/menu/look.png) no-repeat; 
 overflow:hidden; 
 cursor:link; 
} 
a.roll_look img
{ 
 visibility:hidden; 
} 
a.roll_look:hover
{ 
 background:0; 
} 
a.roll_look:hover img
{ 
 visibility:visible; 
 border:0; 
}

a.roll_read
{ 
 display:block; 
 background:url(../img/menu/read.png) no-repeat; 
 overflow:hidden; 
 cursor:link; 
} 
a.roll_read img
{ 
 visibility:hidden; 
} 
a.roll_read:hover
{ 
 background:0; 
} 
a.roll_read:hover img
{ 
 visibility:visible; 
 border:0; 
}
a.roll_call
{ 
 display:block; 
 background:url(../img/menu/call.png) no-repeat; 
 overflow:hidden; 
 cursor:link; 
} 
a.roll_call img
{ 
 visibility:hidden; 
} 
a.roll_call:hover
{ 
 background:0; 
} 
a.roll_call:hover img
{ 
 visibility:visible; 
 border:0; 
}

a.sub_menu{ 
 display:block; 
 overflow:hidden; 
 cursor:link; 
} 
a.sub_menu img
{ 
 visibility:hidden; 
} 
a.sub_menu:hover
{ 
 background:0; 
} 
a.sub_menu:hover img
{ 
 visibility:visible; 
 border:0; 
}

/***Footer data***/
#footer_data{
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer_data a{
		color:#CCC;
}
#footer_data a:hover{
		color:#ca00a2;
}	



/**********LAYOUT***********/

#header{
	padding:0px;
	width:100%;
	height:90px;
}
#logo{
	background-color:#060507;
	width:175px;
	height:90px;
	float:left;
	position:fixed;
}
#bline{
	margin-left:175px;
	background-color:#060507;
	width:453px;
	height:90px;
	position:fixed;
}
#top_nav{
	height:25px;
	top:72px;
	right:10px;
	position:fixed;
}
#nav{
	width:145px;
	float:left;
	padding-left:15px;
}
	
#stuff{
	position:relative;
	padding-top:5px;
	padding-left:0px;
	height:500px
}

#right_menu{
	background-color: #3F0;
	width:175px;
	height:500px;
	float:left;
}
#content{
	left:175px;
	height:481px;
}
#T_read{
	height:481px;
	width:843px;
	left:175px;
}
#T1{
	background-image:url(../img/wall.jpg);
}
#T1 p{
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
	padding-left:25px;
	padding-right:25px;
	text-align:justify;
}
#T2{
	background-image:url(../img/read.jpg);
}
#footer{
  top:595px;
  width:100%;		
  background-color:#1B161C;
  position:fixed;
}
#footer_data{
	left:175px;
	width:453px;
	height:100px;
	position:fixed;
	background-color:#060507;
}
#copyright{
	position:fixed;
	right:10px;
	
}
#copyright1{
	position:fixed;
	left:870px;
}

#menu_{
	height:480px;
	width:173px;
}
.back{
	top:10px;
	left:173px;
	width:100%;
	height:auto;
	top:90px;
	position:relative;
}

#menu{
	color:#FFF;
	text-align:left;
	width:175px;
	height:480px;
	float:left;
}
#text{
	font-size:14;
	color:#999;
	width:453px;
	height:481px;
	background-color:#0F0;
	background-image:url(../img/wall.jpg);
	background-repeat:no-repeat;
}
#photo{
	left:628px;
	top:10px;
	background-color:#0C0;
	background-repeat:no-repeat;
	width:456px;
	height:481px;
	background-color:#096;
}

#footer_text{
	margin-left:175px;
	width:843px;
	height:250px;
	background-color:#060507; 
}
/************* HIDDEN CONTENTS *****************/

.hidden_contents {
	position: absolute;
	margin-top: -1000px;
}

/*************TOP IMAGE NAVIGATION**************/

a.roll_back
{
display:block;
 width:25; 
 height:25; 
 background: url(../img/nav_back.jpg) no-repeat; 
 overflow:hidden; 
 cursor:link; 
} 
a.roll_back img
{ 
 visibility:hidden; 
} 
a.roll_back:hover
{ 
 background:0; 
} 
a.roll_back:hover img
{ 
 visibility:visible; 
 border:0; 
}

/**/

a.roll_forward
{ 
 display:block;
 width:25; 
 height:25; 
 background: url(../img/nav_forward.jpg) no-repeat; 
 overflow:hidden; 
 cursor:link; 
} 
a.roll_forward img
{ 
 visibility:hidden; 
} 
a.roll_forward:hover
{ 
 background:0; 
} 
a.roll_forward:hover img
{ 
 visibility:visible; 
 border:0; 
}


/************* SLIDER MOOTOOLS *****************/

#button {
	vertical-align:middle;
	list-style: none;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	color: #ffffff;
	height: 15px;
	text-align: center;
	vertical-align:middle;
}

#button li {
	text-align:center;
	vertical-align:middle;
	font-size:13px;
	float: left;
	display: block;
	width: 20px;
	height:20px;
	padding: 0px;
	margin: 0px;
	text-decoration:none;
	color:#999;
	background: url(../img/bot_im_out.jpg);
}

#button li a, #button li a:visited {
	color:#999;
	vertical-align:middle;
	text-align:center;
	display: block;
		width: 20px;
	height:20px;
	text-decoration:none;
	
}

#button li a:hover {
	vertical-align:middle;
	color:#999;
	text-decoration: none;
	margin: 0px;
		width: 20px;
	height:20px;
	background: url(../img/bot_im_in.jpg);
	
}
/*** Contact page ***/
#messagebody{
	width:453px;
	background-color:#CCC;
	border:solid;
	border-bottom-style:none;
	border-color:#666;
}
#sender{
	width:180px;
	background-color:#CCC;
	border:solid;
	border-bottom-style:none;
	border-color:#666;
}

/***Gallery menu***/

/***Progect Text***/
#project_text{
	padding-left:7px;
 	left:628px;
	position:absolute;
	width:453px;
	height:100px;
	color:#CCC;
	font-size:12px;
	border-width:thin;
	border:solid;
	border:1px;
	border:#666;
}
.images{
	border:1px;
	position:relative;
	z-index:2;
}
.loupe{
	position:relative;
	z-index:2;
	bottom:50px;
	text-align:right;
	right:5px;
	height:0px;
}