@import url(../font/stylesheet.css);

body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background: url('../images/bg.jpg') no-repeat center top #896145;
font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;  color: #fff; line-height: 14pt;
}

#container {
	width: 980px;
	margin: 0 auto;
}

h1, h2, h3 {
	line-height: 1.1; font-weight: normal;
}

h2 {
	line-height: 1;
	color: #116c5c;
	margin-bottom: 10px;
	font-size: 25px;
	font-family: 'Diavlo Medium', sans-serif;
	text-shadow: #f3eee8 0px 0px 10px;
}

h3 {
	line-height: 1;
	color: #fffdef;
	margin-bottom: 5px;
	font-size: 18px;
	font-family: 'Diavlo Medium', sans-serif;
	text-transform: uppercase;
	text-shadow: #f3eee8 0px 0px 0px;
}

h4 {
	line-height: 1;
	color: #fcff00;
	margin-bottom: 5px;
	font-size: 18px;
	font-family: 'Diavlo Medium', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: #f3eee8 0px 0px 0px;
}


a {font-size: 13px; text-decoration: none; color:#000000; font-weight: normal}
a:hover {color: #FFFFFF}
input, textarea, select {font-family: Verdana, Arial CE, Arial, Tahoma, Helvetica; border: 1px solid #CCCCCC; padding:1; color:#333333; font-size: 10px}

#navi ul, ul li {display: block; list-style: none; margin: 0; padding: 0; height: 47px}
#navi ul {float: left; padding: 0; margin: 0 0 0 7px}
#navi ul li {float: left;}
#navi ul a {font-family: 'Diavlo Medium', sans-serif; Tahoma, Verdana, Arial CE, Arial, Helvetica; display: block; font-size: 15px; color: #fff; padding: 10px 25px; border-right: 0px solid #66c266;}
#navi ul a:hover {background: #49bcac;}

.wrapper{
   position: relative;
   float: left;
}

.left1{
   position: relative;
   float: left;
   left: 0px;
   width: 640px;
}
.left2{
   position: relative;
   float: left;
   left: 40px;
   width: 300px;
}


.footer {
	position: relative;
	background: #116c5c;
	width: 950px;
	margin: 20px 0px;
	border: 1px solid #116c5c;
	padding: 15px 15px;
	text-align: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.layla{
   position: relative;
   float: left;
   left: 0px;
   font-size: 11px;
}
.sm{
   position: relative;
   float: left;
   left: 635px;
   font-size: 11px;
   color: #64b49b;
}
.sm a{
   font-size: 11px;
   color: #64b49b;
}
.sm a:hover{
   color: #FFF;
}

.more a{
	float: right;
	font-size: 13px;
	font-family: 'Diavlo Medium', sans-serif;
	color: #FFF;
	background: #b91c77;
	margin: 10px 0px;
	border: 0px solid #b91c77c;
	padding: 5px 10px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
.more a:hover{
	color: #FFF;
	background: #116c5c;
}

.picture {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

#facebook {
	position: fixed;
	right: 0;
}