/* GLOBAL */
body{
background:#060D0F url("images/body_bg.jpg") no-repeat 50% 0;
font-family: century-gothic,Verdana,Arial,Helvetica,sans-serif;
color:#fff;
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,ul,dt,dd{
margin:0;
padding:0;
}
.left{
float:left !important;
}
.right{
float:right !important;
}
#container{
width:960px;
margin:auto;
}
li{
list-style:none;
}
.clear{
clear:both;
}
a,a:hover{
color:#fff;
text-decoration:none;
}
img{
border:none;
}
#mail_response{
display:none;
color:yellow;
margin:15px 0;
text-align:center;
}

/* HEADER */
body#index #header{
background:url("images/index_bg.png") no-repeat 50% 120px;
height:560px;
}
body#about #header{
background:url("images/about_bg.png") no-repeat 50% 120px;
height:330px;
}
body#portfolio #header{
background:url("images/portfolio_bg.png") no-repeat 50% 120px;
height:330px;
}
body#contact #header{
background:url("images/contact_bg.png") no-repeat 50% 120px;
height:330px;
}
#header ul.navigation{
height:68px;
background:url("images/nav_bg.png") repeat-x;
margin:0;
padding:0;
border-left:1px solid #1B4D58;
border-right:1px solid #1B4D58;
}
#header ul.navigation li{
float:right;
margin-right:50px;
padding-top:25px;
}
#header ul.navigation li h1 a{
background:url("images/logo.png") no-repeat;
height:53px;
text-indent:-9999px;
width:192px;
display:block;
}
#header ul.navigation li a{
color:#fff;
text-decoration:none;
text-transform:uppercase;
}
#header ul.navigation li a:hover{
color:#4ddfff;
}
#header ul.navigation li p{
font-size:11px;
color:#2b7d8f;
margin:5px 0;
}
.logo{
padding:10px 0 0 10px !important;
}
ul.profiles li{
background:url("images/profiles_bg.png") no-repeat;
float:right;
height:28px;
margin:15px 15px 0 0;
width:100px;
}
.profiles li a{
text-decoration:none;
color:#37a2b9;
font-size:12px;
height:100%;
display:block;
padding:3px 0 0 25px;
margin:3px 0 0 3px;
}
#linkedin{
right:0;
}
#linkedin a{
background:url("images/linkedin_icon.png") no-repeat;
}
#nndesigns{
right:115px;
}
#nndesigns a{
background:url("images/99designs_icon.png") no-repeat;
padding-left:28px !important;
}

/* CONTENT */
#content{
font-family:arial;
margin-top:-70px;
}
#content h2{
font-size:17px;
font-weight:normal;
line-height:25px;
text-align:center;
}
#content p{
color:#378595;
font-size:12px;
line-height:20px;
text-align:justify;
padding:0 60px;
}
body#portfolio #content ul{
width:260px;
margin:70px auto 10px;
}
.portfolio_links_bg{
width:120px;
height:38px;
text-indent:-9999px;
}
.m2edia{
background:url("images/portfolio_m2edia_links_bg.png") no-repeat;
margin-left:5px;
}
.nvs a{
background:url("images/portfolio_nvs_links_bg.png") no-repeat;
display:block;
height:38px;
}
body#portfolio #content ul li img{
left:-58px;
position:absolute;
top:-30px;
}
body#contact #content form{
width:585px;
margin:15px auto auto;
}
body#contact #content input{
height:20px;
width:270px;
margin:0;
padding:0;
}
body#contact #content input,body#contact #content textarea{
background:url("images/contact_input_bg.png");
border:1px solid #123942;
color:#fff;
}
body#contact #content textarea{
width:582px;
}
body#contact #content label{
color:#378595;
font-size:13px;
}
body#contact #content dt{
margin-bottom:5px;
}
#kontakt_dugme{
background:url("images/send_btn.png") no-repeat !important;
width:65px !important;
height:28px !important;
border:none  !important;
cursor:pointer;
text-indent:-9999px;
}

/* FOOTER */
#footer{
background:url("images/footer_nav_bg.png") no-repeat 0 22px;
margin-top:100px;
}
#footer ul{
margin:auto;
width:300px;
}
#footer ul li{
float:left;
margin-right:15px;
padding-right:15px;
border-right:2px solid #162f36;
height:20px;
}
#footer ul li a{
color:#162f36;
text-decoration:none;
font-size:13px;
}
.footer_nav_last{
border-right:none !important;
margin:0 !important;
padding:0 !important;
}
#footer p{
color:#378595;
font-size:13px;
text-align:center;
}
.copyright{
color:#162f36 !important;
}