body, h1, h2, h3, h4, h5, p, dl, dt, dd, cite, address, form, fieldset, hr, blockquote, img, div, p, table
{
	border: none; 
	font-family: Tahoma, Verdana;
}

div, table, form, body, img, ul
{
	margin: 0; 
	padding: 0;
}

body
{
	background: #11150b url(/img/background.jpg) repeat-x;
}

#container
{
	width: 1000px;
	margin: 0 auto;
}

#header
{
	background: url(/img/itbits-logo.jpg) no-repeat top center;
	height: 230px;
}

#header h1
{
	font-size: 50px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 8px;
	margin: 0;
	padding-top: 160px;
}

/* 
MENU
*/

#menu
{
	background: url(/img/bar.jpg) repeat-x;
	height: 56px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
}

#menu-container
{
	width: 880px;
	margin: 0 auto;
	padding-top: 6px;
}

.menu-item a
{
	float: left;
	width: 220px;
	color: white;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 4px;
	text-decoration: none;
}

.menu-item a:hover
{
/*	color: #4a5e17;
	font-size: 10px; */
}

.menu-item a span
{
	color: gray;
	font-size: 10px;
	font-weight: bold;	
	letter-spacing: 1px;
}

.menu-item a:hover span
{
	color: red;
/*	font-size: 24px;
	font-weight: normal;*/
}


/*
STOPKA
*/

#footer
{
	background: url(/img/bar.jpg) repeat-x;
	height: 46px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 10px;
	color: white;
	font-size: 18px;
	letter-spacing: 1px;
	clear: left;
}

#footer span
{
	color: #444;
	font-size: 12px;
	font-weight: bold;
}

#inner-foot
{
	width: 800px;
	margin: 0 auto;
}

#belowfoot
{
	color: #11150b;
	font-size: 10px;
	line-height: 10px;
}

#content
{
	clear: left;
}

/*
FORMULARZ KONTAKTOWY
*/

#form
{
	padding-top: 30px; 
	width: 520px; 
	margin: 0 auto; 
	color: #96bf27; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 18px;
}

.input
{
	background: transparent url(/img/input.gif) top center no-repeat;
	border: none;
	width: 278px;
	height: 27px;
	font-size: 16px;
	padding: 3px 10px 0 10px;
	overflow: hidden;
}

.input2
{
	background: white;
	border: none;
	width: 270px;
	height: 20px;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

.tip
{
	font-size: 11px;
	color: #aaa;
	font-weight: normal;
	position: relative;
	top: -5px;
	left: 0;
}

textarea
{
	background: white;
}

.textarea
{
	background: transparent url(/img/textarea.gif) top center no-repeat;
	border: none;
	width: 488px;
	height: 175px;
	font-size: 16px;
	overflow: hidden;
	padding: 10px;
}

.messagearea
{
	background: transparent url(/img/messagearea.gif) top center no-repeat;
	border: none;
	width: 488px;
	height: 80px;
	font-size: 16px;
	overflow: hidden;
	padding: 10px;
}

.submit
{
	background: transparent;
	border: none;
	color: white;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
}

/*
MISJA
*/

#misja
{
	padding: 20px; 
	width: 750px; 
	margin: 0 auto; 
	color: white; 
	font-weight: bold; 
	font-size: 15px; 
	line-height: 18px;
}

#misja p
{
	text-indent: 30px;
	text-align: justify;
}

#misja span, .green, a
{
	color: #b4db51;
}

/*
PORTFOLIO
*/

#portfolio
{
	padding: 20px 0; 
	width: 960px; 
	margin: 0 auto; 
	color: white; 
	font-weight: bold; 
	font-size: 15px; 
	line-height: 18px;
}
#left
{
	float: left;
	width: 760px;
	height: 450px;
	/* required settings */     
	position:relative;     
	overflow:hidden;
}
.center
{
	float: left;
	width: 460px;
	height: 430px;
}
#right
{
	float: right;
	width: 190px;
	text-align: right;
	margin-top: 30px;
}

#left div.items 
{         
	position:absolute;          
	/* this time we have very large space for height */         
	height:5000em;  
}
.www-item
{
	height: 450px;
}



/*
INFOBOX
*/

.infobox
{
	width: 270px;
	float: left;
	margin-right: 20px;
	margin-top: 40px;
}

.infobox-head
{
	background: url(/img/box-head.jpg) top center no-repeat;
	width: 270px;
	height: 54px;
	overflow: hidden;
	text-align: center;
	letter-spacing: 1px;
	font-size: 24px;
	line-height: 56px;
	font-weight: normal;
	text-transform: uppercase;
	border: 1px solid gray;
	border-bottom: 1px solid black;
}

.infobox-body
{
	background: url(/img/box-body.jpg) top center no-repeat;
	width: 270px;
	overflow: hidden;
	border: 1px solid gray;
	border-top: none;
}

.infobox-desc
{
	text-align: justify;
	text-indent: 20px;
	font-size: 13px;
	line-height: 15px;
	color: #fdf8cd;
	font-weight: bold;
	font-style: italic;
	padding: 10px;
	letter-spacing: 1px;
}

.infobox-com
{
	color: #336633;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 10px;
}

.infobox-comment
{
	text-align: justify;
	text-indent: 20px;
	font-size: 12px;
	font-style: italic;
	line-height: 15px;
	color: white;
	font-weight: bold;
	padding: 10px;
	letter-spacing: 1px;
}

.infobox-customer
{
	font-size: 10px;
	line-height: 13px;
	color: #993333;
	text-align: right;
	letter-spacing: 1px;	
	padding: 10px 10px;
	font-style: italic;
}

/*
SPIS STRON
*/
ul.www li
{
	list-style-type: none;
	margin-top: 10px;
}

ul.www a
{
	color: #aaa;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

ul.www a:hover
{
	color: white;
}

/*
OVERLAY
*/
/* the overlayed element */
div.overlay, div.overlay2
{
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:500px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/img/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* black */
div.overlay.black {
	background:url(/img/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(/img/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}

#overlay {    
	background-image:url(/img/overlay/transparent.png);     
	color:#efefef; 
} 

/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap 
{     
	height:190px;     
	overflow-y:auto; 
}

/*
ROBBO
*/
#robbo
{
	background: black;
	text-align: center;
	color: white;
}
/*
robbo comments
*/
.comment
{
	text-align: left;
	width: 600px;
	margin: 0 auto;
	font-size: 12px;
	border-bottom: 1px solid #444;
	margin-bottom: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.comment .name
{
	color: green;
	font-size: 11px;
	margin-bottom: 3px;
}
.comment .content
{
	color: white;
	padding: 1px 5px;
	background: #333;
	clear: left;
}

/*
CORNERS
*/
.tl {
	width: 7px; height: 7px; float: left; overflow: hidden; background: url(/img/c/tl.gif) no-repeat; background-position: 0 0;
}
.t {
	height: 7px; float: left; overflow: hidden; background: url(/img/c/t.gif) repeat-x; background-position: 0 0;
}
.tr {
	width: 7px; height: 7px; float: left; overflow: hidden; background: url(/img/c/tr.gif) no-repeat; background-position: 0 0;
}
.l {
	width: 7px; float: left; overflow: hidden; background: url(/img/c/l.gif) repeat-y; background-position: 0 0; clear: left;
}
.r {
	width: 7px; float: left; overflow: hidden; background: url(/img/c/r.gif) repeat-y; background-position: 0 0;
}	
.bl {
	width: 7px; height: 7px; float: left; overflow: hidden; background: url(/img/c/bl.gif) no-repeat; background-position: 0 0; clear: left;
}
.b {
	height: 7px; float: left; overflow: hidden; background: url(/img/c/b.gif) repeat-x; background-position: 0 0;
}
.br {
	width: 7px; height: 7px; float: left; overflow: hidden; background: url(/img/c/br.gif) no-repeat; background-position: 0 0;
}

.corner
{
	float: left; 
	padding: 0; 
	margin:0; 
	border: 0; 
	font-size: 13px;
	line-height: 18px;
}

.field-desc
{
	position: relative;
	top: -10px;
	left: 0;
}

/*
EDITOR
*/
div#editor
{
	background: gray;
	min-height: 300px;
}

#editor-grid
{
	margin: 30px auto 30px auto;
}

.editor-row
{
	height: 32px;
	padding: 0;
	margin: 0;
}
.editor-cell
{
	padding: 0;
	margin: 0;
	font-size: 10px;
	color: white;
	height: 31px;
	width: 31px;
	border-left: 1px dotted #444;
	border-top: 1px dotted #444;
}
.most-right-cell
{
	border-right: 1px dotted #444;
	width: 30px;
}
.most-bottom-cell
{
	border-bottom: 1px dotted #444;	
	height: 30px;
}
.editor-cell:hover
{
	height: 30px;
	width: 30px;
	border: 1px solid #000;
	overflow: hidden;
}

.view-row
{
	padding: 0;
	margin: 0;
}
.level-view
{
	float: left;
/*	width: 170px; */
	text-align: center;
}
.level-view td, .level-view img 
{
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 8px;
	color: white;
}