/* -------------------------------------------
project:	4psd.com
date:		2009/10/08
------------------------------------------- */

/* reset css */
* {font-size:100.01%}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img {display:block;}

/* clearfix */
.clearfix:after { content: ".";  display: block;  clear: both;   visibility: hidden;  line-height: 0;  height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix {    height: 1%; }

ul#skip-links { position: absolute; top: 0; left: -10001px; list-style: none;}

body
{
background:#000000 url(../img/bg.jpg) no-repeat top center;
color:#444;
font-size:14px;
line-height:18px;
font-family:"Trebuchet MS", Arial,Helvetica,sans-serif;
position:relative;
width:100%;
height:100%;
}

a {color:#3399cc; text-decoration:underline;}
a:hover {color:#0066ff; text-decoration:underline;}

hr{display:none;}

textarea, input, select, option, button{ font: 11px Arial,Helvetica,sans-serif; }
 
#wrap{width:960px; margin:0 auto; position:relative;}
h1#logo a{  width:285px; height:30px;text-decoration:none;  font-family:'Trebuchet MS', Arial, Tahoma; font-size:36px; color:#fff; font-style:italic;}
h1#logo a em {position:absolute; top:139px; left:92px;}
h1#logo a b{position:absolute; top:130px; left:30px; color:#aaa; font-size:24px; font-weight:normal;}
h1#logo  small{position:absolute; top:165px; left:120px; font-size:12px; color:#ccc; text-transform:uppercase; }

#header{height:250px;  }

#nav {position:absolute; top:10px; left:0px;  }
#nav li { float:left; font-size:18px; width:120px; text-align:left;   height:50px; }
#nav li a{text-decoration:none; display:block; color:#fff;  padding-left:10px; line-height:40px; height:49px; border-bottom:1px solid #000; position:relative;}
#nav li a:hover{    background:#222; height:49px;   border-bottom:1px solid #cc0000;  }
#nav li a span{clear:both; display:block; font-size:10px; color:#aaa; padding-left:10px;  position:absolute; top:15px; left:0;}
#nav li.active a {background:#333; height:49px; border-bottom:1px solid #cc0000;}

#adres{z-index:2; position:absolute; top:0; right:0;    padding:10px 25px; font-size:14px; font-family:"Trebuchet MS", Arial,Helvetica,sans-serif; color:#fff; font-weight:normal; background:#cc0000; font-style:italic; line-height:22px;}
#adres p{margin-bottom:0px;}
#adres h3{font-size:18px;}

#content{color:#ccc; padding:20px 0;}
#content p{margin-bottom:10px;}
#content h2{font-weight:normal; color:#cc0000; font-size:18px; border-bottom:1px solid #555; padding:0px 0 10px 0; margin:0px 0 10px 0;}

#content-left{float:left; width:460px;}

#nav-sidebar {float:left; width:220px; margin-top:28px; background:#222; padding-bottom:100px; padding-top:40px; border-bottom:5px solid #111; border-top:5px solid #111;}
#nav-sidebar li{ display:block; } 
#nav-sidebar li a{padding:5px;  border-bottom:1px solid #333; border-top:1px solid #000; background:url(../img/li.gif) no-repeat 10px 11px; padding-left:25px;    display:block; text-decoration:none; color:#fff; font-size:16px;}
#nav-sidebar li a:hover{ background:#000 url(../img/li.gif) no-repeat 10px 11px;}


#content-right{float:right; width:460px;}
#content-right-extended{float:right; width:720px;}

#content ul.list{margin-bottom:10px;}
#content ul.list li{ padding:5px; border-bottom:1px solid #222; background:url(../img/li.gif) no-repeat 0 11px; padding-left:15px; } 


#quick-contact{background:#444; width:900px;   clear:both;       margin:50px auto 0 auto;     color:#999; padding:10px 30px 10px 30px;}
#quick-contact p{font-size:22px;}
#quick-contact p b{color:#fff;}

#footer {  width:900px;  background:#fff; border-top:5px solid #333;   margin: 0 auto;     color:#999; padding:10px 30px 10px 30px;}
#footer span{float:right;  font-size:10px;}
#footer p img{display:inline; vertical-align:middle;}