/* hembalManor.css
------------------------------------------------------------------------------

Author:  			Robert Shorter
E-mail:				
Company: 			TastyPie Solutions
Date:				11/07/2009

Version:			1.0
Designed for:		Internet Explorer 6, Opera 9.5, FireFox 3, Chrome 2

------------------------------------------------------------------------------*/

/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,ul,ol,a,img,blockquote,p{
padding:				0px;
margin:					0px;
}
.clear{
clear:					both;
}
a{
text-decoration:		none;
}
.left{
float:					left;
}
.right{
float:					right;
}
img {
border: 				0px;
}
html {
height: 				100%;
}
.noBullets{
list-style:				none;
}

/* =BODY
------------------------------------------------------------------------------*/

body {
background: 			#e7e7e8 url("images/backgroundStripTop.gif") left top repeat-x;
font-family: 			Verdana;
font-size: 				62.5%; /* 1em = 10px */
}

/* =WRAPPER
------------------------------------------------------------------------------*/

.wrapper {
width: 					1010px;
border: 				15px solid #FFFFFF;
margin: 				15px auto 0px auto;
background:				#edefea;
}

/* =HEADER
------------------------------------------------------------------------------*/

.header {
background:				#38392a;
height:					380px;
}

.header p{
margin: 				98px 0px 20px 60px;
color:					#FFFFFF;
}

.contactDetails span {
display:				block;
width: 					269px;
margin-bottom:			5px;
font-size:				1.6em;
}
.contactDetails span a{
color:					#FFFFFF;
}

/* =LOGO
------------------------------------------------------------------------------*/

.logo {
width: 					269px;
height: 				104px;
margin: 				98px 0px 20px 35px;
background:				url(images/logo.gif) left top no-repeat;
text-indent:			-4000px;
}

/* =BANNER
------------------------------------------------------------------------------*/

.banner {
width: 					666px;
height: 				380px;
border-left:			1px solid #edefea;
}

/* =LAYOUT =2 COL LAYOUT
------------------------------------------------------------------------------*/

.content {
clear: 					both;
}

.contentLeft {
width: 					343px;
float: 					left;
}

.contentRight {
float: 					left;
width: 					581px;
padding:				20px 50px 0px 0px;
margin-bottom:			80px;
}

/* =MENU
------------------------------------------------------------------------------*/

.menuLeft {
list-style: 			none;
}

.menuLeft li {
height:					30px;
margin-top:				1px;
background-color: 		#C2B59B;
}

.menuLeft li a {
display: 				block;
padding: 				8px 0px 8px 20px;
font-weight: 			bold;	
color: 					#FDFDFD;
text-decoration: 		none;
cursor: 				pointer;
font-size:				1.2em;
}

.menuLeft li a:hover{
background: 			#73664D;
}
.menuLeft .selected a{
background: 			#73664D url("images/arrow.gif") center right no-repeat;
}

.menuFooter {
height: 				55px;
margin:					0px auto 0px 70px;
text-align: 			center;
color: 					#FFFEFB;
list-style: 			none;
}

.menuFooter li  {
float:					left;
margin-right:			30px;
padding:				20px 0px 20px 0px;
}

.menuFooter li a{
background: 			#45463C;
text-align: 			center;
color: 					#fffefb;
font-weight: 			bold;
text-decoration: 		none;
font-size:				1.4em;
}

.menuFooter li a:hover, .menuFooter .selected a {
color: 					#C2B59B;
}

/* =HEADINGS
------------------------------------------------------------------------------*/

.pageTitle {
width: 					400px;
color: 					#5A4A42;
border-bottom:			1px solid #5A4A42;
}

h2 {
margin:					0px 0px 15px 15px;
padding: 				0px 0px 5px 15px;
font-size:				2.5em;
color: 					#5A4A42;
font-weight:			lighter;
}

/* =PARA = TEXT
------------------------------------------------------------------------------*/

.contentRight p{
margin:					0px 0px 20px 30px;
font-size:				1.2em;
letter-spacing:			0.1em;
line-height:			2em;
color:					#6d7174;		
}

/* =GALLERY
------------------------------------------------------------------------------*/

.gallery{
height:					134px;
margin:					0px 0px 0px 30px;
list-style:				none;
}
.gallery li{
float:					left;
margin-right:			45px;
}
.gallery li img{
height:					96px;
width:					130px;
border:					2px solid #FFF;
}


/* =FOOTER
------------------------------------------------------------------------------*/

.footer {
margin-top:				5px;	
background: 			#45463C;
}
address, address a{
padding:				10px;
font-size:				1.2em;
letter-spacing:			0.1em;
font-style:				normal;
color:					#6d7174;
}
address span{
color:					#5f5048;
font-weight:			bold;
}