* { padding: 0; margin: 0;}
html, body {
	margin:0px;padding:0px;
	font-family:verdana,arial,sans-serif;
	font-size:0.9em;color:#222; line-height:1.2em;height:100%;
	text-align:justify; background: url('img/bg.gif') repeat-x top; }
/* ========= Container ===================================== */
#header {width:100%; height:6px;}
#container {position:relative;width:100%;text-align:center;min-height:100%; height:auto !important; }	
*html #container{height:100%;}/* ie6 and under*/
#wrapper {margin:0 auto; padding-top:5px; width:85%;}
#wrapper_ftp a img { border:0px;}
a { color: #aaa; text-decoration: none; }
a:hover { color: #ffa227; text-decoration: none; }
h1 {font-size: 1.5em; font-family: georgia, sans-serif;}
h2 {font-size: 1.4em; display: inline; font-family: georgia, sans-serif; font-weight: normal; }
#pole{ width:460px; margin:0px auto; text-align:left; padding-top:40px; }
.pole_left{ float:left; padding-left:10px; text-align:left; }
.pole_right{ float:left; padding-left:80px; text-align:left; }
.pole_center{ padding-left:10px; text-align:center; }
.ftp { padding: 18px; }
.clear_both {clear : both;}
/* ========= Menu ===================================== */
#nav a { color: #000; text-decoration:none;}
#nav a:hover {color: #fff;}
#nav a:active {color: #000;}
#nav .active {color: #fff;}
#nav.top { position: relative; font-size:16px; font-family: georgia, sans-serif; text-align: center; font-weight: normal;}
#nav .li { display: inline; ; margin:0 18px;}
#nav .a { line-height: 12px; }
/* ========= tooltip pure ===================================== */
.tip {color:#222; font-size: 15px; font-family: georgia, sans-serif;}
/* ========= tooltip pure ===================================== */
#footer {position:absolute;bottom:0px;width:100%;background:transparent;height:110px;text-align:center;padding-top:10px;}
#footer p {padding:10px;margin:5px;padding:0px;}
#footer li {display: inline;}
#footer a {margin: 0 6px; font-size:14px; color: #000;}
#footer a:hover,
#footer a:active,
#footer a.active {color: #897070; }
#logo {margin: 0 auto; display: block; height: 50px;      
       background: url('img/logo.png'); background-repeat:no-repeat; background-position: bottom center;}      
#clearfooter{clear:both;height:120px;width:100%;}
.inner {padding-top:14px;margin:auto;position:relative;}
/* ========= index menu ===================================== */ 
#wrap {position:relative; width:440px; height:350px; background:transparent; margin: 0 auto; text-align:center; margin-top:20px; }
#outerImage {padding:0; margin:0; list-style:none;}
#outerImage li a {color:#777; text-decoration:none;}
#outerImage table {border-collapse:collapse; width:0; height:0; margin:-1px -4px;}
#outerImage span {display:block; width:425px; height:283px; background:url(img/full.jpg); position:absolute; left:0px; top:20px;}
#innerImage {padding:0; margin:0; list-style:none;}
#innerImage li {float:left; color:#777; font-size:23px;}
#innerImage li a {float:left; color:#777; text-decoration:none; white-space:nowrap;}
#innerImage li a b {display:block; width:142px; height:142px; position:absolute; background:#transparent;}
#innerImage li a b#link1 {top:20px;}
#innerImage li a b#link2 {left:142px; top:20px;}
#innerImage li a b#link3 {left:283px; top:20px;}
#innerImage li a b#link4 {top:162px;}
#innerImage li a b#link5 {left:142px; top:162px;}
#innerImage li a b#link6 {left:283px; top:162px;}
#outerImage li a:hover {border:0;}
#outerImage :hover span {background:url(img/dark.jpg);}
#innerImage li a:hover {color:#fff;}
#innerImage li a:hover b {cursor:pointer;}
#innerImage :hover b#link1 {background:#fff url(img/pic1.jpg);}
#innerImage :hover b#link2 {background:#fff url(img/pic2.jpg);}
#innerImage :hover b#link3 {background:#fff url(img/pic5.jpg);}
#innerImage :hover b#link4 {background:#fff url(img/pic3.jpg);}
#innerImage :hover b#link5 {background:#fff url(img/pic4.jpg);}
#innerImage :hover b#link6 {background:#fff url(img/pic6.jpg);}
/* ========= table menu ===================================== */ 
table {width: 99%;text-align: center;border: 1px solid #fff; border-collapse:collapse;}
td {text-align: left;padding: 2px;padding-left: 5px;border-top: 1px solid #fff;} 
th {text-align: left;padding: 2px;padding-left: 5px;}
table a { color: #000; text-decoration: none; font-size: 1em;}
table a:hover { color: #ffa227; text-decoration: none; font-size: 1em;}