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

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

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

p {color: #8b8b8b;}

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

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: transparent url(../img/body_bg.png) top left repeat;
	height:100%;
	margin:0;
	padding:0;
	color:#999;
	font-family: "Arial", helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	}

/* Wrapper */

.wrapper {
	margin-left: auto;
	margin-right: auto;
	background: transparent url(../img/wrapper_bg.png) repeat-x top left ;
	width:100%;
	}

/* Header */

#header {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
	}


h1 a {
	text-indent: -9999px;
	display: block;
	width: 420px;
	height: 160px;
	position: absolute;
	top: 40px;
	right: 0px;
	background: transparent url(../img/logo.jpg) top left repeat-x;
	}


/* Banner */

.banner {
	position: relative;
	height: 212px;
	/*background: transparent url(../img/header.jpg) no-repeat left top;*/
	padding: 0;
}

div.contact {
	height: 60px;
}


div.contact h6 {
	position: absolute;
	top: 13px;
	right: 110px;
	width: 235px;
	color: #E5DCCD;
	font-size: 13px;
	font-style: italic;
}

div.contact a {
	position: absolute;
	top: 10px;
	right: 0px;
	display: block;
	width: 94px;
	height: 26px;
	text-indent: -9999px;
	background: transparent url(../img/contact_02.png) no-repeat left top;	
}

div.contact a:hover {
	background: transparent url(../img/contact_02.png) no-repeat left -26px;		
}

div.contact a:active {
	background: transparent url(../img/contact_02.png) no-repeat left -52px;		
}

/* End of Banner */

/*Nav*/

.nav {
	width: 960px;
	height: 50px;
	background: transparent url(../img/nav.png) no-repeat left top;
}

.nav li {
	float: left;
}

.nav li a {
	display: block;
	height: 50px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-indent: -9999px;
}

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

.nav li a:hover {
	background: transparent url(../img/nav.png) no-repeat left -50px;
}

/*Welcome*/
.nav li.welcome a {width: 96px;}

/*Obituaries*/
.nav li.obituaries a {width: 102px;}
.nav li.obituaries a:hover {	background: transparent url(../img/nav.png) no-repeat -96px -50px;}
.nav li.obituaries a.selected {	background: transparent url(../img/nav.png) no-repeat -96px bottom;}

/*Services*/
.nav li.services a {width: 118px;}
.nav li.services a:hover {background: transparent url(../img/nav.png) no-repeat -198px -50px;}
.nav li.services a.selected {background: transparent url(../img/nav.png) no-repeat -198px bottom;}

/*Planning*/
.nav li.planning a {width: 140px;}
.nav li.planning a:hover {background: transparent url(../img/nav.png) no-repeat  -316px -50px;}
.nav li.planning a.selected {background: transparent url(../img/nav.png) no-repeat  -316px bottom;}

/*Staff*/
.nav li.staff a {width: 92px;}
.nav li.staff a:hover {background: transparent url(../img/nav.png) no-repeat -456px -50px;}
.nav li.staff a.selected {background: transparent url(../img/nav.png) no-repeat -456px bottom;}

/*Links*/
.nav li.links a {width: 71px;}
.nav li.links a:hover {background: transparent url(../img/nav.png) no-repeat -548px -50px;}
.nav li.links a.selected {background: transparent url(../img/nav.png) no-repeat -548px bottom;}

/*Florists*/
.nav li.florists a {width: 80px;}
.nav li.florists a:hover {background: transparent url(../img/nav.png) no-repeat -619px -50px;}
.nav li.florists a.selected {background: transparent url(../img/nav.png) no-repeat -619px bottom;}

/*Hotels*/
.nav li.hotels a {width: 150px;}
.nav li.hotels a:hover {background: transparent url(../img/nav.png) no-repeat -699px -50px;}
.nav li.hotels a.selected {background: transparent url(../img/nav.png) no-repeat -699px bottom;}

/*Cemeteries*/
.nav li.cemeteries a {width: 110px;}
.nav li.cemeteries a:hover {background: transparent url(../img/nav.png) no-repeat -849px -50px;}
.nav li.cemeteries a.selected {background: transparent url(../img/nav.png) no-repeat -849px bottom;}

/*End of Nav*/

/* End of Header */


/* Content */

#content {
background: #fff;
overflow: hidden;
padding-bottom: 40px;
	width: 960px;
	margin: 0px auto;
}

/* Main Content */

.main_content {
float: left;
width: 580px;
margin-left: 20px;
padding: 40px 20px 20px 30px;
overflow: hidden;
}

#full {
width: 870px;
}

.title {
font-style: italic;
font-size: 30px;
font-weight: normal;
padding-bottom: 20px;
}

.main_content p {
margin: 0 0 20px 0;
line-height: 20px;
}

img.frame {
	padding: 10px;
	background: #f3eee7;
	border: 1px solid #C6BDAF;	
}

/* Lateral */

.lateral {
float: left;
width: 265px;
padding: 30px 0px 20px 30px;
}

div.services {
padding: 18px;
background: #f3eee7;
border: 1px solid #C6BDAF;
position: relative;
margin: 0 0 20px 0;
}

.subtitle {
font-size: 20px;
font-style: italic;
margin: 0 20px 10px 0;
}

.all {
position: absolute;
top: 7px;
right: 18px;
display: block;
margin-top: 10px;
width: 62px;
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;
}

span.line {
	display: block;
	border-top: 1px solid #C6BDAF;
}


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

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

ul.services li a h6 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #58595B;
}

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

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


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

 ul.obit_left {
    float: left;
    margin: 0 10px;
    width: 870px;
    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: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:280px;
height:70px;
}

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;
}

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

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: #993333;
	color: #fff;
	position: relative;
	height: 70px;
	width: 960px;
	margin: 0px auto;
}

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

.footer .logo a {
	display: block;
	height: 50px;
}

.footer .logo a strong {
	display: block;
	font-family: "Georgia", times, serif;
	font-size: 16px;
	font-style: italic;
	color: #fff;
}

.footer .logo a span {
	color: #fff;
	font-size: 11px;
}

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

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

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

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

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

/* Forms */


input, select {
padding: 3px;
}

input, textarea {
border: 1px solid #ddd;
}

input, select, textarea {
font-size: 14px;
font-family: inherit;
color: #333;
margin-bottom: 10px;
}

#contactform {
color: #678d5a;
}

.required_field {
color: red;
}

.submitform {
display: block;
margin-top: 5px;
padding: 5px 7px;
color: #fff;
background-color: #678d5a;
text-decoration: none;
}

.submitform:hover {
background-color: #435e3d; 
}

/* Clear */

.clear {
clear: both;
}


/*-------------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: 164px;
	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: 13px;
	color: #666;
	margin: 0 0 5px 0;
}

ul.staff_list li a {
	display: block;
}