/**
 * seoninja.pl
 *
 * @author Piotr Cichosz aka shpyo
 * @version 1.00 2008/09/29
 */

body,html {
	font: normal 0.9em Tahoma, Helvetica, Geneva, sans-serif;
	background: #161616 url(../images/bg.jpg) top center no-repeat;
	color: #fff;
	margin: 0;
}

/******************************************************************
 * global styles
 */

*:focus { outline: none; }
a { text-decoration: none; }
a:hover { text-decoration: none; }

img { border: 0; }
input, textarea { color: #666; font: normal 0.9em Tahoma, Helvetica, Geneva, sans-serif; }
input.submit { cursor: pointer; border: 0; }

.clearUl { margin: 0; padding: 0; list-style: none; }
.clear { clear: both; }
.r { float: right; }
.l { float: left; }
.c { text-align: center; }
.ri { text-align: right; }
.j { text-align: justify; }
.hide { display: none; }

.hr { clear: both; font-size: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0.2em 0; color: #000; }

#mainBox { width: 992px; overflow: hidden; margin: auto; }

/******************************************************************
 *  topBox
 */

#topBox { position: relative; text-align: center; height: 120px; }
#topBox a.logo { display: block; position: absolute; background: url(../images/logo.gif); width: 144px; height: 118px; text-indent: -3000em; }

/******************************************************************
 *  menuBox
 */

#topBox a.logo { position: absolute; left: 0; top: 0; }
#topBox ul { position: absolute; height: 79px; top: 0; right: 0; }
#topBox ul li { float: left; width: 110px; height: 79px; }
#topBox ul li a { display: block; height: 79px; width: 110px; text-indent: -3000em; background-position: 0 0; }
#topBox ul li a.glowna { background: url(../images/menu-glowna.jpg); }
#topBox ul li a.ofirmie { background: url(../images/menu-ofirmie.jpg); }
#topBox ul li a.oferta { background: url(../images/menu-oferta.jpg); }
#topBox ul li a.klienci { background: url(../images/menu-klienci.jpg); }
#topBox ul li a.referencje { background: url(../images/menu-referencje.jpg); }
#topBox ul li a.kontakt { background: url(../images/menu-kontakt.jpg); }
#topBox ul li a.selected, #topBox ul li a:hover { background-position: 0 79px; }

/******************************************************************
 *  contentBox
 */

#contentBox { overflow: hidden; }
#leftContent { width: 689px; float: left; color: #acacac; }

#leftContent div.header1 h2, #leftContent div.header2 h2, #leftContent div.header3 h2 { font-size: 16px; color: #fff; font-weight: normal; padding: 45px 0 0 24px; }
#leftContent div.header1 { background: url(../images/header1.jpg) no-repeat; height: 71px; }
#leftContent div.header2 { background: url(../images/header2.jpg) no-repeat; height: 71px; }
#leftContent div.header3 { background: url(../images/header3.jpg) no-repeat; height: 71px; }
#leftContent div.content { margin: 0 0 20px 13px; width: 626px; background: url(../images/bg-content.gif); padding: 5px 10px; border-bottom: solid 1px #010101; }

#leftContent a, #footerBox a { color: #fcfcfc; text-decoration: underline; }
#leftContent a:hover { color: #ff365d; }
#leftContent a:visited { color: #737373; }
#leftContent p { line-height: 150%; }

#leftContent ul { margin: 0; padding: 0; list-style: none; }
#leftContent ul li { background: url(../images/bullet.gif) 0 5px no-repeat; padding: 6px 30px; line-height: 150%; }

#rightContent { width: 261px; float: right; color: #ababab; margin: 43px 22px 0 0; }

#rightContent h3 { text-indent: -3000em; }
#rightContent h3.formularz-kontaktowy { background: url(../images/formularz-kontaktowy.gif) no-repeat; }
#rightContent h3.w-tym-mocni { margin: 20px 0 0 0; background: url(../images/w-tym-mocni.gif) no-repeat; }
#rightContent h3.wybrane-projekty { margin: 20px 0 0 0; background: url(../images/wybrane-projekty.gif) no-repeat; }

#rightContent form p.input { background: url(../images/input-text.jpg) 0 16px no-repeat; height: 40px; margin: 3px 0; font-size: 1em; }
#rightContent form p.textarea { background: url(../images/textarea-text.jpg) 0 16px no-repeat; height: 125px; margin: 3px 0; font-size: 1em; }
#rightContent form p input, #rightContent form p textarea { background: transparent; border: 0; width: 255px; display: block; margin: 3px 0 0 2px; }
#rightContent form p textarea { height: 100px; }
#rightContent form input.submit { width: 64px; height: 25px; background: url(../images/input-wyslij.gif); margin: 5px 0; }
#rightContent form span { color: #c2023d; }
#rightContent p.msg { color: #ff175e; font-weight: bold; }

#rightContent ul.tags { font-size: 1.1em; margin: 0; padding: 10px 0; list-style: none; line-height: 160%; }
#rightContent ul.tags li { display: inline; }
#rightContent ul.tags li.t1 a { color: #ff175e; }
#rightContent ul.tags li.t2 a { color: #c2023d; }
#rightContent ul.tags li.t3 a { color: #97002e; }
#rightContent ul.tags li.t4 a { color: #66001f; }

#rightContent div.project { padding: 5px; border: solid 1px #202020; width: 255px; height: 199px; position: relative; }
#rightContent div.project ul { height: 29px; clear: both; position: absolute; top: 175px; width: 255px; }
#rightContent div.project ul li { width: 127px; height: 29px; margin: 0; padding: 0; }
#rightContent div.project ul li a { display: block; background-position: 0 0; width: 127px; height: 29px; text-indent: -3000em; }
#rightContent div.project ul li a.prev { background: url(../images/poprzedni.gif); }
#rightContent div.project ul li a.next { background: url(../images/nastepny.gif); }
#rightContent div.project ul li a:hover { background-position: 0 29px; }
#rightContent ul.tags li a:hover { color: #fff; }

/******************************************************************
 *  footerBox
 */

#footerBox { overflow: hidden; padding: 10px 0 90px 0; clear: both; background: #000 url(../images/bg-footer.gif) top repeat-x; margin: 10px 0 0 0; }
#footerBox div.wrapper { text-align: right; width: 952px; margin: auto; overflow: hidden;  padding: 0 20px; }