/*# CSS for 7arts# @Author: David Vlk# *//* 
=== basic formating === 
*/body {margin:0; padding:0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size: 10pt; background: #000 url(xxx_graphics/bg.gif) repeat; text-align: center; text-align: center;}/* 

=== main elements === 
*/#container {margin:0 auto; padding:50px 0 10px 0; width:650px; text-align: center; background: #000 url(xxx_graphics/container_bg.gif) repeat; text-align: center;}#header {height:150px; width:600px; margin:0 auto; padding:0; background: url(graphics/header.jpg) no-repeat bottom; font-size:93%; line-height:normal;}#menu { width: 600px; height: 31px; margin:0 auto; padding: 0; background: url(graphics/menu.jpg) no-repeat top; text-align: center;}#content {margin:0 auto; padding:20px 0; width: 600px; background: #fff; text-align: left;}#footer {margin:0 auto; padding:10px; width: 600px; font-size: 9px; color: #fff; font-weight: bold;}#header_logo {width: 292px; height: 82px; margin: 10px 5px 0 0; float:right; padding:0;} #menu ul {margin: 0 0 0 70px; padding:5px 10px 0 10px; list-style:none;}#menu li {float:left; background:url("graphics/menu_left.gif") no-repeat left top; margin:0 2px; padding:0 0 0 9px; border-bottom:1px solid #000;}#menu li a {display:block; background:url("graphics/menu_right.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#bbb;}#menu li:hover{background-position:0% -150px; color:#333;}#menu li a:hover {color:#fff;}#menu li:hover a {background-position:100% -150px; color:#444;}#menu .active {background-position:0 -150px; border-width:0;}#menu .active a {background-position:100% -150px; padding-bottom:5px; color:#333;}#menu .active a:hover {color:#000; text-decoration: none;}#left_corner {margin: -1 0 0 -25px; padding:0; z-index:2; position: absolute; width: 72px; height: 44px; background: url(graphics/left_corner.gif) no-repeat right top;}/* === common classes === */img {border: 0;}a {color:#000; text-decoration: underline;}a:hover {color: #E5A612; border: 0; text-decoration: underline;}#footer a{color:#fff;}#footer a:hover{color: #E5A612;}#footer {	font-family: Verdana, Arial, Helvetica, sans-serif;}#footer h2 {	font-size: 10px;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-align: center;	color: #FFFFFF;	font-weight: bold;	background:url();	margin: 5px;}h1 {visibility: hidden; padding: 0; margin: 0; position: absolute; text-align: left;}h2 {padding: 2px 5px; margin: 0 0 10px 0; font-size: 12pt; background:url(graphics/gr_bg.gif) repeat #99CC33; color: #ffffff; text-align: left;}.right h2 {padding: 2px 5px; margin: 0 0 10px 0; font-size: 12pt; background:url(graphics/or_bg.gif) repeat #E5A612;}p {padding: 0; margin: 0 0 20px 0; text-indent: 3em;}ul {list-style-type: square; list-style-position: inside; margin: 0; padding: 0 5px;}.clear { clear:both;}.motto {margin: 0; font-style: italic; padding: 0 0 10px 0; text-align: left; font-size: 10pt;}.motto p { display: inline;}.motto h2 { display:inline; font-variant:small-caps; padding: 1px 0.5em 1px 0; background:#FFF; color: #000;}.left {float: left; width: 400px; margin: 0; text-align: justify; padding: 25px 0;}.right {float: right; width: 200px; margin: 0; padding: 25px 0; text-align: left;}.middle {margin: 0; width: 600px; padding: 25px 0; text-align: justify;}.text {margin: 0; padding: 0 20px; text-align: justify;}div.img_left {background: url('graphics/shadow.gif') no-repeat bottom right; clear: both; float: left; margin: 0 25px 15px 0; padding: 0; position: relative; }div.img_left img {background-color: #fff; border: 1px solid #a9a9a9; display: block; margin: -5px 5px 5px -5px; padding: 4px; position: relative; }div.img_right {background: url('graphics/shadow.gif') no-repeat bottom right; clear: both; float: right; margin: 0 0 15px 25px; padding: 0; position: relative; }div.img_right img {background-color: #fff; border: 1px solid #a9a9a9; display: block; margin: -5px 5px 5px -5px; padding: 4px; position: relative; }