/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */
/*
 *	Body
 */

html{
xbackground:#efeff0;
min-height: 100%;
height: auto;
}

body {
background:url(../images/bg.jpg) no-repeat bottom center #dedfe0;
color:#000000;
font-family:Arial;
padding-bottom:20px;
font-size:62.5%
}

/********* helpers *********/
.floatRight { float: right; }
.floatLeft  { float: left; }
.right  { text-align: right; }
.left   { text-align: left; }
.center { text-align: center; }
.clear, .clearer { clear: both; }
.block  { display: block; }

#wrapper{
background:#fff;
margin:20px auto 0 auto;
width:818px;
padding:25px 41px 25px 41px;
}

#header{
	position: relative;
font-size:1.2em;
padding-bottom:15px;
}

#header #logo{
float:left;
}

#header ul{
float:left;
display:inline;
margin:30px 0 0 70px;
}

#header ul li{
display:inline;
margin-right:40px;
}

#header ul li a{
	color:#3f3a03;
}

#header ul li a:hover, #header ul li a.selected{
color:#a9a828;
}

#header #crest{
float:right;
}

#content{
	overflow: hidden;
}

.coffinholder{
padding:20px 0;
}

.coffinholder img{
float:right;
padding-left:20px;
}

h1{
	color:#3f3a03;
	font-size:3.0em;
	text-transform:uppercase;
	margin-bottom: 5px;
}

h2{
	color:#3f3a03;
	font-size:2.5em;
	margin-bottom: 5px;
}

.coffinholder p{
color:#3f3a03;
font-size:1.2em;
padding-top:15px;
line-height:1.2em;
}

.coffinholder p.intro{
font-size:1.4em;
}

.ashesholder{
padding:20px 0;
}

.ashesholder img{
float:left;
padding-right:20px;
}

.ashesholder h2{
color:#3f3a03;
font-size:3.0em;
text-transform:uppercase;
}

.ashesholder h3{
color:#3f3a03;
font-size:2.5em;
}

.ashesholder p{
color:#3f3a03;
font-size:1.2em;
padding-top:15px;
line-height:1.2em;
}

.ashesholder p.intro{
font-size:1.4em;
}

.border1{
border-top:20px solid #3f3a03;
}

.border2{
border-top:20px solid #a9a828;
}

.contacts img{
float:right;
padding-left:20px;
}

#content p{
	color:#3f3a03;
	font-size:1.2em;
	line-height:1.6em;
	padding-bottom:15px;
}

.contacts p{
	font-size:1.2em;
	line-height:1.2em;
	padding-bottom:15px;
}

.contacts p a{
color:#000;
}

.contacts p a:hover{
color:#000;
text-decoration:underline;
}

#content p.black{
color:#000;
}

#footer{
padding-top:20px;
overflow: auto;
}

#footer p {
color:#B3B5B8;
float:left;
font-size:1.1em;
line-height:1.4em;
width:560px;
clear: both;
}

#footer p a{
color:#B3B5B8;
}

#footer p a:hover{
color:#3f3a03;
text-decoration:underline;
}

#footer p strong{
color:#767330;
text-transform:uppercase;
}

#footer img{
float:right;
display:inline;
margin-left:15px;
}

.right-aligned
{
	float: right;	
}

.contact-details
{
	float: left;	
	width: 300px;
}

.contact-form
{
	float: left;
}

label
{
	font-size: 1.2em;	
	line-height: 30px;
	margin-right: 20px;
	color:#767330;
}

.text-input, textarea
{
	font-size: 1.2em;	
	padding: 6px;
	width: 280px;
	margin-bottom: 5px;
	border: 1px solid #767330;
}

textarea
{
	height: 16ex;	
}

.button
{
	font-size: 1.4em;		
}

/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix
{height: 1%;}

.clearfix
{display: block;}
/* End hide from IE-mac */