/* - - - - - - - - - - general - - - - - - - - - -  */

:link,:visited{
  text-decoration:none;
}

h1{ 
	font-size:1em;
	font-weight:normal;
}

ul,ol,li,h1,form,body,html,p,fieldset,input{
  margin:0; 
  padding:0; 
}


/* - - - - - - - - - - ogólnie- - - - - - - - - -  */

html{
	background: #272727;
}
	

body{
	color: #d9d9d9;
	font: .95em/1.5em "Trebuchet MS", Trebuchet, arial, sans-serif;
}

strong{
	color: #398b3d;
}

strong.blue{
	font-weight: bold;
	color: #b1e672;
}




/* - - - - - - - - - - header - - - - - - - - - -  */


#header_wrapper{
	width: 100%;
	background: url(../_images/header_bg.png) repeat-x top center;
  height: 173px;		
}

	
#header{
	position: relative;
	width: 815px;
	height: 173px;
	margin: 0 auto;	
	background: url(../_images/header.png) no-repeat bottom center;
}

#logo{
	position: absolute;
	margin: 25px 0 0 35px;
	width: 262px;
	height: 98px;
	background: url(../_images/logo.png) no-repeat top center;
}

img.logo{
  display: none;
}
	
/* - - - - - - - - - - primary navigation - - - - - - - - - -  */

#nav{
	position: absolute;
	font-weight: bold;
	font-size: 1.1em;
	list-style: none;
}

#nav li{
	float: left;
}

#nav li a{
	display: block;
	padding: 2px 2px 5px 2px;
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .80em;
}
	
#nav li.Current a:link,
#nav li.Current a:visited,
#nav li.Current:hover a,
#nav li.Current:active a{
	color: #385c0c;
}

#nav li a:link,
#nav li a:visited{
	color: #639700;
}

#nav li a:hover,
#nav li a:active{
	color: #385c0c;
	text-decoration: underline;
}

/* - - - - - - - - - - form - - - - - - - - - - - - - - - - - - */

#write_to_us{
  color: #084c9d;
  font-size: 0.8em;
  margin-top: 20px;
}


fieldset{
  width: 216px;
  border: solid 1px #398b3d;
  padding: 3px 3px 4px 13px;
  margin: 0 10px 0 10px;
}

legend {
	color: #398b3d;
	font-size: 12px;
}

textarea{
  display: block;
  background-color: #d2dacc;
  border: 0px;
}

input.send{
  float: right;
  margin-top: 8px;
  margin-right:10px;
  color: #398b3d;
  background-color: #b1e672;
  border: 1px solid #398b3d;
}

input.send:hover{
    color: #b1e672;
    background-color: #398b3d;
    border: 1px solid #b1e672;
}

div.send{
  margin: 8px 50px 0 0;
  padding-bottom: 30px;
  float: left;
}

#question,
#mail,
#name{
  width: 208px;
}

#mail,
#name{
  height: 20px;
}

#question{
  height: 80px;
}


p.left{
  color: #d9d9d9;
}

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

#sidebar{
	position: relative;
	float: right;
	width: 252px;
}

div.sidebar_inside{
  width: 100%;
  background: url(../_images/sidebar.png) repeat-y;
  padding: 0 0 30px 0;
  border: #272727 solid;
	border-width: 0 0 0 1px;
}

ul.friends{
  display: block;
	line-height: 1.4em; 
	list-style-image: url(../_images/li.png);
	list-style-position: inside;
	padding: 7px;
}

#sidebar li.Current a:link,
#sidebar li.Current a:visited,
#sidebar li.Current a:hover{
  color: #cd3232;
}


#sidebar li a:link,
#sidebar li a:visited{
	color: #398b3d;
}

#sidebar li a:hover,
#sidebar li a:active{
	text-decoration: underline;
}

p.friends{
  display: block;
  background: url(../_images/friends.png) repeat-y top;
  width: 236px;
  height: 19px;
  text-transform: uppercase;
  border: solid #408019;
  border-width: 2px 0 2px 0;
  padding: 5px 3px 5px 13px;
  color: #398b3d;
  font-size: 16px;
  font-weight: bold;
}

div.sidebar_bottom{
  background: #272727 url(../_images/sidebar_bottom.png) no-repeat bottom;
  width: 254px;
  height: 52px;
  margin: 0;
}
	
	
/* - - - - - - - - - - primary content - - - - - - - - - -  */

h1{
	display: block;
	position: absolute;
	width: 427px;
	margin: 70px 0 0 20px;
	font-size: 2em;
	color: #000000;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;	
}

#content_wrapper,
div.szary{
  margin: 0 auto;
	width: 817px;
}

div.szary,
div.komputer_lustro{
  height: 112px;
}

div.szary{
  position: relative;
  background: url(../_images/szary.png) repeat-x top;
}

div.komputer_lustro{
  position: absolute;
  margin: 0 0 0 492px;
  width: 268px;
  background: url(../_images/komputer_lustro.png) no-repeat;
}

div.komputer{
  position: absolute;
  width: 289px;
	height: 193px;
	margin: -174px 0 0 500px;
  background: url(../_images/komputer.png) no-repeat bottom center;
}

div.border{
  position: absolute;
  width: 73px;
  height: 155px;
  margin: -5px 0 0 494px;
  background: url(../_images/border.png) no-repeat right top;
}

#content{
	width: 525px;
	padding: 40px 20px 0 20px;
	color: #000000;
	background: #ffffff;
}

#content a:link,
#content a:visited{
	padding: 0 0 3px 0;
	color: #398b3d;
	border-width: 0 0 1px 0;
  font-weight: bold;		
}

#content a:hover{ 
  color: #b1e672;
	border: solid #b1e672;
	border-width: 0 0 1px 0;
}

#content a:active{ 
  color: #084c9d;
}	


p.content{
  margin-bottom: 1em;
  display: block;
}

div.content_bottom{
  margin: 40px 0 0 -20px;
  width: 565px;
  height: 59px;
  background: #272727 url(../_images/content_bottom.png) no-repeat bottom;
}


div.portfolio p.content{
  display: block;
  height: 190px;
}

/* - - - - -  - - - - - - - portfolio - - - -  - - - - - - - - */

img.portfolio{
  display: block;
  clear: left;
  width: 200px;
  border: solid 7px #060404;
  text-align: left;
  margin-right: 7px;
  float: left;
}

/* - - -  - - -  - - - - - -kontakt - - - - - - - - - - - - - - - */

p.contact{
  margin-top: 1px;
  margin-bottom: 1.5em;
  padding-top: 0px;
  padding-bottom: 0px;
  display: block;
}

div.c_mails{
  width: 150px;
  float: left;
}

div.c_mails2{
  width: 115px;
  float: left;
}

div.c_mails3{
  width: 185px;
  float: left;
}