/* piotr bieszk on-line */
/* main style sheet */
/* www.bieszk.com */


body {
	margin: 0;
	padding: 0;
	background: #7b7b7b;
}

ul {
	list-style: none;
}

* {
   margin: 0;
   padding: 0;
}

a:active, a:focus {
  outline: none;
}


/* layout */

div#container {
	background: #ffffff url(/img/container-bg.gif) repeat-y;
	width: 753px; 
	border-bottom: 1px solid #636363;
	border-right: 1px solid #636363;
	margin: 0 auto; 
	padding: 0 5px 0 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 742px;
	}
	html>div#container {
	width: 742px;
}

div#head-left {
	background: #ffffff;
	float: left;
	width: 190px;
	height: 46px;
	border-bottom: 3px solid #eaeaea;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 43px;
	}
	html>div#head-left {
	height: 43px;
}

div#head-right {
	background: #ffffff;
	float: left;
	width: 552px;
	height: 46px;
	border-bottom: 11px solid #eaeaea;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 35px;
	}
	html>div#head-right {
	height: 35px;
}

div#head-foto {
	clear: both;
	width: 742px;
	height: 147px;
}

div#menu-left {
	float: left;
	width: 190px;
	height: 35px;
}

div#menu {
	float: left;
	width: 552px;
	height: 35px;
}

div#left {
	float: left;
	width: 190px;
}

div#recommend-head {
	background: #f5f5f5;
	border-bottom: 1px solid #dfdfdf;
	padding: 24px 0 0 20px;
}

div#recommend-form-block {
	background: #e7e7e7;
	border-right: 1px solid #dfdfdf;
	padding: 20px 15px 20px 15px;
}

div#right {
	float: left;
	width: 552px;
}

div#right-header {
	background: #f5f5f5;
	padding: 42px 30px 20px 30px;
}

div#right-header-text {
	width: 552px;
	background: #f5f5f5;
	font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #808080;
	margin: 20px 0 0px 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 492px;
	}
	html>div#right-header-text {
	width: 492px;
}

div#right-main {
	width: 552px;
	background: #ffffff;
	margin: 30px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 492px;
	}
	html>div#right-main {
	width: 492px;
}

div#right-main-text {
	width: 552px;
	background: #ffffff;
	font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #808080;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 492px;
	}
	html>div#right-main-text {
	width: 492px;
}

div.recent-box {
	float: left;
	width: 246px;
	background: #ffffff;
	margin: 0 10px 0 6px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 222px;
	}
	html>div.recent-box {
	width: 222px;
}

div.recent-title {
	background: url(/img/arr.gif) no-repeat;
}

div.recent-project {
	width: 202px;
	background: #f2f2f2;
	margin: 15px 0 0 0;
}

div.recent-project img {
	border: 1px solid #dfdfdf;
	background: #ffffff;
	margin: 6px;
	padding: 1px;
}

div#foot-top {
	clear: both;
	width: 742px;
	height: 14px;
	background: url(/img/foot-top-bg.gif) repeat-x;
}

div#foot {
	float: left;
	background: #eeeeee;
}

div#foot-menu {
	width: 640px;
	height: 26px;
}

div#foot-text {
	width: 631px;
	height: 24px;
	font-family: trebuchet ms, verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #b7b7b7;
	margin: 2px 0 0 7px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 626px;
	}
	html>div#foot-text {
	width: 626px;
}

div#foot-valid {
	float: left;
}

div#foot-bottom {
	clear: both;
	width: 742px;
	height: 6px;
	background: #ffffff;
	padding: 0 0 5px 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 1px;
	}
	html>div#foot-bottom {
	height: 1px;
}

div#foot-hosting {
	width: 90px;
	margin: 0 auto;
	color: #7b7b7b;
	font-family: trebuchet ms, verdana, tahoma, arial, sans-serif;
	font-size: 10px;
}

#foot-hosting a:link, #foot-hosting a:visited, #foot-hosting a:hover, #foot-hosting a:active {
	color: #7b7b7b;
	text-decoration: none;
}


/* top menu */

div#head-left ul#top-menu {
	float: left;
	width: 190px;
	height: 35px;
	list-style-type: none;
}

div#head-left ul#top-menu li {
	float: left;
	margin: 12px 7px 0 6px;
	padding: 1px;
}

#top-menu li a:link, #top-menu li a:visited { 
	font-family: trebuchet ms, verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #c5c4c2;
	text-decoration: none;
}

#top-menu li a:hover, #top-menu li a:active {
	font-family: trebuchet ms, verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #c5c4c2;
	text-decoration: none;
	border-bottom: 1px solid #99cc33;
}


/* main menu */

div#menu ul#main-menu {
	position: relative;
	float: left;
	width: 552px;
	height: 35px;
	background: url(/img/menu.gif) top left no-repeat;
}

div#menu ul#main-menu li {
	position: absolute;
	list-style: none;
}
	
ul#main-menu li, ul#main-menu a {
	display: block;
	height: 23px;
	padding: 4px 0 0 0;
}

div#menu ul#main-menu li a {
	text-indent: -9999px;
	text-decoration: none;
}

#menu-home { left: 23px; width: 52px; }
#menu-about { left: 92px; width: 56px; }
#menu-services { left: 165px; width: 71px; }
#menu-portfolio { left: 253px; width: 79px; }
#menu-testimonials { left: 349px; width: 98px; }
#menu-contact { left: 464px; width: 67px; }

#menu-home a:hover { background: transparent url(/img/menu.gif) -23px -49px no-repeat; }
#menu-about a:hover { background: transparent url(/img/menu.gif) -92px -49px no-repeat; }
#menu-services a:hover { background: transparent url(/img/menu.gif) -165px -49px no-repeat; }
#menu-portfolio a:hover { background: transparent url(/img/menu.gif) -253px -49px no-repeat; }
#menu-testimonials a:hover { background: transparent url(/img/menu.gif) -349px -49px no-repeat; }
#menu-contact a:hover { background: transparent url(/img/menu.gif) -464px -49px no-repeat; }


/* foot menu */

div#foot-menu ul#foot-menu-list {
	float: left;
	width: 640px;
	height: 26px;
	list-style-type: none;
}

div#foot-menu ul#foot-menu-list li {
	float: left;
	margin: 5px 7px 0 7px;
	padding: 1px;
}

#foot-menu-list li a:link, #foot-menu-list li a:visited {
        font-family: trebuchet ms, verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #808080;
	text-decoration: none;
}

#foot-menu-list li a:hover, #foot-menu-list li a:active {
        font-family: trebuchet ms, verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #808080;
	text-decoration: none;
	border-bottom: 1px solid #636363;
}

#foot-text a:link, #foot-text a:visited {
        font-family: trebuchet ms, verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #b7b7b7;
	text-decoration: none;
}

#foot-text a:hover, #foot-text a:active {
        font-family: trebuchet ms, verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #b7b7b7;
	text-decoration: none;
	border-bottom: 1px solid #808080;
}


/* foot validators */

div#foot-valid ul#valid-menu {
	position: relative;
	width: 102px;
	height: 52px;
	background: url(/img/foot-valid.gif) no-repeat;
}

div#foot-valid ul#valid-menu li {
	position: absolute;
	list-style: none;
}
	
ul#valid-menu li, ul#valid-menu a {
	display: block;
	height: 15px;
	margin: 0 15px 0 5px;
}

div#foot-valid ul#valid-menu li a {
	text-indent: -9999px;
	text-decoration: none;
}

#valid-xhtml { top: 8px; width: 102px; }
#valid-css { top: 29px; width: 102px; }


/* recent project buttons */

div.recent-project ul.recent-project-buttons {
	position: relative;
	width: 131px;
	height: 17px;
	background: url(/img/recent-project-buttons.gif) no-repeat;
	margin: 0 0 0 65px;
	padding: 0 0 6px 0;
}

div.recent-project ul.recent-project-buttons li {
	position: absolute;
	float: left;
	list-style: none;
}
	
ul.recent-project-buttons li, ul.recent-project-buttons a {
	display: block;
	height: 17px;
}

div.recent-project ul.recent-project-buttons li a {
	text-indent: -9999px;
	text-decoration: none;
}

.button-more { left: 0; width: 50px; }
.button-visit { left: 52px; width: 79px; }


/* headers */

h2#header-recommend {
	background: #f5f5f5 url(/img/header-recommend.gif) no-repeat;
	text-indent: -9999px;
}

h3#header-recommend-friends {
	background: url(/img/header-recommend-friends.gif) no-repeat;
	text-indent: -9999px;
	margin: 20px 0 0 0;
}

h3#header-recommend-your {
	background: url(/img/header-recommend-your.gif) no-repeat;
	text-indent: -9999px;
	margin: 20px 0 0 0;
}

h2#header-welcome {
	width: 110px;
	height: 22px;
	background: url(/img/header-welcome.gif) top left no-repeat;
	text-indent: -9999px;
}

h3#header-welcome-thanks {
	background: url(/img/header-welcome-thanks.gif) bottom right no-repeat;
	text-indent: -9999px;
	padding: 30px 0 0 0;
}

h2#header-recent {
	background: url(/img/header-recent.gif) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 0 0;
}

h3.header-recent-name {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	color: #808080;
	font-weight: bold;
	margin: 0 0 0 15px;
}

h4.header-recent-more {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	color: #808080;
	font-weight: normal;
	margin: 0 0 0 15px;
}

h2#header-about {
	width: 43px;
	height: 12px;
	background: url(/img/header-about.gif) top left no-repeat;
	text-indent: -9999px;
}

h2#header-services {
	width: 58px;
	height: 12px;
	background: url(/img/header-services.gif) top left no-repeat;
	text-indent: -9999px;
}

h2#header-portfolio {
	width: 67px;
	height: 12px;
	background: url(/img/header-portfolio.gif) top left no-repeat;
	text-indent: -9999px;
}

h2#header-testimonials {
	width: 90px;
	height: 12px;
	background: url(/img/header-testimonials.gif) top left no-repeat;
	text-indent: -9999px;
}

h2#header-contact {
	width: 58px;
	height: 12px;
	background: url(/img/header-contact.gif) top left no-repeat;
	text-indent: -9999px;
}

h3#header-contact-form {
	background: url(/img/header-contact-form.gif) top left no-repeat;
	text-indent: -9999px;
	margin: 10px 0 0 0;
}

h2#header-sitemap {
	width: 59px;
	height: 12px;
	background: url(/img/header-sitemap.gif) top left no-repeat;
	text-indent: -9999px;
}


/* styles */

p#recommend-form-block-text {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	color: #808080;
	font-weight: normal;
	line-height: 14px;
	border-bottom: 1px solid #ffffff;
	padding: 0 0 20px 0;
}

#right-header-text a:link, #right-header-text a:visited { 
	color: #808080;
	text-decoration: none;
}

#right-header-text a:hover, #right-header-text a:active {
	color: #808080;
	text-decoration: underline;
}

#right-main-text a:link, #right-main-text a:visited { 
	color: #808080;
	text-decoration: none;
}

#right-main-text a:hover, #right-main-text a:active {
	color: #808080;
	text-decoration: underline;
}


/* recommend form */

form#recommend-form  {
    margin: 0;
    padding: 0;
}  

input.recommend-form-input {
    width: 145px;
    height: 15px;
    background: #f5f5f5;
    border: 1px solid #dfdfdf;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	color: #808080;
	font-weight: normal;
	letter-spacing: 1px;
    margin: 0 0 2px 0;
    padding: 2px 5px 0 5px;
}

input.recommend-form-send {
    margin: 20px 0 0 0;
    padding: 0;
}


/* about */

li.about {
	padding: 4px 0 0 15px;
}


/* portfolio */

div.portfolio-item {
	clear: both;
	width: 452px;
}

div.portfolio-image {
	float: left;
	background: #ffffff;
	padding: 8px;
}

div.portfolio-image img {
	border: 1px solid #dfdfdf;
	background: #ffffff;
	padding: 1px;
}

div.portfolio-desc {
	float: right;
	width: 230px;
}

ul.portfolio-list {
	background: #ffffff;
	border: 1px solid #dfdfdf;
	list-style: url(/img/portfolio-list.gif);
	padding: 2px 10px 0 10px;
	margin: 8px;
}

li.portfolio-list-title {
	font-size: 12px;
	color: #808080;
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
	padding: 3px 0 3px 0;
}

li.portfolio-list {
	padding: 2px 0 2px 0;
}

span.light {
	color: #b8b8b8;
}

div.portfolio-nav {
	clear: both;
	width: 452px;
	text-align: center;
}

span.und {
	text-decoration: underline;
}


/* services */

ul.services {
	list-style: url(/img/services-list.gif);
	margin: 2px 0 0 30px;
}


/* contact form */

form#contact-form  {
    margin: 20px 0 0 0;
    padding: 0;
}  

input.contact-form-input {
    width: 200px;
    height: 15px;
    background: #f5f5f5;
    border: 1px solid #dfdfdf;
	font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	color: #808080;
	font-weight: normal;
	letter-spacing: 1px;
    margin: 0 0 5px 0;
    padding: 1px 5px 0 5px;
}

textarea.contact-form-textarea {
    width: 200px;
    height: 120px;
    background: #f5f5f5;
    border: 1px solid #dfdfdf;
	font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	color: #808080;
	font-weight: normal;
	letter-spacing: 1px;
    margin: 0 0 5px 0;
    padding: 1px 5px 0 5px;
}

input.contact-form-send {
    margin: 10px 0 0 0;
    padding: 0;
}