/*
Theme Name: Hatley Park Estate
Theme URI: http://coopa.net/theme/
Description: Hatley Park Estate theme.
Author: COOPA.NET
Version: 1.0
Tags: bespoke
*/


/* 
#####################################################
RESET
#####################################################
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub,  tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 	
							{
								margin: 0;
								padding: 0;
								border: 0;
								outline: 0;
								font-weight: inherit;
								font-style: inherit;
								font-size: 100%;
								font-family: inherit;
								vertical-align: baseline;
							}
/*
object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, em, img, strong, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 	
							{	z-index:10;	}
	*/						
/* remember to define focus styles! 
:focus 					{	outline: 0; }
*/

strong					{ font-weight:bold}



/* 
#####################################################
BASIC DIMENSIONS
#####################################################
*/

/* DID SOMEBODY SAY CENTERED ? */
	body				{	text-align:center;}

/* HOW BIG? */
	body				{	min-width:940px; position:relative}


/* 
#####################################################
BASIC TYPE
#####################################################
*/

	body, td, th	{	font-family:Arial, Helvetica, sans-serif }
	/* 0.69em */
	/* 0.88em */


/* 
#####################################################
COLOURS AND THEME
#####################################################
*/

/* THE BACKGROUND */	
	body				{	background:url(images/backgrounds/main_back.jpg) #41674C ; color:#fff; }

	
	
/* 
#####################################################
BRANDING
#####################################################
*/

/* I GUESS WE NEED A LOGO AND A STRAPLINE */	

	#header 			{			
								background:url(images/backgrounds/header_back.jpg);					
								display:block;
								height:117px;
								margin:0 auto;
							}

	#header div#site-title a,
	#header h1#site-title a	{	
							position:absolute;
							font-size:24px; line-height:24px;  text-indent: -3000px;
							display:block;
							background:url(images/brand/brand.png) ;
							width:370px; height:117px;							
							left:50%;
							padding:0;
							margin:0 0 0 -480px;
						} 
						
	#header .strapline	{
							display:none
						}

/*  
#####################################################
MENU
#####################################################
*/


/* FIRSTLY LET'S SORT OUT THE position and size */	
	#header ul.menu{
							display:block;
							position:absolute;
							left:50%;
							top:51px;
							height:26px;
							line-height:26px;
							padding:0;
							margin:0 0 0 -50px;
							list-style:none;							
							font-size:16px;
							font-family:"Times New Roman", Times, serif;
						}


/* Hide submenu */					
	#menuarea ul li ul{ display:none}						
						
/* NOW THE LI and A */	
	#header ul.menu li		
						{	display:block; 
							background:none; 
							height:26px; 
							padding:0 10px 0 0 ; 
							margin:0 0px 0 0; 
							float:left; 
						}
	#header ul.menu li a	
						{	text-decoration:none; 
							color:#FFFFFF;	 
							height:26px; 
							display:block;
							margin:0 ; padding: 0 0 0 10px; line-height:26px; 
							background:none;
							
						}
	#header ul.menu li a:hover		
						{	
							color:#FBF1A5;
						}
													
	#header ul.menu li.current-menu-item ,
	#header ul.menu li.current-page-ancestor ,
	#header ul.menu li.current_page_parent 
						{	
							background:url(images/menu/menu_back.jpg) top right;
							padding: 0 15px 0 0;
						}
	#header ul.menu li.current-menu-item a,
	#header ul.menu li.current-page-ancestor a,
	#header ul.menu li.current_page_parent a
						{	
							background:url(images/menu/menu_back.jpg) top left;
							padding: 0 0 0 15px;
							color:#333
						}




						
/* 
#####################################################
HOME PAGE CONTENT 
#####################################################
*/
	#content			{ background:url(images/backgrounds/mid_back.jpg) top center repeat-y; }
	#endcontent		{ clear:both; background:url(images/backgrounds/main_back_end.jpg) bottom center repeat-y; height:50px; margin-top:-40px; }
	.inner				{ text-align:left; width:940px; margin:0 auto; position:relative; padding:10px 0;}

/* 
#####################################################
FOOTER AND COPYRIGHT
#####################################################
*/	

	#footer				{ background:url(images/backgrounds/mid_back.jpg) top center repeat-y; margin-top:10px; }
	#endfooter			{ clear:both; background:url(images/backgrounds/main_back_end.jpg) bottom center repeat-y; height:50px; margin-top:-40px; }
	#footerline			{text-align:left; width:940px; margin:5px auto; position:relative; font-family:"Times New Roman", Times, serif; font-size:11px}
	#footerline .credits			{ float:right;}
	#footerline .credits a		{ color:#FFF; text-decoration:underline }
	#footer .footer-sidebar	{float:right;  width:290px; text-align:left; color:#555; font-family:"Times New Roman", Times, serif}
	#footer .footer-sidebar h3{ font-family:"octavian","Times New Roman", Times, serif; text-transform:uppercase; font-size:25px; color:#3F6548 }


	#menu-footer{
							list-style:none;
							display:block;
							font-family:"Times New Roman", Times, serif;
							padding-left: 45px;
							background:url(images/menu/menu_word.png) -10px -10px no-repeat;
						}
	#menu-footer li a{
							color:#555;
							text-decoration:none;							
						}

	#menu-footer li a:hover{
							text-decoration:underline;							
						}
	#menu-footer li.current_page_item a{
							color:#3F6548;
						}

/* 
#####################################################
INTRO IMAGE AND ASSOCIATED TEXT
#####################################################
*/

	#logo			{	display:none; }
	#logo2			{	display:none;  }
						

	
/* 
#####################################################
CONTENT LAYOUT
#####################################################
*/	



	#copyarea		{	
							float:left; 
							clear:both;
							padding:15px 20px 40px 40px; 
							width:560px; 
						}
	#copyarea.narrow{	
							width:340px; 
						}

	#middle_col	{
							float:left;
							margin-top:10px;
							width:220px;							
	}
	#right_col		{	
							float:right; 
							width:280px;
							margin:15px 30px 0 0;
						}

	#features		{	background:url(images/backgrounds/featurest_backgrounds.png) top left no-repeat;
							width:180px;
							padding:20px;							
						}
	#content #features em{font-family:"octavian", "Times New Roman", Times, serif; font-weight:normal; color:#3F6548; font-size:18px; line-height:18px; font-style:normal }
	#content #features strong{font-family:"octavian", "Times New Roman", Times, serif; font-weight:normal; color:#3F6548; font-size:20px; line-height:24px; font-style:normal }
	a.enquirehere	{	background:url(images/buttons/enquire_here.png); width:228px; height:82px; display:block; text-indent:-9999px; margin-top:10px;}
	#features ul	{
							margin:0 20px 20px 0px;
							padding:0;
						}
	#features ul li	{
							margin:0 0 0 5px;
							padding:0 0 0 10px;
							list-style:none;
							background:url(images/textstuff/bullet_green.gif) 0px 6px no-repeat;
						}
	#content #features h3	{ 	font-family:"octavian", "Times New Roman", Times, serif; font-weight:normal; color:#3F6548; font-size:28px; line-height:35px; margin:0px 0 17px 0; clear:both; border-bottom:1px solid #696}
	div.endcolf		{	display:block;
							float:left;
							width:220px;				
							height:16px;
							margin:0 0px 0 0 ;			
							background:url(images/backgrounds/featurest_backgrounds.png)  bottom left no-repeat;
						}

	#maparea,	
	#galleryarea	{	background:url(images/backgrounds/right_backgrounds2.png) top left no-repeat;
							padding:10px 10px 0px 20px;
							margin:-5px 0 0px  0 ;
							width:260px;
							float:left;
						}
	#galleryarea	{	width:250px; padding:10px 0px 10px 20px;}
							

	#content #maparea h3,	
	#content #galleryarea h3 {	line-height: 30px;
							font-family: "octavian","Times New Roman", Times, serif;
							background: #3E6548;
							color: white;
							font-size: 28px;
							line-height:35px;
							padding: 0 10px;
							z-index: 9999;
							width:220px;
							margin: 10px 10px 0px 0px;
						}
	#galleryarea a img{ margin:10px 10px 0 0; float:left;  } 
	#maparea a img{ margin:10px 0px 0 0; } 
						
	div.endcol		{	display:block;
							float:left;
							clear:both;
							width:270px;				
							height:16px;
							margin:0 0 10px 0;			
							background:url(images/backgrounds/right_backgrounds2.png) bottom left no-repeat;
						}
						
	
						
/* 
#####################################################
SUBNAV AND CONTENT HEADER IMAGE
#####################################################
*/		

	#headerimage			{ padding:20px 20px 5px 20px; background:url(images/backgrounds/home_imageframe.gif) 0 0; position:relative  }
	#headerimageunder 	{ height:10px; overflow:hidden ; background:url(images/backgrounds/home_imageframe.gif) -0px bottom; clear:both;  }

	#content #headerimage h1.page-title{	line-height:51px; font-family:"octavian","Times New Roman", Times, serif; background:#3E6548; color:#FFF; font-size:38px;  padding:0 20px; text-shadow: 1px 1px 1px #000; 
												left:20px; top:105px; display:inline; position:absolute; margin:0; border:none}

	#headerimage ul.sub-menu{ display:block; height:35px; padding:0px 10px 0px 10px; margin:-5px 0 -5px 0;}
	#headerimage ul.sub-menu li{ display:block; float:left; height:35px; margin:0; border-right:1px solid #E9E5D7;}
	#headerimage ul.sub-menu li a{ font-family:"octavian","Times New Roman", Times, serif; color:#3E6548; padding:0px 10px ; line-height:35px; font-size:18px;  text-decoration:none;  }
	#headerimage ul.sub-menu li.current-menu-item { background-color:#FFD42C}


/* 
#####################################################
UNIT LISTING
#####################################################
*/	

#right_col a.unitlisting{ display:block; padding:10px; background:url(images/buttons/arrow.png) 205px 25px no-repeat #B2C9AB; color:#000; margin:10px  10px  10px 0; text-decoration:none}
#right_col a.unitlisting strong{ display:block; font-family: "octavian","Times New Roman", Times, serif; line-height: 18px; font-size: 20px; font-weight:normal;}
#right_col a.unitlisting:hover{ background-color:#FFD42C;  }


/* 
#####################################################
CONTENT
#####################################################
*/		


	#content		{ font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#444; }


	#content h1			{ font-family:"octavian", "Times New Roman", Times, serif; font-weight:normal; color:#3F6548; font-size:28px; line-height:35px; margin:15px 0 17px 0; clear:both; border-bottom:1px solid #696}
	#content h2			{ font-family:"octavian", "Times New Roman", Times, serif; font-weight:normal; color:#3F6548; font-size:20px; line-height:24px; margin:15px 0 10px 0; clear:none}
	#content h3			{ font-family:"octavian", "Times New Roman", Times, serif; font-weight:normal; color:#3F6548; font-size:18px; line-height:20px; margin:15px 0 10px 0; clear:none}
	#content h4			{ font-family:"octavian", "Times New Roman", Times, serif; font-weight:normal; color:#3F6548; font-size:16px; line-height:18px; margin:15px 0 10px 0; clear:none}
	#content h5			{ font-family:"octavian", "Times New Roman", Times, serif; font-weight:normal; font-size:20px; line-height:24px; margin:15px 0 10px 0; clear:none; color:#3F6548}
	#content h6			{}
	#content em			{ 	font-style:italic; }

	#content h1 a, #content h2 a, #content h3 a, #content h4 a { color:#3F6548; }

	#content p				{ display:block; margin-bottom:10px; }
	#content a				{ color:#3F6548; }

	#content #content_column blockquote{	
									padding-left:60px; font-style:italic; font-size:14px; line-height:18px; margin:20px 0; 
									background:url(images/textstuff/quotes_blue.gif) top left no-repeat; color:#3F6548 ;
								}

	#content #copyarea ul{	padding:0px; margin:15px 15px 15px 0px; list-style-image:url(images/textstuff/bullet_green.gif);	 }
	#content #copyarea ul li{	list-style:none; background:url(images/textstuff/bullet_green.gif) 5px 7px no-repeat; padding-left:15px;	 }
	#content .entry-content ol{	padding:0px; margin:15px 15px; 	}

	#content #content_right ul{	padding:0px; margin:15px   }
	#content #content_right ol{	padding:0px; margin:15px  	}

	.alignright				{	float:right; margin:0 0 15px 15px; clear:right	}
	.alignleft				{	float:left; margin:0 15px 15px	0px}

	.entry-title a{ text-decoration:none}
	.entry-utility,
	.entry-meta			{ color:#888; font-size:10px; margin:10px 0 -10px 0; clear:left}

	.entry-utility			{ padding:0; margin:10px 0;}
	.entry-utility a,
	.entry-meta a			{ color:#555;  text-decoration:none}	
	
	pre,code				{ font-family:"Courier New", Courier, monospace; padding:0; margin:0; }
	pre						{ background:#F9F9F9; border:1px dotted #999; padding:20px; }
 

 	hr{ height:1px; background:none; border:none; border-top:1px solid #ccc; padding:0; margin:20px 0  ; clear:left}



/* 
#####################################################
HOMEPAGE SLIDER
#####################################################
*/

    #slides         {       
                            position:relative;
							width:940px;
							height:272px;
                            overflow:hidden;
							background:url(images/backgrounds/home_imageframe.gif) bottom left no-repeat;
                        }                       
    #slides a.prev{     
                            background:url(images/buttons/panel_nav.png) top left;
                            width:54px; height:54px;
                            position: absolute; top:112px;  left:40px;
                            display:block;
                            z-index:10;
                        }
    #slides a.prev:hover{       
                            background-position:-54px 0px ;  
                        }
    #slides a.next{     
                            background:url(images/buttons/panel_nav.png) top right;
                            width:54px; height:54px;
                            position: absolute; top: 112px;  right:40px;
                            display:block;
                            z-index:10;
                        }
    #slides a.next:hover{       
                            background-position:-108px 0px ;    
                        }
                        
    .slide              {       
                            position: absolute; 
							top: 20px; 
                            left: 20px; 
                            display: block; 
                            z-index: 5; 
                            display:none
                        }
                       
    #controllers-main{
                            display:block;
                            position:absolute; top:225px; right:40px;
                            padding:1px 0 1px 1px;
                            height:10px;
                            z-index:10;
							border-radius: 5px;
                        }
    #controllers-main a{
                            display:block;
                            float:left;
                            height:10px; 
                            width:10px;
                            background-color:#F6F0E4;
                            margin-right:1px;
							border-radius: 5px;
                        }
    #controllers-main a.active{
                            background-color:#3F6548;
                        }
    

	#homelinks a {	display:block; width:240px; 
							margin-left:30px; height:231px; 
							padding:25px 15px 5px 15px; 
							background:url(images/feature/homepage_backs.jpg) top center;
							float:left;
							text-decoration:none;
							font-family:"octavian","Times New Roman", Times, serif;
							font-size:30px;
							line-height:30px;
							color:#466B51;
							letter-spacing:-1px;
						}

	#homelinks a#flashbanner {	display:block; position:absolute;
							margin:0; height:107px; width:107px; 
							padding:0; 
							background:url(images/flash/100mbsfibreinternet.png) ;
							float:none;
							text-indent:-9999px;
						}
	
	
	
	
/* 
#####################################################
FORM
#####################################################
*/	

	.red									{	color:#900	};
	.wpcf7-validation-errors		{	color:#FFF!important; background-color:#900!important; border:none!important;}
	span.wpcf7-not-valid-tip		{	color:#FFF!important; background-color:#900!important; border:none!important;}
	div.wpcf7-validation-errors	{	color:#FFF!important; background-color:#900!important; border:none!important;}
	div.wpcf7-response-output 	{	color:#FFF!important; background-color:#900!important; border:none!important;}
	.wpcf7-form						{	padding:20px; background-color:#E7E1D4}
	.wpcf7-form textarea			{	 font-family:Arial, Helvetica, sans-serif; font-size:100%; width:100%}
	.wpcf7-form input				{	  width:100%} 
	.wpcf7-form select				{	  width:50%} 
	.wpcf7-form input.wpcf7-submit	{	width:50% }
	.wpcf7-form						{	 margin:20px 0;}
	.wpcf7-mail-sent-ok				{	background-color:#3F6548!important}





y