/* @group Typography & Colors */

body {
font-size: 80%;
font-family: 'Franklin Gothic', 'ITC Franklin Gothic', 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #808080;
}

a, a:hover {
text-decoration: none;
}

#nav a,
#badges a {
color: #333;
text-transform: uppercase;
letter-spacing: 2px;
}

#nav a:hover,
#badges a:hover {
color: #000;
}

#badges {
margin: 30px auto;
text-align: center;
}

#badges img {
width: 100px;
}

#footer p, #footer p a {
color: #808080;
font-size: .9em;
}

#footer p a {
color: #ababab;
font-size: .9em;
text-transform: uppercase;
}

#footer p a:hover {
color: #000;
}

#footer p a:hover {
color: #fff;
font-size: .9em;
text-transform: uppercase;
}

/* @end */

/* @group Structure */

* {
outline: 0;
outline: none;
}

body {
background: #a79266 url(images/bg-body.jpg) repeat 0 0;
margin: 0;
padding: 0;
}

#logo {
background: transparent url(images/logo-lg.png) no-repeat center;
width: 297px;
height: 298px;
margin: 0 auto;
}

#logo a {
display: block;
width: 297px;
height: 298px;
}

#logo a span {
display: none;
}

#container {
width: 664px;
height: 100%;
overflow: hidden;
top: 130px;
position: relative;
margin: 0 auto;
}

#footer {
padding: 0;
width: 100%;
margin: 50px 0
}

#footer p {
margin: 0;
padding: 0;
text-align: center;
line-height: 2em;
}

/* @end */

/* @group Navbar */

#nav {
width: 600px;
text-align: center;
margin: 30px auto 0 auto;
}

#nav p span {
padding: 0 5px;
}

/* @end */