﻿@charset "utf-8";
@font-face {
font-family:'PTSansRegular';
src: url("PT_Sans-webfont.eot");
src:local('☺'), url("PT_Sans-webfont.ttf") format('truetype');
font-weight:400;
font-style:normal;
}

body {
background:#dfdfdf;
font-family:'PTSansRegular', Arial, sans-serif;
border-top:5px #c7c7c7 solid;
margin:0;
padding:0;
}

h1 {
text-indent:-9999px;
overflow:hidden;
margin:0;
}

#wrapper {
width:820px;
height:300px;
margin:200px auto 0;
}

#wrapper .logo {
float:left;
width:230px;
height:130px;
border-right:5px #C7C7C7 solid;
background:url('logo6.png') no-repeat left 20px;
padding:20px 10px 0 0;
}

#wrapper .info {
float:right;
width:550px;
height:300px;
font-size:14px;
color:#505050;
text-shadow:0 1px 0 #fff;
padding-top:3px;
}

#wrapper .info p {
margin:0;
padding:1px;
}

#wrapper .info ul {
margin:15px 0 0;
padding:0;
}

#wrapper .info li {
width:220px;
height:23px;
list-style:none;
float:left;
font-size:13px;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
transition-duration:.5s;
}

#wrapper .info li:hover,#wrapper .info li:hover a {
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
transition-duration:.5s;
text-shadow:0 0 3px #939393;
color:#505050;
}

#wrapper .info li:hover img {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(20deg);
transition-duration:.5s;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
}

#wrapper .info span {
margin-right:7px;
}

#wrapper .info li a {
text-decoration:none;
color:#505050;
}

#wrapper .info li img {
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
transition-duration:.5s;
margin:0 3px -2px 0;
}

a img,#wrapper .info li img a {
border:none;
}
