body { 
	background: url(../graphics/bgrnd.png);
	font-family: Trebuchet MS, Verdana, Helvetica, Arial; 
	font-size: 13px; 
	font-color: #000000;
	padding:0px;
	margin:0px;
}

#bd {position: relative; display: block; width: 100%; min-height: 800px; background: url(../graphics/bgrnd_div.png) repeat-x;}
#container {width: 1164px; margin: 0px auto; padding:0px; position: relative;}

#logo {background: url('../graphics/logo.png') no-repeat; width: 1164px; height: 245px;}
#menu {text-align: left;}
#www {padding-left: 20px; padding-top: 91px; padding-right: 15px; display: inline; float: left;}
#animacje {padding-left: 15px; padding-top: 90px; padding-right: 15px; display: inline; float: left;}
#inne {padding-left: 15px; padding-top: 93px; padding-right: 15px; display: inline; float: left;}
#kontakt {padding-left: 15px; padding-top: 95px; padding-right: 15px; display: inline; float: left;}

A.www:link, A.www:visited {
	display: block;
	width: 82px;
	height: 25px;
	text-decoration: none;
	background: url("../graphics/www.png") no-repeat left top;
	}
A.www:hover {background: url("../graphics/www_active.png") no-repeat left top;}

A.animacje:link, A.animacje:visited {
	display: block;
	width: 130px;
	height: 32px;
	text-decoration: none;
	background: url("../graphics/animacje.png") no-repeat left top;
	}
A.animacje:hover {background: url("../graphics/animacje_active.png") no-repeat left top;}

A.inne:link, A.inne:visited {
	display: block;
	width: 73px;
	height: 24px;
	text-decoration: none;
	background: url("../graphics/inne.png") no-repeat left top;
	}
A.inne:hover {background: url("../graphics/inne_active.png") no-repeat left top;}

A.kontakt:link, A.kontakt:visited {
	display: block;
	width: 95px;
	height: 22px;
	text-decoration: none;
	background: url("../graphics/kontakt.png") no-repeat left top;
	}
A.kontakt:hover {background: url("../graphics/kontakt_active.png") no-repeat left top;}


#left_container {display: inline; float: left; position: relative; width: 345px;}
#menu_left_content {background: url('../graphics/menu_left_bgrnd.png') right top no-repeat; margin-right: 5px; width: 330px; min-height: 309px; text-align: right;}

#right_container {display: inline; float: left; position: relative; width: 819px;}
#right_top {background: url('../graphics/line_top.png') left top no-repeat; width: 819px; height: 8px;}
#right {background: url('../graphics/line.png') left top repeat-y; width: 819px; min-height: 550px;}
#last_project {background: url('../graphics/last_project.png') left top no-repeat; margin-left: 15px; width: 819px; min-height: 302px;}
#last_project_left {display: inline; float: left; margin-left: 10px; margin-top: 25px;}
#last_project_right {display: inline; float: left; margin-left: 15px; margin-top: 55px;}

#project {background: url('../graphics/project_bgrnd.png') left top no-repeat; margin-left: 10px; width: 409px; min-height: 163px;}
#project_left {display: inline; float: left; margin-left: 5px; margin-top: 5px; width: 160px;}
#project_right {display: inline; float: left; margin-left: 15px; margin-top: 5px; width: 220px;}

#bottom {position: relative; margin: 0px auto; padding:0px; width: 1164px; height: 24px;}
#bottom_content {position: relative; width: 160px; height: 24px; margin-left: 188px; margin-top: 3px;}

A.http:link, A.http:visited {text-decoration: none; font-size: 10px; color: #000000;}
A.http:hover {font-size: 10px; color: #ffffff;}

#viewer_bgrnd {width: 100%; min-height: 309px; background: url('../graphics/menu_left_bgrnd.png') left top no-repeat;}