@charset "utf-8";

html {  padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		margin:0px;
		
}
body {	padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		margin:0px;
		background-image:url(images/bg.jpg);
		background-repeat:repeat;
}

#main {
	margin:0px auto;
	width:800px;
	height:450px;
	background-color:#0f0f0f;
}

#header {
	width:780px;
	margin:0px auto;
	height:160px;
	background:url(images/header_bg.png) no-repeat;
}

#logo {
	width:150px;
	height:150px;
	padding:5px 0px 0px 25px;
	float:left;
	
}

#left {
	width:250px;
	height:350px;
	background-color:black;
	float:left;
	margin:30px 0px 0px 25px;
	border-top:15px solid #06F;
	border-bottom:15px solid #06f;
}

#right {
	width:500px;
	height:350px;
	background-color:#1b1b1b;
	float:right;
	margin:30px 25px 0px 0px;
	border-top:15px solid #06F;
	border-bottom:15px solid #06f;
}

#right p { margin:0px;}

#menu {
	width: auto;
	height:20px;
	float:right;
	color:white;
	margin-top:65px;
	
}

#menu ul{
	list-style: none;
	display: inline;
}

#menu li{
	float: left;
	display: inline;
	padding:0px; 
	margin:0px;
}

#menu a{
	color:white;
	text-decoration:none;
}

#menu a:hover{
	color:white;
	text-decoration:underline;
}

#folio_box{
float:left;
width:165px;
height:145px;
margin-left:25px;
margin-top:25px;
color:#FFF;
}

#folio_box a{
text-decoration:none;
color:#1c8eb7;
font-size:11px;
}

#folio_box a:hover{
text-decoration:underline;
color:#1c8eb7;
}

#folio_pic{
border:1px solid #3b3532;
width:132px;
height:102px;
padding:5px 0px 0px 1px;
}

#folio_pic:hover{
background-color:#26211e;
border:1px solid #3b3532;
width:132px;
height:102px;
padding:5px 0px 0px 1px;
}

#folio_pic img{
border:1px solid #3b3532;
width:125px;
height:95px;
}

#folio_pic img:hover{
border:1px solid #3b3532;
opacity: .5;
filter: alpha(opacity=50);
}

#galerie {
	padding:35px 0px 0px 65px;
}

#galerie a{
	color:#FFF;
	text-decoration:none;
}

#galerie a:hover{
	color:#FFF;
	text-decoration:underline;
}