@charset "utf-8";
/* CSS Document */

/*  
Theme URL: http://www.rhball.co.uk/
Description: R H Ball & Co.
Author: Joshua Gutteridge (Skyte Media)
Author URL: http://www.skytemedia.com/

Copyright (c) R H Ball & Co.

*/

/* Generic
---------------------------------------------------------------------------------*/
body {
	padding: 0;
	margin: 10px 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	background-image: url(../images/icons/bg.jpg);
}

.bold {
	font-weight: bold;
}

img {
	border: none;
}

/* Font and Typography
---------------------------------------------------------------------------------*/
h1 {
	margin: 0 0 20px;
	padding: 0;
	font: 20px Arial, Helvetica, sans-serif;
	color: #333;
}

h2{
	margin: 20px 0 20px 0;
	padding: 0;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #333;
	font-style: italic;
	clear: left;
}

p{
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 20px;
	padding: 0;
	clear: left;
}

.box {
	background-color: #BBB;
	padding: 15px;
}

em {
	font: italic 18px/20px Georgia, "Times New Roman", Times, serif;
}

/* Links
---------------------------------------------------------------------------------*/
a:link, a:active, a:visited {
	text-decoration: underline;
	color: #000;
}

a:hover {
	text-decoration: underline;	
	color: #999;
}

/* Layout
---------------------------------------------------------------------------------*/
#banner {
	width: 980px;
	height: 70px;
	margin: 30px auto 20px auto;
	background: url(../images/icons/logo.png) no-repeat;
}

#header {
	width: 978px;
	height: 300px;
	border: 1px solid #000;
	margin: 0 auto;
	background-color: #EAEAEA;
}

.home {background:url(../images/common/home.jpg) no-repeat;}
.index {background:url(../images/common/index.jpg) no-repeat;}
.fishing_info {background:url(../images/common/lake_summer.jpg) no-repeat;}
.fishing_rules {background:url(../images/common/lake_rules.jpg) no-repeat;}
.breakfast {background:url(../images/common/tearoom_1.jpg) no-repeat;}
.lunch {background:url(../images/common/tearoom_2.jpg) no-repeat;}
.evenings {background:url(../images/common/tearoom_evenings.jpg) no-repeat;}
.christmas {background:url(../images/common/tearoom_christmas.jpg) no-repeat;}
.times {background:url(../images/common/tearoom_3.jpg) no-repeat;}
.info {background:url(../images/common/tearoom_4.jpg) no-repeat;}
.contact {background:url(../images/common/flower.jpg) no-repeat;}
.news {background:url(../images/common/lake_winter.jpg) no-repeat;}
.sitemap {background:url(../images/common/lake_winter2.jpg) no-repeat;}
.lodge {background:url(../images/common/lodge.jpg) no-repeat;}
.login {background:url(../images/common/login.jpg) no-repeat;}

#menu {
	width: 978px;
	background:url(../images/icons/opacity3.png);
	height: 32px;
}

#wrapper {
	width: 980px;
	margin: 10px auto;
}

#pane {
	width: 270px;
	float: left;
}

#pane img {
	float: left;
	margin-bottom: 10px;
}

.pane-box {
	background:url(../images/icons/opacity.png);
	padding: 20px 20px 0;
	width: 230px;
	float: left;
	margin-bottom: 10px;
}

.pane-box-testimonial {
	background:url(../images/icons/opacity_testimonial.png);
	padding: 20px 20px 0;
	width: 230px;
	float: left;
	margin-bottom: 10px;
}

.pane-box h1, .pane-box-testimonial h1, .pane-box p, .pane-box-testimonial p, .pane-box-testimonial a, .pane-box a, .pane-box-testimonial a:visited, .pane-box a:visited {
	color: #FFF;
}

.pane-box-testimonial a:hover, .pane-box a:hover {
	color: #CCC;
	background-color: none;
}

.person {
	text-align: right;
	font-style: italic;
}

#content {
	width: 660px;
	float: right;
	padding: 20px 20px 0;
	background-color: #EAEAEA;
	margin-bottom: 10px;
	min-height: 250px;
}

#content a:hover {
	background-color: #DDD;
}

#content li{
	padding: 5px 0;
}

#content table {
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #DDD;
	width: 100%;
	margin-bottom: 20px;
}

.table_3col td {
	padding: 5px;
	width: 33%;
}

.table_5col td {
	width: 15%;
	padding: 5px;
	text-align: center;
}

.col1 {
	width: 200px;
}

#content_left {
	float: left;
	width: 310px;
	padding: 0 20px 20px 0;
}

#content_right {
	float: right;
	width: 309px;
	padding: 0 0 0 20px;
	border-left: 1px solid #CCC;
}

.content_col1 {
	width: 140px;
	float: left;
	margin-bottom: 20px;
	clear: both;
}

.content_col1 img{
	border: 1px solid #CCC;
}

.content_col2 {
	width: 520px;
	float: left;
	margin-bottom: 20px;
}

#footer {
	width: 980px;
	margin: 0 auto 10px auto;
	padding: 10px 0;
	background:url(../images/icons/opacity.png);
	clear: both;
}

#footer_left {
	float: left;
	color: #FFF;
	padding-left: 10px;
	line-height: 20px;
}

#footer_right {
	float: right;
	color: #FFF;
	padding-right: 10px;
	text-align: right;
	line-height: 20px;
}

#footer_right a, #footer_right a:visited, #footer_left a, #footer_left a:visited {
	color: #FFF;
}

#footer_right a:hover, #footer_left a:hover {
	color: #333;
}

/* Link Icons
---------------------------------------------------------------------------------*/
#link {
	margin: 20px 0px;
	clear: left;
}

#link ul{
	margin: 0;
	padding: 0;
}

#link li {
	width: 240px;
	height: 45px;
	float: left;
	list-style-type: none;
	padding: 5px 0px 10px 65px;
	font: 14px Georgia;
	color: #333;
}

#link li a{
	font-weight:normal;
	font: 14px Georgia;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
}

#link li a:hover{
	font-weight:normal;
	font: 14px Georgia;
	color: #068;
}

.excel {background: url(../images/icons/excel.jpg) no-repeat;}

.sub {
	font: 12px/20px Arial;
	color: #999;
}

/* Gallery
---------------------------------------------------------------------------------*/
#gallery ul {
	margin: 0;
	padding: 0;
}

#gallery li{
	list-style-type: none;
	border: 1px solid #CCC;
	float: left;
	margin: 5px 10px 5px 0;
	padding: 5px;
	width: 100px;
	height: 100px;
	background-color: #FFF;
}

#gallery li:hover{
	border: 1px solid #999;
}

/* Contact Page
---------------------------------------------------------------------------------*/
.contact_field {
	border: 1px solid #CCC;
	height: 20px;
	font: 14px/1.5em Georgia;
	color: #333;
	padding: 5px;
	width: 200px;
}

.contact_box {
	width: 300px;
	border: 1px solid #CCC;
	height: 100px;
	font: 14px/1.5em Georgia;
	color: #333;
	padding: 5px;
}

.tag {
	background-color: #CCC;
	padding: 5px 8px;
	line-height: 23px;
}

.button{
	border: 1px solid #CCC;
	padding: 5px;
	margin-right: 3px;
	clear: both;
}

.button:hover{
	border: 1px solid #333;
	background-color: #D8E8EE;
	padding: 5px;
	cursor: pointer;
}

.map {
	border: 1px solid #CCC;
}

/* CMS
---------------------------------------------------------------------------------*/
.cms_form {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 5px;
}


/* Clearfix
---------------------------------------------------------------------------------*/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */