
body
{
margin:0;
padding:0;
font-family:Verdana,Tahoma,Helvetica;
background-color:#F4F4F4;
font-size:10px;

}
div
{
margin:0;
padding:0;
background:none;
}
div#main-page
{
width:100%;
margin:0;
padding:0;
background:#9FC9EB url(../images/page-left-bg.gif) no-repeat;
background-position:0 50%;
}

div#page
{
width:100%;
margin:0;
padding:0;
background:url(../images/page-right-bg.gif) no-repeat;
background-position:100% 50%;
}

div#header-wrapper
{
width:100%;
height:150;
background: #FAFAFA url(../images/header-wrapper-bg.gif) repeat-x;
}
div#header
{
width:980px;
margin:auto;
height:130px;
padding:10px 0px 10px 0px;

}
div#site-name-wrapper
{

width:340px;
height:75px;
padding:35px 10px 10px 10px;
float:left;
text-align:center;
background:url(../images/site-name-wrapper.png);

}
#site-name
{
text-align:center;

}
#site-name a
{
defont-size:19px;
color:#0066CC;
text-decoration:none;
}

div#site-logo
{
text-align:center;
width:220px;
height:120px;
margin-left:380px;
margin-right:380px;
background:url(../images/site-logo.png);

}
div#site-slogan-wrapper
{
width:320px;
height:70px;
padding:25px 20px;
border:0px solid black;
float:right;
text-align:center;

background:url(../images/site-slogan-wrapper.png);

}
#site-slogan
{
font-size:14px;
color:#0066CC;
font-weight:bold;
}
/* End of header */

div#breadcrumb-wrapper
{
width:100%;
height:30px;

}
div#breadcrumb-box
{
width:980px;
height:30px;
margin:auto;
}
#breadcrumb
{
padding-top:4px;
height:16px;
overflow:hidden;
}
#breadcrumb a
{
font-weight:bold;
font-size:10px;
color:#0099FF;
}
#header-bottom-bar
{
width:980px;
height:30px;
margin:auto;
}
#submenu-wrapper
{
width:100%;
height:30px;
background: #FAFAFA url(../images/primary-breadcrumb-wrapper-bg.gif) repeat-x; /*tymczasowo*/
}
#submenu-box
{
border:0px dashed #CDCDCD;
width:980px;
height:30px;
margin:auto;
}

#submenu-region
{
	width:380px;
	height:30px;
	margin:auto;
	text-align:center;
	debackground-color:blue;
}

#main-top-wrapper
{
width:100%;
height:30px;
margin-top:10px;
}
#main-top-box
{

width:980px;
height:30px;
margin:auto;
padding:0;
}
#page-title-wrapper
{
	
	width:710px;
	height:30px;
	border:1px solid red;
	
}
h1#page-title
{
color:#0066CC;
padding-left:15px;
width:690px;
height:30px;
font-size:15px;
margin:0;
background:url(../images/page-title-bg.png) no-repeat bottom left;


}

/*main-container */
#main-container
{
width:980px;
margin:auto;
}
#main-container-header
{
width:950px; /*dalismy breada wiec 980 - 20 paddingu */
height:20px;
padding-left:30px;
border:0px solid red;
background:url(../images/main-container-header.png) no-repeat;
}
#main-container-content
{
min-height:500px;
width:980px;
padding-top:1px;
padding-bottom:1px;
background:url(../images/main-container-content.png) repeat-y;

}
#main-container-footer
{
width:980px;
height:20px;
background:url(../images/main-container-footer.png) no-repeat;
}

#main
{
width:730px;
padding-left:20px;
padding-right:10px;
float:left;
/*zrobic padding zeby ramka wchodzila */
}
#main-header
{
width:730px;
height:20px;
background:url(../images/main-header.png) no-repeat;
}
#main-content

{
padding-left:10px;
padding-right:10px;
width:710px;
background:url(../images/main-content.png) repeat-y;
}
#main-footer
{
width:730px;
height:20px;
background:url(../images/main-footer.png) no-repeat;
}


#sidebar-right
{
width:210px;
border:0px solid red;
margin-left:765px;
}
/*menu box region */
div#menu-box-region
{
	
	float:right;
	width:180px;

}
#menu-box-header
{
width:180px;
height:10px;
background:url(../images/menu-box-header.png) no-repeat;

}
#menu-box-content
{
width:160px;
padding:0px 10px;
background:url(../images/menu-box-content.png) repeat-y;
}
#menu-box-footer
{
width:180px;
height:10px;
background:url(../images/menu-box-footer.png) no-repeat;
}
/* footer*/
#footer-wrapper
{
margin-top:20px;
width:100%;
height:60px;
background:url(../images/footer-wrapper-bg.png) repeat-x;
}
#footer
{

width:980px;
margin:auto;
color:#f7f7f7;
padding-top:5px;

}
#footer p 
{
	font-size:10px;
}
#footer a
{
color:#f7f7f7;
}
.clearfix
{
clear:both;
}