/*----- MAIN CSS ----------------------------*/   

body {
   font-family: Verdana;
   background-color: #21211e;
}

strong {
   font-weight: bold;
}

h1 {
    float: left;
    width: 100%;
	height: auto;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 10px;
	text-transform: uppercase;
    padding-bottom: 10px;
	border-bottom: 1px solid #33332f;
}

h2 {
    float: left;
    width: 100%;
	height: auto;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 10px;
	text-transform: uppercase;
    padding-bottom: 10px;
	border-bottom: 1px solid #33332f;
}

li,p {
    font-size:11px;
    font-weight: normal; 
    line-height:1.4em;
    color: #c0c0b6;
}

li a,p a {
    color: #9f997f;
    text-decoration: underline;       
}

li a:hover,p a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #292926;	
}
 
/*----- MAIN CSS ----------------------------*/
/*----- FORMAT ------------------------------*/
#site-wrap {
    width: 800px;
	height: auto;
	margin: 0 auto 0 auto;
}
/*----- FORMAT ------------------------------*/
/*----- HEADER ------------------------------*/

#header-wrap {
    float: left;
	width: 100%;
	height: auto;
	display: block;
	background-color: #2c2c29;
}

#header {
	width: 800px;
	height: auto;
	margin: 0 auto 0 auto;	
}

#header-left {
    float: left;
	width: 300px;
	height: auto;
}

#header-right {
    float: right;
	width: 335px;
	height: auto;
	text-align: right;
}

#header-right p {
    font-size:11px;
    font-weight: normal; 
    line-height:1.3em;
    color: #c9c9c9;
	text-transform: uppercase;
}

#header-right p a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold; 	
}

#header-right p a:hover {
    color: #b9b9b5;
    text-decoration: none;	
}

/*----- HEADER ------------------------------*/
/*----- NAVIGATION ------------------------*/
#header-right ul {
    float: left;
	width: 100%;
	height: auto;
}

#header-right li {
    float: left;
	width: auto;
	height: auto;
	margin-top: 58px;
    font-size:11px;
    font-weight: normal; 
    line-height:1.3em;
    color: #c9c9c9;
	text-transform: uppercase;
	border-right: 1px solid #909090;
	padding:10px 10px 10px 10px;
	margin: 38px 0 10px 0;
}

#header-right li a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
} 

#header-right li a:hover {
    color: #b9b9b5;
    text-decoration: none;	
}

/*----- NAVIGATION ------------------------*/
/*----- HERO ---------------------------------*/
#hero {
    float: left;
	width: 100%;
	height: auto;
	margin: 20px 0 20px 0;
	display: block;
}

#hero-image {
    float: left;
	width: 800px;
	height: 264px;
	padding: 2px;
	display: block;
}

#hero-image img {
    float: left;
    border: 2px solid #ffffff;
	width: 796px;
	height: 260px;
}

/*----- HERO ---------------------------------*/
/*----- FRONT PAGE -------------------------*/
#front_page {
    float: left;
	width: 100%;
	height: auto;
	margin: 20px 0 20px 0;
	display: block;
}
/*----- FRONT PAGE -------------------------*/
/*----- PARTNER MATRIX -------------------*/
ul.company {
    float: left;
	width: 390px;
	height: auto;
	margin-bottom: 20px;
}

li.image {
    float: left;
	width: 165px;
	height: 90px;
}

li.profile {
    float: left;
	margin-left: 20px;
	width: 200px;
	height: 90px;

}
/*----- PARTNER MATRIX -------------------*/
/*----- FOOTER ------------------------------*/
#footer {
    float: left;
	width: 100%;
	height: auto;
	padding-top: 10px;
	border-top: 1px solid #33332f;
padding-bottom: 20px;
}

#footer p {
    font-size:10px;
    font-weight: normal; 
    line-height:1.3em;
    color: #5e5e5d;
	text-align: right;
}

#footer p a {
    color: #8e8e83;
	text-transform: uppercase;
    text-decoration: none;
}

#footer p a:hover {
    color: #b9b9b5;
	text-transform: uppercase;
    text-decoration: none;       
}
/*----- FOOTER ------------------------------*/