body { background: #5A5B60 url('../gfx/BGbody.gif') no-repeat top center; text-align: center; font: normal 62.5% Tahoma, Arial, Helvetica, sans-serif; }

/*
----------------------------------------------------------------------------- 
Reseting
----------------------------------------------------------------------------- */
body { margin: 0; padding: 0; }
body * { margin: 0; padding: 0; }

	/*
	--------------------
	Old browsers
	-------------------- */
	h1, h2, h3, h4, h5, h6,
	div, p, span, em, object, embed,
	form, fieldset, legend, label, input, textarea, select,
	ol, ul, li, dl, dt, dd { margin: 0; padding: 0; }

.clear { clear: both; }

/*
----------------------------------------------------------------------------- 
Globals
----------------------------------------------------------------------------- */
div#body { width: 768px; margin: 0px auto; text-align: left; margin-top: 20px; }

div.header { width: 768px; height: 232px; }
div.header h1 { display: none; }

div.content { width: 768px; margin-top: -5px; min-height: 400px; background: transparent url('../gfx/BGcontent.gif') repeat-y left; padding-bottom: 20px; }
	div#left { width: 398px; float: left; }
	div#right { width: 370px; float: right; }

div.footer { width: 708px; background: transparent url('../gfx/BGfooter.gif') repeat-y left; text-align: right; padding: 30px; font-size: 1.1em; }
div.footer a:hover { text-decoration: underline; }
div.footer h4 { float: right; font-weight: normal; margin-right: 50px; font-size: 1.0em; display: inline; }
div.footer h4 a { text-decoration: none; color: #fff; padding-right: 20px; background: transparent url('../gfx/ICOwarrow.gif') no-repeat right bottom; }
div.footer ul { float: right; height: 100%; overflow: hidden; margin-right: 45px; margin-left: 65px; display: inline; }
div.footer ul li { list-style-type: none; float: left; margin-left: -1px; border-left: 1px solid #616266; padding: 0px 10px 0px 10px; }
div.footer ul li a { color: #fff; text-decoration: none; }
div.footer span { color: #fff; }

/*
----------------------------------------------------------------------------- 
Main page
----------------------------------------------------------------------------- */
div.menu {background: url('../gfx/menu-bg.gif') no-repeat; background-color: #2F2F2F; padding: 25px 0px 65px 25px; }
div.menu ul { height: 100%; overflow: hidden; }
div.menu ul li { float: left; list-style-type: none; display: inline; text-indent: -9000px; font-size: 1px;  }
div.menu ul li a { display: block; color: #000; overflow: hidden; background-repeat: no-repeat; }

div.menu ul li#m1 a { width: 94px; height: 38px; background-image: url('../gfx/m1.gif'); }
div.menu ul li#m2 a { width: 81px; height: 38px; background-image: url('../gfx/m2.gif'); }
div.menu ul li#m3 a { width: 101px; height: 38px; background-image: url('../gfx/m3.gif'); }
div.menu ul li#m4 a { width: 87px; height: 38px; background-image: url('../gfx/m4.gif'); }
div.menu ul li#pc a { width: 80px; height: 38px; background-image: url('../gfx/HP.jpg'); }

div.gallery { width: 178px; float: left; }
div.gallery div { background: #7E0001 url('../gfx/BGgallery.gif') no-repeat bottom; margin-top: 10px; padding: 10px 0px 25px 11px; }
div.gallery div.nd { background-image: url('../gfx/BGgallery_2.gif'); }
div.gallery div a img { border: none; }
div.gallery div h4 { text-align: right; font-size: 1.1em; font-weight: normal; padding: 10px 20px 0px 0px; }
div.gallery div h4 a { background: transparent url('../gfx/ICOzoom.gif') no-repeat right bottom; padding: 5px 35px 5px 0px; color: #fff; text-decoration: none; }
div.gallery div h4 a:hover { text-decoration: underline; }

div.introduction { width: 164px; float: right; background-color: #2B2B2B; padding: 5px 30px 20px 25px; }
div.introduction h2 { margin-bottom: 20px; padding-bottom: 15px; background: transparent url('../gfx/SEPblack.gif') repeat-x bottom; text-indent: -9000px; font-size: 1px; }
div.introduction h2 em { display: block; width: 161px; height: 24px; background: transparent url('../gfx/headers/projekty-indywidualne.gif') no-repeat; }
div.introduction p { font-size: 1.1em; color: #D2D2D2; margin-bottom: 15px; }
div.introduction p strong { color: #fff; }
div.introduction ul { overflow: hidden; list-style-type: none}
div.introduction ul li { margin-top: -1px; padding: 8px 0px 8px 0px; background: transparent url('../gfx/SEPblack.gif') repeat-x top; font-size: 1.1em; }
div.introduction ul li a { padding-left: 10px; background: transparent url('../gfx/ICOgarrow.gif') no-repeat left; color: #fff; text-decoration: none; }
div.introduction ul li a:hover { text-decoration: underline; }

div.about { height: 100%; overflow: hidden; background-color: #6C0000; padding: 35px; }
div.about h2 { margin-bottom: 20px; padding-bottom: 15px; background: transparent url('../gfx/SEPbrown.gif') repeat-x bottom; text-indent: -9000px; font-size: 1px; }
div.about h2 em { display: block; width: 91px; height: 19px; background: transparent url('../gfx/headers/studio-z500.gif') no-repeat; }
div.about div { width: 130px; float: right; margin-left: 20px; margin-bottom: 10px;}
div.about p { font-size: 1.1em; color: #DFD6D1; margin-bottom: 15px; }
div.about p strong { color: #fff; }
div.about ul { overflow: hidden; }
div.about ul li { margin-top: -1px; padding: 8px 0px 8px 0px; background: transparent url('../gfx/SEPbrown.gif') repeat-x top; font-size: 1.1em; }
div.about ul li a { padding-left: 10px; background: transparent url('../gfx/ICObarrow.gif') no-repeat left; color: #fff; text-decoration: none; }
div.about ul li a:hover { text-decoration: underline; }

div.strip { height: 10px; background: transparent url('../gfx/BGstrip.gif') repeat-y left; }

div.contact-form { background: #6C0000 url('../gfx/BGcontact-form.gif') no-repeat bottom; padding: 35px; }
div.contact-form h2 { margin-bottom: 20px; padding-bottom: 15px; background: transparent url('../gfx/SEPbrown.gif') repeat-x bottom; text-indent: -9000px; font-size: 1px; }
div.contact-form h2 em { display: block; width: 178px; height: 24px; background: transparent url('../gfx/headers/formularz-kontaktowy.gif') no-repeat; }
div.contact-form form fieldset { border: none; }
div.contact-form form fieldset div { margin-top: 15px; height: 100%; overflow: hidden; }
div.contact-form form fieldset div label { width: 95px; float: left; font-size: 1.1em; color: #fff; padding: 5px 0px 5px 0px; }
div.contact-form form fieldset input, div.contact-form form fieldset textarea { float: right; width: 200px; font-size: 1.1em; font-family: Tahoma, sans-serif; overflow: auto; padding: 5px 0px 5px 0px; border: none; background-color: #fff; }
div.contact-form form fieldset input#send { background-color: #540000; color: #fff; text-align: center; width: 100px; float: right; cursor: pointer; cursor: hand; }