﻿body, html
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	display:block;
	background:#e8e8e8;
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:100%;	
	color:#333333;
	text-align:center;
}

a, a:visited
{
	color:#333333;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

/* Page structure */
div.header, div.footer
{
	width:100%;
	height:120px;
	display:block;
	float:left;
}

div.content
{
	width:100%;
	display:block;
	background:#ffffff;
	float:left;
}

div.centred
{
	width:960px;
	display:block;
	margin:0 auto 0 auto;
	text-align:left;
}

div.header div.centred
{
	padding-top:20px;
}

div.header a
{
    float:left;
}

div.header div.centred img.logo
{
    border:none;
    float:left;
}

div.header div.contact
{
    display:block;
    float:right;
    width:400px;
    height:24px;
}

span.mobile, span.landline
{
    padding:4px 0px 0 30px;
    height:24px;
    float:right;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:90%;
    font-weight:bold;
    color:#c52f20;
}

span.landline
{
    background:url('/Images/landline.jpg') no-repeat;
}

span.mobile
{
    margin-left:20px;
    background:url('/Images/mobile.jpg') no-repeat;
}

div.content div.centred
{
	display:block;
	padding:20px 0px 20px 0px;
}

/* Homepage specific elements */
div.content div.homepage-image
{
	float:left;
	padding:0;
	margin:0;
	display:block;
	margin-bottom:20px;
	margin-right:14px;
	width:600px;
}

div.content div.homepage-text
{
	float:left;
	display:block;
	margin-bottom:14px;
}

div.content div.image
{
	float:left;
	display:block;
	margin-bottom:14px;
	margin-left:14px;	
}

.with-menu
{
    width:740px;
}

div.content div.text
{
	width:340px;
	float:left;
	display:block;
	margin-bottom:20px;
}

div.content div.leftnav
{
	width:200px;
	float:left;
	display:block;
	margin-bottom:20px;
	border-top:solid 2px #c52f20;
}

/* Gallery specific elements */
div.content div.slideshow-content
{
	width:740px;
	float:right;
	display:block;
	margin-bottom:20px;
}

/* Text styles */
h1, h2, h3, h4, h5, h6
{
	font-family:Times New Roman, Times, serif;
	font-weight:bold;
	color:#666666;
	margin-top:0;
}

h1, h2
{
	font-size:140%;
}

h3, h4, h5, h6
{
	font-size:100%;
}

p
{
	font-size:90%;
}

/* Header decoration */
span.underline
{
	width:100%;
	height:2px;
	background:#c52f20;
	display:block;
	float:left;
	font-size:0px;
}

/* Navigational elements */
ul.nav
{
	font-family:Arial, Sans-Serif;
	list-style-type:none;
	float:right;
	display:block;
	margin:0;
	padding:0;
}

ul.nav li
{
	list-style-type:none;
	float:left;
	margin-left:16px;
	font-size:80%;
}

ul.nav.main
{
    float:right;
	margin-top:20px;
	margin-bottom:10px;
}

ul.nav.sub
{
    width:180px;
    display:block;
    padding:10px;
    background:#e8e8e8;
	float:left;
}

ul.nav.sub li
{
	margin:0;
	padding:0;
    margin-bottom:8px;
	clear:both;
}

ul.nav li a, ul.nav li a:visited
{
	text-decoration:none;
	color:#5a5a5a;
	font-weight:bold;
	display:block;
}

ul.nav li a:hover
{
	text-decoration:underline;
}

ul.nav li.selected a, ul.nav li.selected a:visited
{
	color:#c52f20;
}

/* Footer elements */
div.footer
{
	font-size:60%;
	color:#666666;
}

div.footer span.link
{
	margin-top:120px;
	float:right;
}

div.footer span.copy
{
	margin-top:120px;
	float:left;
}

div.footer a, div.footer a:visited
{
	color:#666666;
	text-decoration:none;
}

div.footer a:hover
{
	text-decoration:underline;
}

img.image-left
{
	float:left;
	margin:0 20px 20px 0;
}

img.image-right
{
	float:right;
	margin:0 0 20px 20px;
}
