/*General
-----------------------------------------------------------------*/
*{margin:0; padding:0;}
body{background: /*#1A0600*/#171717 /*url("../img/background.jpg") top center repeat-y*/; font-family: Verdana, Arial;font-size:94%;color:#E5E5E5;}
.left{float:left;}

#wrap{width:918px; background-color:#333; margin: 0 auto;}
#lang{float:left; background:url(../img/bg_top.jpg) repeat-x; height:47px; width:918px;}
h1{
	font-size:1.7em;
    margin-bottom : 0.66em;
	margin-top:-7px;
    text-decoration : none;
	letter-spacing: -1px;
	font-weight: normal;
}
h2{font-size:1.2em;font-weight: normal;letter-spacing: -1px; padding:30px 0 10px 0;}

/*Navigation
-----------------------------------------------------------------*/
#navigation{float:right;}
#nav {
width: 348px;
height: 47px;
position: relative;
background: url(../img/nav_main.png);
margin: 0;
padding: 0;
}

#nav li {
float: right;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 47px;
background: url(../img/nav_main.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_about a {
left: 0px;
width: 96px;
background-position: 0 0;
}

li#nav_portfolio a {
left: 96px;
width: 128px;
background-position: -96px 0;
}

li#nav_contact a {
left: 224px;
width: 124px;
background-position: -224px 0;
}

/*hover state*/
li#nav_about a:hover {
background-position: 0px -47px;
}

li#nav_portfolio a:hover {
background-position: -96px -47px;
}

li#nav_contact a:hover {
background-position: -224px -47px;
}

/*current state*/

#body_about li#nav_about a {
background-position: -0px -47px;
}

#body_portfolio li#nav_portfolio a {
background-position: -96px -47px;
}

#body_contact li#nav_contact a {
background-position: -224px -47px;
}
/*Header
-----------------------------------------------------------------*/

#header{clear:both; background:url(../img/header.jpg) no-repeat; height:105px; width:918px;}

/*Content
-----------------------------------------------------------------*/
#content {
	width: 612px;
	float:right;
	margin: 25px 10px 25px 0;
	background-color:#333;
}
#content img{
	border: 2px solid #BBB;
	padding: 1px;
	margin: 10px 10px 10px 0;
	vertical-align: top;
}
#submitter img {border:0; padding:0; margin:0 5px 0;}

/* Left Side
------------------------------------------------------------------*/
#side-left {
	float:left;
	width:250px;
	margin:25px 20px 0px 10px;
	background-color: #333;
}
#side-left ul {
	list-style-type: none;
	width: 250px;
} 
.spacer {background:url(../img/side-left_bt.jpg) no-repeat; height:2px; width:250px;}

#side-left img{margin:0;padding:0;}
#side-left li a { 
	color: #e58026;
	display: block;
	padding: 5px;
	text-decoration: none;
}

* html #side-left li a {  /* make hover effect work in IE */
	width: 250px;
}

#side-left li a:hover {
	background: #444444;
}

#side-left a em { 
	color: #777;
	font-style:normal;
	font-size: .93em;
	line-height: 125%;
}

#side-left a span {
	color: #a6a69b;
	line-height: 150%;
}
/* Footer
-------------------------------------------------------------------*/
#footer{clear:both;color:#E5E5E5;font-size:12px;height:45px;line-height:15px;padding:5px 10px;background:#222222;border-top: solid #222; border-top-width:1px;}
#footer #altnav{clear:both;float:left;padding-top:5px;text-align:left;width:350px}
#footer #copyright{float:right;padding-top:5px;text-align:right;}
#footer a{color:#E5E5E5;text-decoration:none}
#footer a:hover{color:#e58026;}
#footer img {border: 0px;vertical-align:middle;padding-bottom:2px;}
/*Galerie
-----------------------------------------------------------------*/
.galerie{width:506px;float:right;}
.galerie li{width:55px;height:70px;border:2px double #777;margin: 0 2px 2px 0;background:#444444;}
.galerie li.hover{border-color:#e58026;}
.galerie li.active{border-style:solid;border-color:#e58026;}
.galerie li div{right:100px}
.galerie li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.galleria_container{margin:0 auto 60px auto;height:500px;width:500px;float:left;}

/*Sitemap
------------------------------------------------------------------*/
#sitemap li{ list-style-type: none; padding: 10px;}
#sitemap a { font-size:1.2em; padding: 10px 0 10px 0; text-decoration:none; color:#fff;}
#sitemap a:hover {color: #e58026;}
#sitemap .child { list-style-type: none; padding: 0 0 0 30px; font-size: 0.93em; }

