html { 
	font-family: 'Muli', arial, serif; 
	font-size: 13px;
	background: transparent url('../images/background.png'); 
}

a {
    color: #3fa1d5;
}

h1, h2, h3 {
    color: #3fa1d5;
    font-weight: 700; 
}

h1 {  
    font-size: 18px;
}

h2 {
	color: #2a542f;
    font-size: 14px;
    margin: 20px 0px 10px;
}

h3 {
	color: #92a319;
	font-size: 12px;
	margin: 10px 0px;
	display: block;
}

.top-container {
    border-bottom: 3px solid #082b41;
}

.header, .main, .footer, .main-top, .main-bottom {
	width: 967px;
	margin: 0px auto;
}

.home-link {
	background: transparent url('../images/header.png') no-repeat left 5px;
	height: 99px;
	width: 488px;
	margin: 5px 0 0;
	display: inline-block;
}

.area-stamp {
	background: transparent url('../images/stamp.png') no-repeat left top;
    height: 77px;
    width: 117px;
    display: inline-block;
    float: right;
}

.main {
	overflow: auto;
	background: transparent url('../images/main.png') repeat-y left top;
}

.main-top, .main-bottom {
	height: 12px;
}

.main-top {
	background: transparent url('../images/main-top.png') no-repeat left 37px;
	height: 49px;
}

.main-bottom {
	clear: both;
	background: transparent url('../images/main-bottom.png') no-repeat left top;
}

.main .sidebar, .main .content {
    float: left;
}

.main .sidebar {
    width: 208px;
    height: 100%;
    margin-left: 8px;
    background: transparent url('../images/sidebar-bck.png') repeat-y left top;
}

.sidebar .sidebar-content {
    background: url("../images/sidebar-clips.png") repeat-y scroll right top transparent;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    height: 100%;
    padding: 0 23px 0 5px;
    text-align: right;
    width: 180px;
}

.main .content {
    padding: 15px 50px;
    width: 640px;
}

.main .content h1 {
    margin-bottom: 15px;
}

.footer {
	overflow: auto;
	border-top: none;
	position: relative;
    top: -3px;
    z-index: -1;
}
.footer .support {
    float: left;
    margin-left: 25px;
}

.footer .support .gra {
    background: transparent url('../images/gra.png') no-repeat left top;
    width: 83px;
    height: 50px;
    display: inline-block;
}

.footer .support .drj {
    background: transparent url('../images/drj.png') no-repeat left top;
    width: 83px;
    height: 50px;
    display: inline-block;
}

.footer .morfose {
    float: right;
    background: transparent url('../images/morfose-portal.png') no-repeat left top;
    width: 107px;
    height: 33px;
    margin-right: 25px;
}

#slideshow {
    position: relative;
    width: 680px;
    background: transparent url('{{ MEDIA_URL }}images/loading.gif') no-repeat 50% 50%;
    margin: 0px auto;
    -moz-box-shadow: 10px 10px 15px #D4D4D4;
  	-webkit-box-shadow: 10px 10px 15px #D4D4D4;
  	box-shadow: 10px 10px 15px #D4D4D4;
}

#slideshow img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

#slideshow a {
    border: 0;
    display: block;
}

.menu a {
	color: #064e73;
	text-shadow: 0px 0px 4px #fff;
	font-size: 14px;
}

.menu a:hover {
	text-decoration: none;
}

.menu li {
    line-height: 25px;
}

.menu li ul a {
	color: #ffffff;
	text-shadow: 0px 0px 4px #064e73;
	font-size: 12px;
}

.contact-us {
    background: url("../images/contact-us-box.png") no-repeat scroll left top transparent;
    height: 115px;
    margin: 10px auto;
    padding: 10px 13px 7px;
    text-align: left;
    width: 153px;
    z-index: 1000;
    position: relative;
    font-size: 11px;
    font-weight: bold;
    color: #3f3f3f;
}

.contact-us p {
    margin: 7px 0px; }

.brush-1 {
    background: url("../images/brush-1.png") no-repeat scroll 7px top transparent;
    padding: 5px 15px;
    position: relative;
    text-align: left;
    top: 15px;
    color: #064E73;
}

.contact-us h3 {
    margin: 6px 0px;
    font-size: 11px;
    display: inline-block;
}

.sidebar .menu li.selected {
    background: url("../images/menu-selected.png") no-repeat scroll left top transparent;
    left: 5px;
    padding-right: 5px;
    position: relative;
}

.search-box {
    background: url("../images/wide-box.png") no-repeat scroll left top transparent;
    float: right;
    height: 25px;
    margin: 0 auto;
    padding: 10px 5px 5px 15px;
    position: relative;
    right: 35px;
    width: 234px;
}

input, textarea {
    border: 1px solid #48a8d9;
    color: #064E73;
    padding: 4px 7px;
}

input:focus, textarea:focus {
    border-color: #48a8d9;
    box-shadow: 0px 0px 8px #48a8d9;
    -moz-box-shadow: 0px 0px 8px #48a8d9;
    -webkit-box-shadow: 0px 0px 8px #48a8d9;
}

.search-box input {
    padding: 2px 7px;
    width: 180px;
}

.search-box input.empty-input {
    color: #999;
}

input[type="submit"].search {
    background: url("../images/icons/search.gif") no-repeat scroll left top transparent;
    width: 24px;
    height: 24px;
    margin-left: 3px;
    margin-top: 2px;
}

.email-link {
    background: url("../images/email.png") no-repeat scroll left top transparent;
    padding: 1px 0 0 25px;
}