/* 
© copyright Radosław Rzepecki
klefuemedia - 2009
*/

*   {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}  
body                             { margin: 0; padding: 0; color: white; font-family: Trebuchet, Arial, Helvetica, sans-serif; 
					background: #222222 url(../images/bg.jpg) no-repeat center top; font-size: 62.5%; text-align:center; }  
a                                   { outline: none; text-decoration: none; }
img  			     { border: 0px }  
ul                                  { list-style: none; } 
#page 				{width: 800px; margin:auto;} 
#content                     { width : 740px; margin-top:0px; margin-left: 30px; padding-top : 112px; text-align: left;}

h1 {
font-size : 1.5em;
}

p {
font-size : 1.5em;
}

#logo {
float: left;
}

#news {
margin-top : 5px;
}

#news a img {
margin-right: 5px;
border: 2px solid #333333;
}

#news a img:hover  {
	border:2px solid #111111;
	}

#footer {
height : 150px;
background: url(../images/bg_footer.png) no-repeat center top;
margin: auto;
clear: both;
text-align : center;
}

#cont_footer {
margin : auto;
margin-top : 20px;
width : 740px;
}

#cont_footer p {
	display : block;
	float: right;
	font-size : 1em;
	color :#888;
	padding-right : 15px;
	margin-top: 90px;
}

#cont_footer p a{
font-size : 1.1em;
color: #ccc;
text-decoration : underline;
}

/*------------------- classes ------------------------*/

.bar_menu {
margin-top : 5px;
}

.galerie {
margin-top : 30px;
}

.wrapper a img{
margin-right : 5px;
margin-bottom : 5px;
border: 2px solid #333333;
}

.wrapper a img:hover{
border: 2px solid #111111;
}

.wrapper {
margin-bottom : 50px;
margin-top : 40px;
padding-top : 10px;
}


.gold {
	color : #ffcc08;
}

.h1_image {
	float: left;
	margin-top: 60px
}

.clear {clear : both;}

.push {margin-top : 10px;}

.home_content {
	width : 556px;
	padding-left : 184px;
	padding-top : 60px;
}

.home_content  h2{
font-family: "Century Gothic";
font-weight: bold;
margin-bottom : 5px;
}

/*---------------- navigation ---------------------*/

.navi li a:hover span, .navi li strong span {background-position: left bottom;}

.navi li.home a, .navi li.home strong, .navi li.home span {width: 64px;}
.navi li.home span {background-image: url(../images/btn_home.png);}


.navi li.digital a, .navi li.digital strong, .navi li.digital span {width: 73px; }
.navi li.digital span {background-image: url(../images/btn_digital.png);}


.navi li.photography a, .navi li.photography strong, .navi li.photography span {width: 73px; }
.navi li.photography span {background-image: url(../images/btn_photography.png);}



.navi li.webdesign a, .navi li.webdesign strong, .navi li.webdesign span {width: 73px; }
.navi li.webdesign span {background-image: url(../images/btn_webdesign.png);}

.navi li.flash a, .navi li.flash strong, .navi li.flash span {width: 73px; }
.navi li.flash span {background-image: url(../images/btn_flash.png);}

a:hover, a:focus, a:active {outline:none; text-decoration: none;}

a img { border: 0;}

:focus { outline: 0;}

.replace, .navi li a, .navi li strong {
  overflow: hidden;
  padding: 0;
  position: relative;
}

.replace span, .navi li span {
  background-position: 0 0;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: 0;
}

* html .clearfix, * html .section, * html .navi {display: inline-block;}

.navi {
  padding: 0px 0 19px 300px;
  width: 455px;
}

.navi li {
  font-size: 1.5em;
  margin-left: 17px;
}

.navi li a, .navi li strong {
text-indent: -9999px;
}

.navi li, .navi li a, .navi li strong, .navi li span {
  display: inline;
  float: left;
  height: 34px;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
}


::selection { background: #ffcc04; color: black; /* Safari */ }
::-moz-selection { background: #ffcc04; color: black; /* Firefox */ }