* { padding: 0; margin: 0; border:0px solid #000; } 

body { background: #000 url(layout/bg-wooyek-webdesign.jpg) no-repeat top; font:13px "Trebuchet MS", Verdana, sans-serif; line-height: 21px; color: #ccc; }

img { border:none; }
a { text-decoration:none; color: #ccc; }
a:hover { text-decoration:none; color: #FFF; }
.clearboth { clear:both; }

#container { margin: 0px auto; width: 893px; min-height: 800px; padding-bottom: 100px }


#head { height: 220px; }

#logo { float: left; width: 365px; padding: 80px 0 0 30px; }
#logo h1 { font-size: 0px; line-height: 0px; visibility: hidden; }

.menu {	background:url(layout/menu-bg.png) no-repeat; float:right; width:380px; height:31px; margin:103px 3px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; letter-spacing:1px; font-variant:small-caps; }
.menu ul { padding: 6px 0 0 0; list-style-type: none; }
.menu ul li { float: left; margin: 0 0 0 31px; }
.menu ul li a { color: #848EA3; text-decoration: none; text-shadow:#000 2px 1px 2px; }
.menu ul li a:hover { color: #fff; }

#menuactive { color: #FFF; }


#intro { background: url(layout/intro-webdesign-freelancer.png) no-repeat; height: 181px; }
#intro h2 { font-size: 0px; line-height: 0px; }


.main {	width: 893px; margin: 0; color: #999; }
.main h2 { color:#fff; font-size:20px; font-weight:bold; border-bottom:1px dotted #666; width:100%; margin:40px 0 15px 0; text-align:left; text-shadow:#000 1px 1px 2px; }
.main h3 { font-size: 15px; font-weight: normal; line-height: 23px; }
.main a { border-bottom: 1px dotted #999; }
.main a:hover { border-bottom: 1px dotted #FFF; }
.main a img { float: left; margin: 0 14px 10px 3px; border: #040404 solid 5px; }
.main a:hover img { border: #D8DBDF solid 5px; }
.main p { margin: 0 0 20px 0; }
.main ul { margin: -10px 0 0 22px; list-style-image: url(layout/tick.gif); }
.main ul li { margin-left: 3px; }
.main ol { margin: -10px 0 0 20px; }
.main ol li { margin-left: 5px; }
.main span { background: #000; }
.main em { color:#FFF; font-style: normal; }
.main img { margin: 0 5px -2px 0; }

.oferta { float: left; width: 575px; margin: 0 25px 0 0; text-align: left; }

.kontakt { float: left; width: 270px; margin: 0 0 0 2px; }
.kontakt img { margin: 0 5px -2px 0; }

.kontaktmail { background: url(layout/mail.gif) no-repeat 0 8px; padding-left: 20px; }
.konaktgg { background: url(layout/gadu-gadu.gif) no-repeat 0 8px; padding-left: 20px; }

.szczegoly { margin: 20px 10px 0 0; padding-right: 20px; text-align: right; font: 16px Georgia, serif; font-style: italic; background:url(layout/szczegoly.gif) no-repeat right bottom; }
.szczegoly a { border-bottom: 1px dotted #999; color: #CCC; }
.szczegoly a:hover { text-decoration: none; border-bottom: 1px dotted #fff; color: #FFF; }


.portfolio { width:890px; min-height:300px; background:#DADADA url(layout/bg-portfolio-webdesign.jpg) no-repeat; border-left:1px #ccc solid; border-top:1px #ccc solid; border-right:1px #666 solid; border-bottom:1px #666 solid; }
.portfolio img { margin: 0; }
.portfolio a img, .portfolio a:hover img { float: none; margin: 0; border: 0; }
.portfolio a, .portfolio a:hover { border-bottom: none; }

.portfoliotekst { padding: 20px; color: #333; }
.portfoliotekst h4 { margin-bottom: 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-variant: small-caps; font-size: 20px; letter-spacing: 0; color: #333; }
.portfoliotekst ul { padding: 0 0 0 15px; list-style-image: none; }
.portfoliotekst ul li { list-style: disc; }
.portfoliotekst a { color: #333; font-weight: bold; border: 0; }
.portfoliotekst a:hover { color: #fff; background: #333; border: 0; }

.opis { padding-left: 15px; margin-bottom: 15px; border-left: 5px #CCC solid; }

.dogory { margin-bottom:30px; padding-right:14px; text-align:right; margin-right:3px; font-variant:small-caps; font-size:12px; background:url(layout/gorastrony.gif) no-repeat right 7px; }


#footcontainer { height: 40px; width: 100%; color: #666; background: #030303 url(layout/footer-bg.gif) repeat-x; }

#aurora { height: 68px; margin: auto; background: url(layout/bg-footer-aurora.jpg) no-repeat top; }

#footer { width: 893px; margin: auto; }
#footer ul { padding: 10px 0 0 0; list-style-type: none; margin-left: 150px; }
#footer ul li { float: left; }
#footer ul li a { color: #333; margin: 0 0 0 31px; font-variant:small-caps; text-decoration: none; font-size: 12px; letter-spacing: 1px; }
#footer ul li a:hover { color: #666; text-decoration: none; }

#copyright { margin: 10px auto; width: 890px; text-align: center; color: #191919; font-size: 11px; }
#copyright a { color: #222222; }
#copyright a:hover { color: #333; }

form div { margin:10px 0; overflow: auto; }
label { display: block; float: left; width: 300px; clear: left; text-align:right; padding-right:20px; }
input[type=checkbox] { display: block; float: left; background:#DFD9CC; margin-top:4px; }
input[type=text], textarea, select { background:#D6D8D7; padding:5px; }
input[type=submit] { padding:3px 10px; background:#D6D8D7; }
select { width:212px; padding:4px; }
.strzalka { background:url(layout/form-arrow.gif) no-repeat right 7px; }
.form-submit { background:url(layout/form-arrow-right.gif) no-repeat right 6px; margin:20px 0 0 320px; width:125px; }
.error, .info{ margin-bottom:20px; font-weight:bold; }