body, div, p, u, i, a, h1, h2, h3, ul, li { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; font-style: normal; outline: none; }
ul { list-style: none; }
img { border-width:0px; }

/*	
- - - - - - - - - - - - - - -
	TYPOGRAFIE
*/

body {  height: 100%; line-height: 1.3; font-family: 'Courier New', "Times New Roman", Courier, 'Andale Mono'; background-color: #fff; color: #666; }
ul li, p, em { font-size: 11px; font-style: normal; }
h1 { font-size: 14px; font-weight: normal; }
h2 { font-size: 20px; font-weight: normal; }
a { color: #666; text-decoration: none; }
a:hover {color: #000}
em b { font-weight: normal; font-style: italic; color: #666; }
em b a { font-style: italic; color: #666; }
em b p { font-style: italic; margin: 0; }
p, h2 { margin: 0px 0px 5px; text-align: left; }


/*	
- - - - - - - - - - - - - - -
	LAYOUT
*/

body { width:100%; margin:auto; padding: 0; margin: 0; }

h1#header { background-color: #fff; padding: 0 0 0 20px; text-align: left; height: 140px}
div#menu { padding: 0 0 0 10px; text-align: left; background-color: rgba(38,38,38,0.9); position: absolute; width: 220px; margin: 50px 0 0; *opacity: 0.9; *background-color: #262626; filter:alpha(opacity=90); }
.description { 
	width: 460px;
	margin: 133px 0 0 280px;
	padding: 20px 0 0 0;
	text-align: left;
	color:#666;
}
.p-description a {
	background-color: #FF0000;
	color:#FFFFFF;
}

.description h2 {
	font-size: 20px;
	padding: 0 0 10px 0;
}
.p-description h2 a {
background-color: #FFFFFF !important;
color:#666 !important;
}


hr { display: block; clear: both; margin: 0px 0px 30px; padding: 0; height: 0; overflow: hidden; visibility: hidden; }
.col hr { margin: 0px 0px 15px; }

/*	
- - - - - - - - - - - - - - -
	LINKE SPALTE
*/

#lateral{
	float: left;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 40px;
	padding: 0 0 20px 0;
	width: 220px;
	background: url(../../images/bg.menu.01.png);
	/*background-color: rgba(225,250,250,0.9); *opacity: 0.9; *background-color: #262626; filter:alpha(opacity=90);*/
}

#navigation { min-height: 400px; height:auto !important; height:430px; }
#lateral ul { 
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 10px; 
	list-style: none; 
}
#lateral ul li {
	font-size: 11px;

	margin: 0px 0px 2px 0px;
}
#lateral ul li a { color: #666; }
#lateral ul li a:hover { color: #000; }
#lateral ul li.selected { color: #666; background-color: #fff; }
#lateral ul li.selected a { border: 0px; color: #666; cursor: default; }
#lateral ul#pages { margin: 16px 0px 0px; }

#navigation .children{
	padding-top: 0;
        text-transform: lowercase;
	margin-left: 0px; 
}

#lateral li.mi{
	padding-top: 10px;

}


/*
- - - - - - - - - - - - - - -
	BODY
*/

#body{
	margin: 140px 0 0 280px;

}


/*
- - - - - - - - - - - - - - -
	CONTENT
*/

#content {

	height: auto;
	margin: 0;
	clear:both;
	width:100%;
	margin:auto;
	overflow:hidden;
	position: absolute;
}
#media .image { background: #fff; height: 430px;  overflow:hidden; float:left; margin-right:4px; padding-top: 140px; cursor:pointer; }


/*
- - - - - - - - - - - - - - -
	GALLERY
*/

.image a{
	display: block
}

.image a:hover img{
	filter: alpha(opacity=100); opacity: 1 ! important;
}


.pattern{
	background: url(../../images/bg.gif) top repeat-x;
}

div#images, div#media { clear: both; padding: 0; }
div.media { margin: 0px 0px 10px; }
div#media div#images { padding: 0; }
div.home div#images { padding: 0; }

.p-description {
    width: 540px;
    position: absolute;
    left:280px;
    top: 579px
}

.p-navegation {
    position: absolute;
    right: 0;
    top: 91px;
    width: 250px;
}

.p-navegation p{
    text-align: left;
    color: #999
}
.p-navegation p a{
    color: #999;
}

.p-navegation a span{
    font-size: 16px;
    line-height: 1px
}


.p-navegation p a:hover{
    color: #000;

}

#project-count{
    position: absolute;
    top: 70px;
    right: 0;
    width: 250px;
    color: #999
}

#gallery-count{
    position: absolute;
    margin-left: 280px;
    top: 91px;
    color: #999
}

#gallery-navigation{
    position: absolute;
    margin-left: 280px;
    top: 105px;
    color: #999
}
#gallery-navigation a{
    color: #999
}

#gallery-navigation a:hover{
    color: #000
}


div.description div#images { padding: 0; }


/*** float fix ***/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*
- - - - - - - - - - - - - - -
	FOOTER
*/

#footer { padding: 20px 0 0 20px; text-align: left; font-size: 11px; color: #666; clear: both;}
#footer a { color: #999; }

/*
- - - - - - - - - - - - - - -
	CATEGORY LIST
*/

ul.projects{
}

#thumbnails{
    clear: both
}

.thumb{
   width: 160px;
   margin: 0;
   padding: 0;
   float: left;
}

.thumb a{
   display: block;
   border: none;
   margin: 0;
   padding: 0;
}

.thumb img{
   border: none;
   margin: 0;
   padding: 0;
}