@charset "utf-8";

/* -------------------------------------------------------------------------------------------------------------- CSS RESET */
body,div,ul,li,h1,h2,h3,h4,h5,form,p,img,input {
	margin: 0;
	padding: 0;
	border: 0
	}

ul {
	list-style:none
	} 
	
input, a {
	outline:none
	} 

/* -------------------------------------------------------------------------------------------------------------- COMMON */

body {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-color: #8F8E62;
	}

h1 {
	float: left;
	margin: 65px 0 0 80px;
	font-size: 18px;
	color: #C4C287;
	}

h2 {
	font-size: 17px;
	margin-top: 35px;
	}
	
h3 {
	font-size: 14px;
	margin-top: 40px;
	}

h4 {
	font-size: 11px;
	margin-top: 15px;
	}

#content ul, p {
	margin-bottom: 6px;
	}

p.semantic-linked {
	margin-bottom: 1px;
	}

a {
	text-decoration: none;
	color: #000;
	}

a:hover {
	background-color: #8F8E62;
	color: #FFF;
	}

/* -------------------------------------------------------------------------------------------------------------- MAIN PARTS */

#page {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	background-color: #8F8E62;
	}

#header {
	height: 100px;
	background: #303030 url("../img/logo.gif") no-repeat 15px 15px;
	}

#main-menu {
	padding-left: 213px;
	background-color: #303030;
	}

#main {
	background: url("../img/bg_page.gif") repeat-y left;
	}

#footer {
	padding: 8px 0;
	text-align: center;
	background-color: #303030;
	color: #FFF;
	}

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

#header ul {
	float: right;
	}

#header ul li {
	float: left;
	padding-left: 4px;
	margin: 65px 15px 0 0;
	}

#header ul li a {
	float: left;
	padding: 4px;
	font-weight: 700;
	color: #7E7D7D;
	}

#header ul li a:hover {
	color: #FFF;
	}

/* -------------------------------------------------------------------------------------------------------------- MAIN-MENU */

#main-menu li {
	float: left;
	padding-left: 7px;
	}

#main-menu li a {
	float: left;
	padding: 4px 8px;
	color: #c4c287;
	font-weight: 700;
	}

#main-menu li a:hover {
	color: #FFF;
	}

#main-menu li.active {
	padding: 4px 8px 4px 15px;
	font-weight: 700;
	color: #FCFBE1;
	}

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

#main #content {
	float: right;
	width: 718px;
	padding: 0 15px 15px 27px;
	}

#main #content a {
	color: #7CAE5A;
	}

#main #content a:hover {
	color: #FFF;
	}

#main #content ul li {
	background: url("../img/ico_list.gif") no-repeat 0 3px;
	padding-left: 12px;
	margin-left: -12px;
	}

#main #secondary-menu {
	float: left;
	width: 170px;
	padding: 0 15px 15px 15px;
	}

#main #secondary-menu h3 {
	padding-left: 15px;
	margin-bottom: 1px;
	}

#main #secondary-menu p,
#main #secondary-menu ul li {
	margin-bottom: 6px;
	line-height: 15px;
	}

#main #secondary-menu p a,
#main #secondary-menu ul li a {
	padding-left: 15px;
	background: url("../img/ico_link_list.gif") no-repeat 6px 4px;
	}

#main #secondary-menu a {
	display: block;
	}

#main #secondary-menu a:hover {
	background: #7CAE5A url("../img/ico_link_list_white.gif") no-repeat 6px 4px;
	color: #000;
	}

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

#footer p {
	margin-bottom: 0;
	color: #7E7D7D;
	}

/* -------------------------------------------------------------------------------------------------------------- CLEARFIX */

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */