﻿/* -----------------------------------------------------------------------------------------------------------------

	Southwaite Green - Splash pahe
	
	SCREEN - Core Stylesheet
	
	Web					: http://www.southwaite-green.co.uk
	Filename    		: css/home.css
	Last Updated		: 22. 04. 2010
	Copyright			: (c) 2010 Chris Sharp
	Author				: Chris Sharp - Furness Internet
	Web					: http://www.csharpdesign.co.uk | http://www.furness.net
	
--------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------

	Table of Contents
	
	01. =Structure
	02. =Links
	03. =Typography
	04. =Header
	05. =Content
	06. =Subfooter
	07. =Footer
 		
--------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------

	=Structure

--------------------------------------------------------------------------------------------------------------------*/

body {
	background: #F2F2F2 url('../images/design/bg.jpg') repeat-x left top;
	font-family: Georgia, serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

#horizon {  
	position: absolute;  
	top: 20px;
	left: 0px;  
	width: 100%;
	/*margin-top: -250px;  -379px */
	min-width: 824px;
	text-align: center;
}

#wrapper {
	position: relative;
	text-align: left;
	min-width: 800px;
	max-width: 980px;
	/* height: 700px; */
	margin: 0 auto;
}
 		
/*-------------------------------------------------------------------------------------------------------------------

	=Links
 		
--------------------------------------------------------------------------------------------------------------------*/

a {text-decoration: none;}
a:link {color: #0F435D;}
a:hover {
	color: #0F435D;
	text-decoration:underline;
}
a:visited {color: #0F435D;}

/*-------------------------------------------------------------------------------------------------------------------

	=Typography

--------------------------------------------------------------------------------------------------------------------*/

p {
	color: #666666;
}

/*-------------------------------------------------------------------------------------------------------------------

	=Header
 		
--------------------------------------------------------------------------------------------------------------------*/
#header {
	width: 100%;
	border-top: 1px solid white;
	min-height:50px;
	
}

.logo {
	float: right;
	margin-bottom: 24px;
	height:78px;
	position: relative;
	top: 0;
	right: 0;

}

#header ul {
	margin-top: 34px;	
}

#header li {
	color: #53681B;
	font-size: 1.8em;
	padding: 0 0 8px 12px;
}

#header li.email {
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

/*-------------------------------------------------------------------------------------------------------------------

	=Content
 		
--------------------------------------------------------------------------------------------------------------------*/
img.cottage {
	background: white;
	padding: 12px;
	position: relative;
}

#content {
	background: white url('../images/design/cottage2.jpg') no-repeat center center;
	border: 1px solid #E2E2E2;
	clear: both;
	position: relative;
	min-height: 500px;
	min-width: 800px;
	max-width: 980px;
}

div.tab {
	/*background: url('../images/design/tab.png') no-repeat center center;*/
	height: 57px;
	margin-right: 7px;
	position: absolute;
	width: 178px;
	right: 0;
	top: 46%;
	
}

p.enter a {
	color: #fff;
	font-size: 1.8em;
	padding-top: 14px;
	position: absolute;
	text-align: center;
	width: 180px;
}

p.enter a:hover {
	color: #A7C84F;
	text-decoration: none;
}
/*-------------------------------------------------------------------------------------------------------------------

	=Subfooter
 		
--------------------------------------------------------------------------------------------------------------------*/
div#subfooter {
	/*background: white;*/
	height: 120px;
	overflow: hidden;
	padding: 12px;
	width:100%;
}

#subfooter img {
	float: left;
	margin-right: 32px;
}
/*-------------------------------------------------------------------------------------------------------------------

	=Footer
 		
--------------------------------------------------------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #E2E2E2;
	clear: both;
	padding-left: 12px;
	padding-top: 18px;
	width:100%;
	height:40px;
}

#footer p {
	color: #808080;
	font-size: 1.1em;
	font-style: italic;
}