﻿/* Website template by freewebsitetemplates.com */
/*------------------------- Layout styles ------------------------*/ 
body{
	margin:0;
	background:url(../images/top-bar.gif) repeat-x;
	position:relative;
}
.background{
	position:relative;
	margin:7px 0 0;
	background:url(../images/bg-body.jpg);
	z-index:0;
}
#bg{
	position:absolute;
    width:51%;
    z-index:-1;
	margin:0;
	height:100%;
	left:0;
	background:url(../images/bg-body2.jpg);
	text-indent:-99999px;
}
.page{
	width:950px;
	background:url(../images/bg-page.jpg) repeat-y;
	margin:0 auto;
	padding:34px 0 0;
	overflow:hidden;
}

/*-------------------------	Sidebar --------------------------*/
.sidebar{
	float:left;
}
.sidebar div#logo{
	background:url(../images/interface.jpg) no-repeat 0 -155px;
	width:270px;
	height:158px;
}
.sidebar div#logo a{
	border:0;
	display:block;
	text-align:center;
	padding:18px 0 0;
}
.sidebar div#logo a img{
	border:0;
}
.sidebar ul{
	margin:0 0 0 25px;
	padding:0 0 30px;
	list-style:none;
	background:url(../images/interface.jpg) no-repeat 0 -333px;
	height:auto;
	width:222px;
	border:1px;
	border-width:1px;
	border-color:#cec48d;
	border-style:none none solid none;
}
.sidebar ul li.selected{
	background:url(../images/bg-menu-selected.jpg) no-repeat center top;
}
.sidebar ul li.selected a{
	color:#492606;
	text-shadow: 0 1px 0 #fff;
	background:url(../images/bg-menu-shadow.gif) no-repeat right 35px;
	height:44px;
}
.sidebar ul li a:hover{
	color:#492606;
}
.sidebar ul li{
	width:186px;
	margin:0 auto;
	height:44px;
}
.sidebar ul li a{
	font-family:arial;
	color:#a58633;
	font-weight:bold;
	text-decoration:none;
	font-size:18px;
	text-align:center;
	display:block;
	line-height:35px;
}
.sidebar div.connect{
	margin: 6px 0 0 25px;
	background:url(../images/interface.jpg) no-repeat;
	width:224px;
	height:64px;
	text-align:center;
}
.sidebar div.connect a{
	display:block;
	text-indent:-99999px;
	height:26px;
	float:left;
}
.sidebar div.connect a.facebook{
	width:25px;
	background:url(../images/icons.gif) no-repeat;
	margin:17px 0 0 37px;
}
.sidebar div.connect a.twitter{
	width:36px;
	background:url(../images/icons.gif) no-repeat 0 -46px;
	margin:17px 0 0 31px;
}
.sidebar div.connect a.vimeo{
	width:30px;
	background:url(../images/icons.gif) no-repeat 0 -92px;
	margin:17px 0 0 28px;
}


/*-------------------------	Body --------------------------*/
.body{
	float:left;
	padding:0 0 0 23px;
}
.body .content div.figure{
	background:url(../images/bg-headline.jpg) no-repeat center 390px;
	height:460px;
	width:656px;
	padding:0 0 0px;
}
.body .content div.figure div{
	height:46px;
	background:url(../images/border-dashed.gif) repeat-x left bottom;
	padding:0 0 40px;
	background-position:center;
	margin:6px 0 0;
}
.body .content div.figure div img{
	float:left;
	margin:80px 0 0 20px;
}
.body .content div.figure div p{
	margin:0 20px 0 0;
	width:auto;
	float:right;
	font-family:arial;
	color:#b6b0a2;
	font-size:18px;
	line-height:50px;
}
.body .content div{
	background:url(../images/border-dashed.gif) repeat-x left bottom;
	padding:0 0 7px;
	text-align: center;
}
.body .content div p,.body .content div#about p{
	width:656px;
	font-family:arial;
	font-size:14px;
	color:#919e72;
	text-align:justify;
	margin:25px 0 0;
	line-height:21px;
}
.body .content div p span{
	font-family:arial;
	font-size:16px;
	color:#919e72;
}
.body .content div p span a,.body .content div p a,.body .content div#about p a{
	color:#919e72;
}
.body .content ul{
	list-style:none;
	margin:35px 0 0;
	padding:0 0 20px;
	overflow:hidden;
	background:url(../images/border-dashed.gif) repeat-x left bottom;
}
.body .content div#about div ul{
	background:none;
	padding:0;
}
.body .content ul li.first,.body .content div#about div ul li.first{
	margin:0;
}
.body .content ul li{
	height:auto;
	background:url(../images/bg-label.jpg) no-repeat left 150px;
	float:left;
	margin:0 0 0 45px;
}
.body .content ul li a img{
	border:0;
}
.body .content ul li a img:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
.body .content ul li span,.body .content div#about div ul li span{
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height: 28px;
	width:188px;
}
.body .content ul li span a,.body .content div#about div ul li span a{
	font-family:arial;
	color:#8a9960;
	display:block;
	text-decoration:none;
	height:32px;
}
.body .content ul li p,.body .content div#about div ul li p{
	width:188px;
	font-family:arial;
	font-size:12px;
	text-align:justify;
	color:#919E72;
	line-height:21px;
}
.body .content div#about{
	padding:0 0 275px 0;
	background:none;
}
.body .content div#about div{
	padding:0 0 30px 0;
}
.body .content div#about h2,.body .content div#blog div h2,.body .content div#gallery div h2{
	font-family:arial;
    font-size:25px;
    font-weight:bold;
    margin:0;
	color:#74854e;
	background:url(../images/border-dashed.gif) repeat-x left bottom;
	padding:0 0 15px;
	width:656px;
}
.body .content div#about h3{
	font-family:arial;
	font-size:15px;
	color:#8C976C;
	margin:30px 0 0;
}
.body .content div#blog div div.figure{
	padding:20px 0 0;
	background: url(../images/bg-headline.jpg) no-repeat center 332px;
	height:auto;
}
.body .content div#blog div div.figure div{
	background:none;
	padding:0 0 40px;
}
.body .content div#blog div div.figure div span{
	color: #B6B0A2;
    float: left;
    font-family: arial;
    font-size: 18px;
    line-height: 50px;
    margin: 0 20px 0 20px;
    width: auto;
}
.body .content div#blog,.body .content div#gallery{
	background:none;
}
.body .content div#blog div,.body .content div#gallery div{
	padding:0 0 30px;
	overflow:hidden;
}
.body .content div#blog div a{
	float:right;
	font-family:arial;
	color:#b87908;
	font-style:italic;
	font-size:13px;
	text-decoration:none;
}
.body .content div#blog div p{
	margin:0;
}
.body .content div#blog div p a{
	float:none;
	font-style:normal;
	color:#919E72;
	font-size:14px;
	text-decoration:underline;
}
.body .content div#blog div div.figure div p{
	margin:0 20px 0 0;
}
.body .content div#blog ul.paging,.body .content div#gallery ul.paging{
	margin:37px 0 0 20px;
	padding:0;
	list-style:none;
	background:none;
	width:auto;
}
.body .content div#blog ul.paging li a,.body .content div#gallery ul.paging li a{
	color:#b77a10;
	text-decoration:none;
	font-family:arial;
	font-size:14px;
}
.body .content div#blog ul.paging li a:hover,,.body .content div#gallery ul.paging li a:hover{
	color:#492606;
}
.body .content div#blog ul.paging li,.body .content div#gallery ul.paging li{
	margin:0 0 0 10px;
	height:auto;
}
.body .content div#gallery div ul.first{
	margin:33px 0 0 0;
}
.body .content div#gallery div ul{
	float:left;
	margin:33px 0 0 46px;
	background:none;
}
.body .content div#gallery div ul li.first{
	margin:0;
}
.body .content div#gallery div ul li{
	float:none;
	margin:33px 0 0;
	height:188px;
}

/*------------------------- Body	Footer --------------------------*/
.body .footer{
	background:url(../images/interface.jpg) no-repeat center -84px;
	height:51px;
	width:auto;
	margin:33px 0 105px;
}
.body .footer ul{
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
	overflow:hidden;
	float:left;
}
.body .footer ul li{
	float:left;
}
.body .footer ul li a:hover{
	color:#492606;
}
.body .footer ul li a{
	font-family:arial;
	font-size:10px;
	color:#aea681;
	text-decoration:none;
	line-height: 50px;
	border-color:#a6a378;
	border-width:1px;
	border-style:none none none solid;
	padding: 0 6px;
}
.body .footer ul li.first a{
	border:0;
}
.body .footer p{
	margin:0 25px 0 0;
	float:right;
	font-family:arial;
	font-size:10px;
	line-height: 50px;
	color:#aea681;
}
