body {padding-bottom:10px; background-color:#1C150E; font:13px Arial, Verdana, sans-serif; color:#FFF; font-weight:normal; text-align:center;
background-image:url("imgs/bg.jpg");
background-repeat:repeat;
}

* {margin:0; padding:0; list-style:none; text-decoration:none; border:none;}

h1 {float:left; margin:40px 0 0; background:url("imgs/logo.png") no-repeat;}
h1 a, h1 span {text-indent:-5000px; overflow:hidden; display:block; width:361px; height:52px; padding-bottom:2px;}
h2 {margin:2px 400px 0 10px; padding:0 0 30px;}
h2 a, h2 span {text-indent:-5000px; overflow:hidden; display:block; height:21px;}
h2.latest {background:url("imgs/latest.png") no-repeat;}
h2.web {background:url("imgs/tit-web.gif") no-repeat;}
h2.print {background:url("imgs/tit-print.gif") no-repeat;}
h2.id {background:url("imgs/tit-id.gif") no-repeat;}

h2.about {background:url("imgs/about.png") no-repeat;}
h2.pakalpojumi {background:url("imgs/pakalpojumi.png") no-repeat;}


p {margin-bottom:15px;}
a {color:#FFF;}
a:hover {color:#FFF;}
.alignleft {float:left; padding:0 20px 20px 0;}
.alignright {float:right; padding:0 0 20px 20px;}

* [rel~=externo] {background:url("imgs/ico-ext.gif") right 2px no-repeat; cursor:pointer; padding-right:13px;}

#erro {float:none; padding:45px 0; text-align:center;}

#topo {position:relative; overflow:hidden; width:940px; margin:0 auto; padding-bottom:40px;}
#menu-principal {float:right; margin-top:78px; font-weight:normal;}
#menu-principal li {display:inline; margin-left:10px;}
#menu-principal li a, #menu-principal li span {padding:0 3px 2px 85px; color:#FFF; border-bottom:1px solid #00B5E8;}
#menu-principal li a:hover {border-bottom:3px solid #00B5E8; color:#fff;}
#menu-principal li a.ativo, #menu-principal li span {border-bottom:3px solid #00B5E8; color:#fff;}

#conteudo {position:relative; overflow:hidden; width:960px; margin:0 auto 10px; text-align:left;}
#conteudo ul#tumbs {clear:left; overflow:hidden; margin-bottom:15px;}
#conteudo ul#tumbs li {float:left; width:220px; height:200px; margin:0 5px 20px; padding:0 5px;}
#conteudo ul#tumbs li.ids {background:none;}
#conteudo ul#tumbs li a {position:relative; display:block; overflow:hidden; height:200px;}
#conteudo ul#tumbs li img {position:absolute; float:left; display:block; margin:0 0 0 -10px;}

#conteudo ul#tumbs li a .title {
	background-color:#000000;
	border-bottom:1px solid #1C150E;
	border-right:1px solid #1C150E;
	bottom:0;
	color:#999999;
	height:35px;
	left:0;
	padding:2px 5px 0 10px;
	position:absolute;
	width:240px;
}

#titulos {position:relative; display:block;}
#navegacao {position:absolute; top:0; right:10px;}
#navegacao a {margin-left:10px; color:#3E3428;}
#navegacao a:hover {color:#00B5E8;}

#navegacao-bottom {clear:left; text-align:right; margin-right:10px; padding-bottom:15px;}
#navegacao-bottom a {margin-left:10px; color:#3E3428;}
#navegacao-bottom a:hover {color:#00B5E8;}

#screen {float:left; width:550px; margin:0 0 10px 10px;}
#screen p {text-align:center;}

#exp {clear:left; float:right; width:360px; margin:0 5px 10px 0;}
#exp h3 {margin-top:-3px; font-size:20px; font-weight:normal; color:#00B5E8;}
#exp h3 span {float:left; display:block; width:5px; height:58px; margin:3px 10px 0 0; background-color:#3E3428;}
#exp .data {margin:0; color:#7EC8DD;}
#exp .part {margin:0; font-style:italic; text-transform:lowercase;}
#exp .title {margin-top:20px; font-style:italic; color:#AAA;}
#exp .desc, #exp .agency, #exp .illustrator {margin-top:20px;}
#exp p {margin:15px 0 0 15px; line-height:1.5em;}
#exp a, #pagina a {border-bottom:1px dotted #3E3428; color:#00B5E8;}

#pagina {margin:0 10px;}
#pagina h3 {margin-top:25px; font-size:14px; font-weight:bold;}
#pagina li {margin-top:8px;}
#pagina li a {margin-left:3px;}

#rodape {clear:both; overflow:hidden; width:934px; margin:0 auto; padding:0 3px; }
#rodape p {margin:0;}
#rodape #web {float:right; margin:8px 0; position:relative;}
#rodape #web ul {float:left}
#rodape #web li {float:left; margin-left:10px; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; -opera-border-radius:8px;}
#rodape #web li a {text-indent:-5000px; overflow:hidden; display:block; width:14px; height:14px;}
#rodape #web li.flickr {background:url("imgs/ico-flickr.gif") center no-repeat;}
#rodape #web li.twitter {background:url("imgs/ico-twitter.gif") center no-repeat;}
#rodape #web li.delicious {background:url("imgs/ico-delicious.gif") center no-repeat;}
#rodape #web li.lastfm {background:url("imgs/ico-lastfm.gif") center no-repeat;}
#rodape #web li.linkedin {background:url("imgs/ico-linkedin.gif") center no-repeat;}
#rodape #web li:hover span,
#rodape #web li.over span {display:block;}
#rodape #web li span {position:absolute; display:none; top:0; right:120px; text-align:right;}
#rodape #contact {float:left; margin:10px 0;}
#rodape .copy {clear:both; padding:10px 0; color:#444; text-align:center; font-size:11px;}
#rodape .copy a {text-decoration:underline; color:#444;}
.margin {
	margin-left:0px;
}