/*==============================
	GLOBALS
	Sets the default document font size, family
	and color
	===============================*/
	body
	{
	background-image:url('images/background.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center 20px ;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	}
	h3
	{
	text-align:left;
	font-family:Arial;
	font-size:28px;
	color:#fefb00;
	margin-top:2px;
	}
	h1
	{
	text-align:left;
	font-family:Arial;
	font-size:28px;
	color:#fefb00;
	margin-top:20px;
	}
	p
	{
	text-align:left;
	font-family:Arial;
	font-size:12px;
	color:white;
	margin-top:15px;
	padding:5px;
	}
	/*==============================
	SITE WRAPPER
	===============================*/
	.site-wrapper
	{
	margin-top:5px;
	width:760px;
	 
	/* min-height lets your site grow vertically
	(like in tables). */
	min-height:500px;
	 
	/* By setting these to auto you are centering the
	site */
	margin-left:auto;
	margin-right:auto;
	
	}
	/*==============================
	HEADER WRAPPER
	===============================*/
	.header-wrapper
	{
	width:760px;
	margin-top:1px;
	background:url(images/companyheader.png);
	background-repeat:repeat-x;
	height:64px;
	/* css lets you designate how you want an image to
	repeat. Along the x-axis, y-axis or not at all. */
	}

	.header-menu
	{
	float:left;
	margin-top:180px;
	background: url("images/menu.png") no-repeat;
	}
	
	/*==============================
	BODY WRAPPER
	===============================*/
    .body-wrapper
	{
	background-color:black;
    margin-top:15px;
	float:left;
	width:760px;
	min-height:250px;
	}
	.body-wrapper-about
	{
	background-color:black;
	float:left;
	margin-right:5px;
	min-height:250px;
	}
	.content-wrapper
	{
	float:left;
	width:270px;
	padding-right:2px;
	
	min-height:150px;
	}
	
	.content-wrapper-about ul li
	{
	list-style-type: square;
	
	}
	
	.panel
	{
	margin-bottom:5px;
	
	}
	/*The panel content */
	.panel_content
	{
	padding:2px;
	background:black;
	}
	/* The panel title */
	.panel_title
	{
	text-align:left;
	font-family:Arial;
	font-weight: bold;
	height:20px;
	font-size:16px;
	color:#008dc7;
	padding:2px;
	padding-left:4px;
	background-repeat:repeat-x;
	background-position:center center;
	}
	.right-wrapper
	{
	float:left;
	width:480px;
	min-height:200px;
	padding-right:5px;
	}
	.right-image
	{
	float:rigth;
	position:relative; 
	top:60px;
	}
	.bottom-wrapper_1
	{
	float:left;
	width:245px;
	padding-right:2px;
	
	}
	.bottom-wrapper_2
	{
	float:left;
	width:245px;
	padding-right:2px;
	}
	.bottom-wrapper_3
	{
	float:left;
	width:245px;
	padding-right:2px;
	}
	.panel-adres
	{
	float:left;
	width:480px;
	min-height:200px;
	padding:5px;
	}
	/*==============================
	FOOTER
	===============================*/
	.footer
	{
	/* clears are the sisters to float, it's
	time to meet the whole family <img src="http://www.bolducpress.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"> */
	clear:left;
	height:30px; 
	background:url(images/footer.png);
	background-repeat:no-repeat;
	}
	.newlist ul li
	{
	list-style-type: square;
    color:white;
	}
	#list li
	{
	list-style-type: square;
	}
    li 
	{
	text-align:left;
	color:white;
	}
     #menu li 
	{
	text-align:left;
	color:white;
	}
	
	 #menu ul, ul li {
	display: display;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

	 #menu ul {
	float: left;
	padding: 2px 480px 2px 15px;
	}

	 #menu ul li {
	float: left;
	}

	 #menu ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	
	color: white;
	padding: 15px 25px;
	border-right: 1px solid #fff;

	}
	#menu ul a:hover {
	padding: 15px 25px;
	background-image: url("images/hover.png");
	}