/*
kolory
------

pomarańczowy: #F84B00
kolor czcionki: #767676
*/

* {font-family: Arial; font-size: 12px; color: #767676;}
body {margin: 0px; padding: 0px;}
a {color: #F84B00; text-decoration: none;}
div.d {clear: both;}
.m {margin: 15px;}
div.hr {width: 449px; height: 1px; margin: 20px auto; background: url("../img/hr.png") no-repeat;}
div.hr_long {width: 900px; height: 1px; margin: 20px auto; background: url("../img/hr_long.png") no-repeat;}

h1 {font-size: 24px; font-weight: bold; text-align: right; color: #F84B00; margin: 55px 20px 0px 0px;}
h2 {font-size: 20px; font-weight: bold; text-align: right; color: #767676; margin: 40px 20px 0px 0px;}

#wrapper {width: 770px; margin: 20px auto;}

#menu {width: 245px; float: left;}

#menu ul {list-style: none; margin: 30px 0px 0px 0px; padding: 0px;}
	#menu li {display: block; float: left; width: 195px; background: transparent url('../img/dot.gif') 0px 0px repeat-x; padding-left: 10px;}
		#menu li a {font-weight: bold; font-size: 14px; line-height: 20px; display: block; margin: 5px; background: transparent url('../img/li_bg.png') 0px 50% no-repeat; padding-left: 25px;}
			#menu li a.active {}
			#menu li a span {color: #767676; font-size: 12px; line-height: 16px; font-weight: normal; display: block; margin-bottom: 4px;}
			#menu li.last-hack a {background: none;}*/

#top {color: #fff; margin-top: 2px;}
	#top img {border: none;} 
	 #square{float: left; background: #F84B00 url("../img/orange-top.gif") no-repeat top left; width: 225px; height: 200px;}
	 	#square img {margin-top: 15px;}
	 	#square span {margin: 10px 0px 0px 15px; font-size: 20px; font-weight: bold; color: #fff; display: block;} 
	 	#square p {margin: 15px; line-height: 18px; color: #fff;}
	 		#square p.name {font-style: italic; margin: 0px; text-align: right; margin-right: 20px; font-size: 14px;}
	 	#square a {color: #fff; font-size: 24px; display: block; margin: 20px 0px 0px 20px;}
	 		
	 #banner {float: left; background: url("../img/top5.jpg") no-repeat top left; width: 545px; height: 200px;}

	#content {padding: 0px; margin-top: 20px; width: 515px; float: left;}
		
		
		#content p.company {font-size: 13px; margin: 10px 0px 0px 0px; padding: 0px; font-weight: bold; color: #767676;}
			#content p.company span {font-style: italic; margin-left: 30px;}
		#content img {border: solid 1px #767676; padding: 2px;  background-color: #fff; float: left; margin: 10px 15px 10px 0px;}
			#content div.portfolio img {width: 241px; height: 196px; display: block; margin-bottom: 15px;}
		#content .xtext { margin-left: 10px; margin-bottom: 15px;}
			#content .xtext h3 {font-size: 16px; background: url("../img/bg_header.gif") no-repeat; width: 510px; height: 53px; line-height: 53px; padding: 0px 0px 0px 10px; margin: 0px; background-position: 0px 100%; margin-left: -10px;}
		#content p {margin: 5px 0px;}
			#content p.u {text-decoration: underline;}
		#content ul {list-style: square;}
			#content ul li {}
		
		#form_contact {margin-top: 20px;}
		
		#content form {}
			#content form div {clear: both;}
				#content form div label{width: 150px; display: block; float: left; margin-bottom: 5px;}
				#content form div input,  #content form div textarea{width: 200px; float: left; margin-bottom: 5px; border: solid 1px #767676; padding: 2px 3px;}
					#content form div input.short {width: 40px;}
				#content form div textarea {width: 450px;}
				#content form div img.cp {width: 50px; height: 16px; float: left; border: none; padding: 0px; margin-right: 10px;}
				#content form div.submit {width: 500px; margin: 10px auto; text-align: center;}
					#content form div.submit input {float: none; border: solid 1px #F84B00; background-color: #FFE9DF; padding: 2px 8px; width: 70px;}
					

	div.error_box {border: solid 1px #FF000A; padding: 2px; width: 300px; margin: 15px auto;}
		div.error_box .message {padding: 10px; background-color: #FFDFE0;}
	
	div.confirmation_box {border: solid 1px #2BAF3D; padding: 2px; width: 300px; margin: 0px auto;}
		div.confirmation_box .message {padding: 10px; background-color: #DFFFE3;}
		
	.error {color: #FF000A;}		

	.pagination {width: 515px; margin: 10px auto; text-align: center;}
		.pagination a {font-size: 13px; margin: 0px 5px; border: solid 1px #F84B00; background-color: #FFE9DF; padding: 4px 8px; height: 26px; line-height: 26px;}
		.pagination span {font-size: 13px; color: #fff; margin: 0px 5px; border: solid 1px #FFE9DF; background-color: #F84B00; padding: 4px 8px;}

	
	div.portfolio img {float: left; width: 245px;}
	div.portfolio div.portfolio-info {float: left; width: 240px; margin-left: 15px;}
		#content div.portfolio p.range-of-work {margin: 0px; padding: 0px; font-weight: bold;}
		#content div.portfolio ul {margin: 0px 0px 30px 20px; padding-left: 10px;}
		#content div.portfolio img {margin: 0px 0px 5px 0px;}
		#content div.portfolio h3 {padding-top: 0px; width: 210px;}
#footer {margin-top: 10px; text-align: center; background-color: #DFDFDF; border-top: solid 3px #F84B00; line-height: 36px;}
	#footer a {color: #767676;}