/* MAIN BODY STYLES */ 
 
*{ 
 padding:0; 
 margin:0; 
} 
 
body { 
 background-color: #999; 
 font-family: Myriad Pro, Arial, "Century Gothic"; 
 font-size: 15px;
 color: #878787; 
} 

#container { 
 margin: auto; 
 width: 960px;
 background-image:url(images/bg.png);
 background-repeat: repeat-x;
 height: 564px;
 margin-top:80px;
} 

/*--------------------------------------- HEADER THINGY ------------------------------------------*/


#top-bar { 
 float: left; 
 height: 64px; 
 width: 1020px; 
 padding-left:10px;
 padding-top:5px;
 } 

#top-bar-logo { 
 float: left; 
 height: 64px; 
 width: 300px; 
 padding:0 -7px 0 5px;
 } 
 
#top-bar a{
	color:#FFF
}

#top-bar a:hover{
	color:#999
	}

.nav_links ul { 
 list-style:none;
 text-transform: uppercase;
 padding-left:30px;
 text-align:center;
 float:left;
 font: myriad pro, Verdana, Geneva, sans-serif;
 font-size:15px;
} 
 
.nav_links li { 
 list-style:none; 
 display:block; 
 float: none; 
 text-transform: uppercase;
 text-align:center;
 float:left;
 font: myriad pro, Verdana, Geneva, sans-serif;
 font-size:15px;
 margin-right:8px;
 color:#999;
  text-transform: uppercase;
 text-align:center;
 float:left;
 font: Verdana, Geneva, sans-serif;
 font-size:15px;
 padding-top:12px;
} 
 
.nav_links a { 
 text-decoration: none; 
 color: #999; 
 display: block; 
 height: 22px; 
 padding-right: 17px; 
 padding-left: 17px; 
 padding-top: 12px; 
} 
 
.withdiv {
 background-image: url(images/nav_div.png); 
 background-repeat: no-repeat;
 background-position: right;
 list-style:none;
 text-transform: uppercase;
 text-align:center;
 float:left;
 font: Verdana, Geneva, sans-serif;
 font-size:15px;
 padding-top:12px;
} 
/*--------------------------------------- MIDDLE CONTAINER ------------------------------------------*/
#middle-container {
	color:#000;
	margin-top:70px;
	height:450px;
	width:960px;
	}

.middle-image {
	color:#000;
	height:465px;
	width:400px;
	padding-left:15px;
	padding-top:50px;
}

.middle-header {
	color:#333;
	height:80PX;
	width:530px;
	float:right;
	font-size:44px;
	margin-top:-400px;

}

.middle-text {
	color:#fff;
	height:380PX;
	width:500px;
	float:right;
	font-size:14px;
	margin-top:-340px;
	margin-left:450px;
	}
.middle-text li{
	list-style-image:url(images/list-dot.png);
	font-size:16px;
	color: #000;
	}
	
.middle-text a{
	color: #333;
	text-decoration:none;
	text-shadow:#000;
	}
	
.middle-text a:hover{
	color:#000;
	text-decoration:none;
	}

/*--------------------------------------- BARRA INFERIOR ------------------------------------------*/

#bottom-bar { 
 float: left; 
 height: 20px; 
 width: 960px; 
 padding-top: 0px;
 padding-left:270px;
 margin-top:-10px;
 }