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

/* ---------------------------------------------------
	main.css
	Media: screen
	Version: 1.0	
	Author: Diradv
	
/*---------------GENERAL STYLES--------------------*/

a {
	color: #004A7C;
	text-decoration: none;
	border: none;
}

p {
	color: #6D6E71;
	margin: 0 0 20px 0;
	line-height: 20px;

}

h1, h2, h3, h4, h5, h6 {
	font-family: "Georgia", Times, serif;
	color: #000;
	font-weight: 500;
}

ul.rounded {
	list-style-image: url(../img/bullet.png);
	list-style-position: inside;
	color: #666;
}

strong {
	color: #444;
}

h5 {
	font-size: 16px;
	margin: 0 0 5px 0;
}


/*-------------PARTICULAR STYLES----------------*/

/* Body */

body {
	background: #e1ded5 url(../img/body_bg.png) repeat-x left top;
	height:100%;
	margin:0;
	padding:0;
	width:100%;
	color:#999;
	font-family: "Arial", helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	}

/* Wrapper */

.wrapper {
	width:960px;
	margin: 0px auto;
}

/* Header */

#header {
	margin: 30px auto 0 auto;
	width: 960px;
	height: 237px;
	position: relative;
	background: transparent url(../img/header.png) no-repeat left top;
}


h1 a {
	text-indent: -9999px;
	display: block;
	width: 141px;
	height: 105px;
	position: absolute;
	top: 56px;
	left: 409px;
	background: transparent url(../img/logo.png) no-repeat left top;
}


#header span {
	text-indent: -9999px;
	text-align: center;
	position: absolute;
	top: 230px;
}

/* End of Header */


/* Content */

#content {
	overflow: hidden;
	width: 960px;
	margin: 0px auto;
	background: #fff url(../img/content_bg.png) repeat-x left top;
    min-height:550px;
	}

/* Lateral */

.lateral {
	float: left;
	width: 170px;
	padding: 30px 0px 20px 30px;
	background: #fff url(../img/nav_bg.png) repeat-x left top;
	border-left: 5px solid #fff;
	border-top: 5px solid #fff;
	overflow: hidden;
	margin: 20px 0 0 20px;
	}

/*Nav*/

.nav {
	width: 170px;
	}

	
.nav li a {
	padding: 5px 10px;
	display: block;
	height: 20px;
	font-family: Arial, sans-serif;
	font-weight: 600;
	font-size: 12px;
	}

.nav li a.selected, .nav li a.selected:hover {
	color: #000;
	background: transparent url(../img/nav.png) no-repeat left top;
	}

.nav li a:hover {
	color: #000;
	}

/*End of Nav*/

/* Main Content */

.main_content {
	width: 660px;
	margin: 20px 20px 0 220px;
	padding: 40px 20px 20px 30px;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
	background-color: #fff;
	}


.title {
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 20px;
	color: #999889;
	}
	
.subtitle {
	font-size: 18px;
	line-height: 24px;
	color: #48484A;
	font-family: "Georgia", Times, serif;
}


.frame {
	padding: 6px;
	background: #eee;
	border: 1px solid #ccc;
	margin: 0 20px 10px 20px;
	}

/*-------SERVICES-------*/

.services {
	padding: 10px 20px;
	clear: both;
	overflow: hidden;
	background: transparent url(../img/services_bg.png) repeat-x left top;
}

.services .subtitle {
	padding: 0 0 10px 0;
}

.services div {
	float: left;
	width: 160px;
	padding: 20px;
	background: #fff;
}

.all {
	display: block;
	width: 66px;
	height:21px;
	background: transparent url(../img/view_all.png) no-repeat left top;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-indent: -9999px;
	}

.all:hover {
	background: transparent url(../img/view_all.png) no-repeat left -21px;     
	}

.all:active {
	background: transparent url(../img/view_all.png) no-repeat left -42px;
	}

.services ul {
	float: left;
	width: 600px;
	background: #fff;
	padding: 10px 20px;
}

.services ul li{
    float:left;
    width:200px;
}
.services ul li a{
	display: block;
	padding: 5px;
	height: 60px;
	}

.services ul li a:hover {
	background: #f6f6f6 url(../img/obit_hover_bg.png) repeat-y top left;
	}

.services ul li a:hover h6{
	color: #993333;
	}

.services ul li a:hover img {
	border: 1px solid #999;
	}

.services ul li a span.title {
	font-size: 12px;
	color: #58595B;
}

.services ul li a span {
	font-size: 11px;
	color: #54799E;
	}

img.framesmall {
	display: block;
	margin: 0px 10px 0 0;
	padding: 3px;
	background: #fff;
	border: 1px solid #ccc;
	}

div.directions h5 {
	color: #58595B;
	font-family: Arial, sans-serif;
	font-size: 12px;	
}

div.directions span, div.directions a {
	font-size: 11px;
}

a.details {
	display: block;
	margin: 10px 0 0 0;
	width: 94px;
	height: 21px;
	text-indent: -9999px;
	background: transparent url(../img/more_details.png) no-repeat left top;	
}

a.details:hover {
	background: transparent url(../img/more_details.png) no-repeat left -21px;
}

a.details:active {
	background: transparent url(../img/more_details.png) no-repeat left -42px;
}

/* Footer */

.footer {
	overflow: hidden;
	background-color: #143665;
	color: #fff;
	position: relative;
	height: 70px;
	width: 960px;
	margin: 0px auto;
}

.footer .logo {
	position: absolute;
	top: 15px;
	left: 30px;
}

.footer .logo a {
	text-indent: -9999px;
	display: block;
	width: 94px;
	height: 34px;
	background: transparent url(../img/logo_s.png) no-repeat left top;
}


.footer .adress {
	color: #C3D0DF;
	font-size: 11px;
	line-height: 15px;
	width: 550px;
	height: 45px;
	position: absolute;
	top: 25px;
	left: 360px;
}

.footer .adress a {
	color: #fff;
	text-decoration: underline;
}

.login {
	display: block;
	position: absolute;
	top: 20px;
	left: 820px;
	color: #fff;
	width: 125px;
	height: 29px;
	text-indent: -9999px;
	background: transparent url(../img/login.png) no-repeat left top;	
}

.login:hover {background: transparent url(../img/login.png) no-repeat left -30px;}

.login:active {background: transparent url(../img/login.png) no-repeat left -60px;}

.designed {
	text-align: center;
	margin: 15px auto 15px auto;
	font-size: 11px;
}

/* Forms */

form.contact {
	margin-left: 250px;
}

form span, form p.text {
	font-size: 13px;
	font-weight: 500;
	color: #716558;
	display: block;
	padding-top: 12px;
	text-align: left;
	margin: 0;
}

form .text_input {
	font-size: 16px;
	width: 230px;
	color: #666;
	background: #fff;
	border: 1px solid #e4d8cc;
	padding: 6px 6px;
	margin-bottom: 5px;
}

textarea {
	font-size: 14px;
	width: 300px;
	color: #666;
	background: #fff;
	border: 1px solid #e4d8cc;
	padding: 6px 6px;
	margin-bottom: 5px;
}



/* Clear */

.clear {
clear: both;
}

/*-------ESTATE PAGE -------------*/

ol.estate li span.number {
display: block;
font-size: 20px;
margin-bottom: 5px;
}

ol.estate li{
padding: 15px;
}

ol.estate li p {
margin: 0px;
color: #000;
}

ol.estate li.bg {
	background-color: #eee;
}


/*-------------CONTACT PAGE-----------*/

ul.contact_list {
	overflow: hidden;
	margin: 20px 0;
}

ul.contact_list li {
	float: left;
	width: 270px;
	margin: 0 20px 0 0;
	font-size: 12px;
	color: #000;
}

ul.contact_list li h4 {
	font-size: 20px;
	color: #000;
	margin: 0 0 5px 0;
}

ul.contact_list li h5 {
	font-size: 20px;
	color: #904944;
	font-style: italic;
	margin: 0 0 10px 0;	
}

ul.contact_list li a.directions {
	display: block;
	margin: 10px 0 0 0;
	width: 126px;
	height: 21px;
	text-indent: -9999px;
	background: transparent url(../img/directions.png) no-repeat left top;	
}

ul.contact_list li a.directions:hover {
	background: transparent url(../img/directions.png) no-repeat left -21px;
}

ul.contact_list li a.directions:active {
	background: transparent url(../img/directions.png) no-repeat left -42px;
}

/*-------------STAFF-----------------*/

ul.staff_list {
	overflow: hidden;
	margin: 20px 0;
}

ul.staff_list li {
	float: left;
	width: 155px;
	margin: 0 10px 0 0;
	font-size: 12px;
	color: #000;
}

ul.staff_list li img {
	display: block;
	margin: 0 0 10px 0;
}

ul.staff_list li h4 {
	color: #000;
	font-size: 16px;
}

ul.staff_list li h5 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666;
	margin: 0 0 5px 0;
}

ul.staff_list li a {
	display: block;
}

#180 {
width: 180px;
}

a.details {
	display: block;
	margin: 10px 0 0 0;
	width: 94px;
	height: 21px;
	text-indent: -9999px;
	background: transparent url(../img/more_details.png) no-repeat left top;	
}

a.details:hover {
	background: transparent url(../img/more_details.png) no-repeat left -21px;
}

a.details:active {
	background: transparent url(../img/more_details.png) no-repeat left -42px;
}

/*-----------LINKS-----------*/

div.links {
	overflow: hidden;
	margin: 20px 0;
	float: left;
	width: 200px;
}

div.links ul li {
	margin: 0 0px 10px 0;
	font-size: 12px;
	color: #000;
}

div.links ul li img {
	display: block;
	margin: 0 0 10px 0;
}

div.links h4 {
	color: #000;
	font-size: 12px;
	margin: 0 0 10px 0;
}

div.links h5 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #666;
	margin: 0 0 5px 0;
}

div.links ul li a {
	display: block;
}

/*--------OBITS-------------*/

ul.obit_left {
    float: left;
    margin: 0 10px;
    width: 620px;
    overflow: hidden;
}

ul.obit_left li h3 a, ul.obit_right li h3 a{
    color: #435e3d;
    font-family: Georgia, serif;
    font-size: 15px;
    margin-top: 5px;
}

ul.obit_left li h3 a:hover{
    text-decoration:none;
}
    
ul.obit_left li img, ul.obit_right li img {
    margin: 0 15px 0px 0;
    display: block;
    float: left;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ebe6d7;
}
.main_content ul.obit_left li p{
    margin-top:0;
}
ul.obit_left li p a, ul.obit_right li p{
    margin: 0px 0;
    font-size: 12px;
    color:#434345;
}

ul.obit_left li p a:hover{
    text-decoration:none;
}

ul.obit_left li, ul.obit_right li {
margin: 0 0 15px 0;
padding: 5px;
overflow: hidden;
list-style-type: none;
float:left;
width:300px;
}

ul.obit_left li:hover, ul.obit_right li:hover {
    background-color: #f1f3ee;
}

ul.obit_left li a, ul.obit_right li a {
    color: #678d5a;
    font-size: 12px;
}