@charset "UTF-8";
body {
background-image:url(images/bg.jpg);
background-repeat:repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}

.wrapper {
position:relative;
width:975px;
margin-left:auto;
margin-right:auto;
border:1px solid #FFF;
background-image:url(images/wrapper-bg.gif);
background-repeat:repeat-y;
background-position:left;
background-color:#FFF;
margin-bottom:10px;
}

.header {
width:975px;
height:113px;
background-image:url(images/header-bg.jpg);
background-position:left;
background-repeat:repeat-y;
background-color:#282828;
}

.logo {
width:450px;
height:63px;
float:left;
padding-top:50px;
padding-left:30px;
color:#FFF;
font-size:34px;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

.logo-light {
color:#bababb;
}

h1.logo {
color:#FFF;
font-size:34px;
font-weight:400;
margin:0;
padding:0;
}

.navigation {
width:365px;
float:left;
height:33px;
padding-top:80px;
padding-right:10px;
color:#FFF;
font-size:16px;
text-align:right;
}

.navigation ul {
font-size:16px;
margin:0;
padding:0;
}

.navigation a {
color:#FFF;
text-decoration:none;
margin-left:8px;
margin-right:8px;
}

.navigation a:hover {
color:#bababb;
text-decoration:none;
margin-left:8px;
margin-right:8px;
}

.middle-left {
width:397px;
height:230px;
float:left;
background-image:url(images/middle-left-bg.jpg);
background-repeat:no-repeat;
padding-left:30px;
padding-top:60px;
padding-right:80px;
color:#FFF;
}

.middle-left h1,.middle-left h2,.middle-left h3,.middle-left h4 {
font-weight:400;
color:#FFF;
}

.middle-right {
width:461px;
height:254px;
float:left;
padding-left:7px;
padding-top:7px;
}

.main {
width:975px;
}

.main-left {
width:515px;
float:left;
padding:20px 60px 20px 30px;
}

.main-right {
width:303px;
margin-top:10px;
margin-right:7px;
float:left;
background-color:#7c7c7c;
color:#FFF;
padding-left:20px;
padding-right:40px;
padding-bottom:20px;
}

.main-right h1,.main-right h2,.main-right h3,.main-right h4 {
color:#FFF;
}

.main-right a {
color:silver;
}

.seperater {
height:20px;
clear:both;
}

.footer {
width:975px;
height:80px;
background-image:url(images/header-bg.jpg);
background-position:left;
background-repeat:repeat-y;
background-color:#282828;
color:#CCC;
padding-top:15px;
}

.footer-left {
width:270px;
float:left;
padding-left:30px;
}

.footer-right {
width:645px;
float:left;
text-align:right;
padding-right:30px;
}

.footer a {
color:#CCC;
text-decoration:none;
}

.footer-right a {
margin-left:5px;
margin-right:5px;
}

.footer ul {
list-style-type:none;
margin:0;
padding:0;
}

.footer p {
margin:0;
padding:0;
}

h1 {
font-size:24px;
font-weight:400;
color:#3a3a3b;
letter-spacing:-1px;
padding-top:0;
margin-top:0;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

h2 {
font-size:20px;
font-weight:400;
color:#3a3a3b;
letter-spacing:-1px;
padding-top:0;
margin-top:0;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

h2 a:hover {
color:silver;
}

h3 {
font-size:18px;
font-weight:400;
color:#3a3a3b;
letter-spacing:-1px;
padding-top:0;
margin-top:0;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

h4 {
font-size:16px;
font-weight:400;
color:#3a3a3b;
letter-spacing:-1px;
padding-top:0;
margin-top:0;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

p {
font-size:12px;
line-height:18px;
}

ul {
font-size:12px;
line-height:24px;
}

a {
color:#4578be;
text-decoration:none;
}

.small {
font-size:11px;
}

.navigation li,.footer li {
display:inline;
}

.footer a:hover,a:hover {
color:#999;
text-decoration:none;
}

h2 a:link,h2 a:visited {
color:#000;
}