/* ----- BODY ----- */
body {
  width: 960px;
  margin: auto;
  background: #BBB;
}

#wrapper {
  margin: 0;
  padding: 0;
  background: #FFF;
}
/* ----- HEADER ----- */
#header {
width:960px;
height:77px;
background-color:#333333;
background: url('images/header.png') no-repeat;
padding: 120px 0 0 50px;
}

#header a {
  padding: 39px 200px;
}


/* ----- NAVIGATION ----- */



#nav {
  width:960px;
  height:60px;
  background-color:#333333;
  background: url('images/nav_background.png') repeat-x -2px -3px;
  padding-top: 1px;
  padding-left: 100px; 

}

#nav ul li {
  display:inline;
  width: 145px;
}

#nav ul li a {
  color: #000;
  text-decoration: none;
  font-family: Arial black;
  font-size: 22px;
  padding: 0;
  text-transform: uppercase;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav ul.nav-wrapper {
  margin-left: 70px;
  padding-top: 15px;
}

/*#nav ul li ul {
  border: 1px solid #BBB;
}*/

#nav ul li ul li {
  background: url('images/nav_bg.png');
  width: 165px;
}

#nav li:hover ul {
	left: auto;
	width: 170px;
}

#nav li ul a:hover {
  background: rgb(70,22,107);
  color: white;
}

#nav li ul a {
  font-size: 13px;
  padding: 6px 14px;
  border: 1px solid #bbb;
}

/* ----- MAIN CONTENT ----- */

#content {
  padding: 0 100px;
  background: url('images/content_bg.jpg') no-repeat 50px 50px #FFF;
}

/* ----- FOOTER ----- */



#footer { 
width:960px;
height: 180px;
background-color:#333333;
}

#footer ul li {
  display:inline; 
}

#footer ul li a {
  color: white;
  text-decoration: none;
  font-family: Arial;
  text-transform: uppercase;  
  margin: 0 30px 0 0;
}

#footer ul li.last a {
  margin: 0 90px 0 0;
}

#footer ul.footer-wrapper {
  padding-top: 15px;
  width: 100%;
  text-align: center;
}

#copyright {
  color: gold;
  width: 100%;
  text-align: center;

}

#first-logo a, #first-logo a img {
  text-decoration: none;
  border: 0;
}
