*{
margin:0;
padding:0;
}
body{
font-size:62.5%;
font-family:verdana,sans-serif;
background:#efeade;
}
a{
text-decoration:none;
color:#1092cf;
}
a:hover{
border:none; /* IE */
color:#271c10;
}
ul{list-style:none;}
img,button{border:none;}
abbr,acronym{
cursor:help;
border-bottom:1px dashed #1096d4;
}
h3,#info p,#contact strong{
font-family:arial,helvetica,sans-serif;
font-weight:normal;
color:#4e4a43;
}
h1,h2{background:url(/img/logo.png);}
h1{
height:47px;
width:446px;
font-size:2em;
}
h1,h2,#header a,#karuzela button,#over span{
overflow:hidden;
text-indent:-999em;
}
h2{height:20px;}
h3{font-size:1.6em;}
h3 small{
margin-left:5px;
font-style:italic;
}
h3 a:hover small{
padding-right:20px;
background:url(/img/arr.png) no-repeat 100% 50%;
}

/* contact + header */

#header div,#info p,#content,#contact ul{
width:960px;
margin:0 auto;
}
#contact{background:#1e1a12;}
#contact,#contact a{color:#8d8974;}
#contact a{border-bottom:1px dotted #dbe0ba;}
#contact a:hover{border-color:#fff;}
#contact ul{padding:11px 0 10px;}
#contact strong{
color:#dbe0ba;
font-size:1.2em;
}
#contact span{
margin:2px 0 0 4px;
line-height:1.364em;
}
#contact span,h3 a{display:block;}
#contact li{
margin-left:30px;
width:220px;
padding-left:33px;
background:url(/img/mail.png) no-repeat 0 .2em;
}
li#tel{
padding-left:56px;
width:295px;
border:dotted #3f3c36;
border-width:0 1px;
background:url(/img/phone.png) no-repeat 30px 0;
}
li#kom{
padding-left:30px;
background-image:url(/img/chat.png);
}
#header{
border-top:2px solid #8e846f;
background:url(/img/headbg.png);
height:80px;
}
#header div{
padding-top:17px;
position:relative;
}
#header a{
height:27px;
width:85px;
background:url(/img/contact.png);
position:absolute;
outline:none;
right:10px;
top:0;
}
#header a:hover{background-position:100% 0;}
#header .togg{background-position:0 100%;}
#header .togg:hover{background-position:100% 100%;}
#info{background:#dfd6ba url(/img/infobg.png) repeat-x 0 100%;}
#info p{
padding:14px 0 16px;
font-size:1.6em;
color:#646464;
line-height:1.375em;
}
#info em{
color:#777165;
background:#eae4d7;
padding:2px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

/* content */

#about,#projects{
float:left;
margin:18px 0 25px;
padding:12px 0 0 11px;
background:url(/img/colbg.png) no-repeat;
width:405px;
}
#projects{
width:515px;
margin-right:16px;
}
#projects h2{
width:82px;
background-position:0 -47px;
margin-bottom:12px;
}
#about h2{
width:55px;
background-position:-82px -47px;
}
#about h3{font-size:1.4em;}
#content p,#content ul{font-size:1.2em;}
#content p{line-height:1.417em;}

/* project + galeria + about */

#over{
background:#efeade url(/img/colbg.png) no-repeat -11px -40px;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
#over span{
height:66px;
width:66px;
background:url(/img/load.gif);
position:absolute;
top:35%;
left:50%;
margin-left:-33px;
}
#project{padding-bottom:7px;}
#project div{
margin:6px 0 3px;
padding:7px;
background:url(/img/shadow.png) no-repeat;
position:relative;
}
#project div,#project img{
width:500px;
height:160px;
}
#project a span{
display:none;
background:url(/img/mag.png) no-repeat;
width:77px;
height:77px;
margin:-39px 0 0 -39px;
}
#project a:hover span{
position:absolute;
left:50%;
top:50%;
display:block;
}
#project table{width:100%;}
#project th,#project td{
border-bottom:1px dotted #b5ad9e;
padding:5px 0 5px 35px;
}
#project th{
text-align:left;
font-weight:normal;
padding-left:5px;
width:95px;
}
#project td{background:url(/img/arrow.png) no-repeat 10px 50%;}
#project p{
margin:5px 0 0 5px;
width:510px;
}
#thumbs,#karuzela{
position:relative;
width:511px;
margin-top:5px;
padding:6px 0 0 4px;
background:url(/img/sep2.png) no-repeat 50% 0;
}
#karuzela ul{background:none;}
#karuzela button{
position:absolute;
top:45px;
z-index:3;
width:31px;
height:50px;
background:url(/img/buttons.png) no-repeat 0 50%;
}
#karuzela .next{
background-position:-62px 50%;
right:-5px;
}
#karuzela .next:hover{background-position:-93px 50%;}
#karuzela .prev{left:-5px;}
#karuzela .prev:hover{background-position:-31px 50%;}
#thumbs li{
width:242px;
height:117px;
padding:3px 5px 0 3px;
margin:4px 0 0 3px;
background:#fff url(/img/shadow.gif);
}
#thumbs li,#contact li{
display:inline;
float:left;
}
#thumbs li,#contact span,#project table{font-size:1.1em;}
#thumbs a{
position:relative;
padding:3px;
}
#thumbs a,#thumbs img{
display:block;
width:236px;
}
#thumbs img{height:106px;}
#thumbs a:hover,#thumbs .active{background:#c8d8dc;}
#thumbs cite{
position:absolute;
bottom:3px;
left:3px;
padding:5px 7px;
width:222px;
background:#fafafa;
border-top:1px dotted #e3d6c6;
color:#333;
}
#thumbs cite,#projects a span,#karuzela button{cursor:pointer;}
#about ul{font-size:1em;}
#about li{
padding:12px 0 14px 45px;
background:url(/img/sep.png) no-repeat 50% 100%;
}
#about p{margin:3px 0 0 5px;}
#about img{
float:left;
margin-left:-45px;
}
li#last{
padding-bottom:0;
background:none;
}
#contact ul,#thumbs,#about li{overflow:hidden;}

/* footer */

p#footer{
clear:both;
background:url(/img/sep3.png) no-repeat;
width:940px;
line-height:1.5em;
padding:8px 10px 15px;
text-align:right;
}
#footer,h3 small,#project th{color:#827a6a;}
#footer span{
padding-left:35px;
background:url(/img/mini.png) no-repeat 0 .3em;
text-align:left;
float:left;
}
#footer em{
padding-left:17px;
font-style:normal;
background:url(/img/luv.png) no-repeat 1px 50%;
}
#footer em a{color:#90938e;}
#footer em a:hover{color:#6f7966;}