/*
*      Author: H.Thomas
*        date: 29/07/09
* Description: Maesachddu Farm CSS for body content
		version: 1.0

  This is the green :	#0C9E79;
  This is the yellow:	#FEB515;
*/

html{
 height:100%;
}

body{
  font-family: verdana;
  font-size: 62.5%;
  margin: 0 0 0 0;
  padding: 0;
  background: url('../images/pgBg.jpg') repeat-y center 15px;
}

/* Overall wrapper for entire content *************************************************/
#wrapper {
  margin: 0 auto 0 auto;
  width: 940px;
  padding:0;
  height:100%;
  font-size: 1.4em;
}
/* End Overall wrapper for entire content *************************************************/


div#topBorder{
  height:25px;
  background: url('../images/topBorder.jpg') no-repeat center top;
}




div#header{
/* using relative to reset the context for the email link */
  position:relative;
  background-image: url('../images/title.jpg');
  background-repeat:no-repeat;
  background-position: 6px top;
  width: 940px;
  height:250px;
}

/* Email link within the header picture *************************************************/   
div#emailImage{
  position:absolute;
  width:310px;
  height:18px;
  left:618px;
  top:225px;
}

div#emailImage a{
  width:310px;
  height:18px;
  display:block;
}

div#emailImage a:hover{
  background-image: url('../images/emailOv.png');
  background-repeat: no-repeat;
  background-position: center;
}
/* End of Email link within the header picture ******************************************/  



/* Main content in the centre of the page ***********************************************/ 
div#content{
  float: left;
  background: url('../images/contentTop.jpg') no-repeat;
  background-position: 0 0;
  margin: 7px 0 0 0;
  padding: 22px 0 0 0px;
  width: 752px;
  color:#0B5D49;
  background-color:#D9E4C4;
}

div#content p{
		line-height:1.5em;
}

div#content .small{
		font-size: .8em;
}

/* End of Main content in the centre of the page ****************************************/ 



/* Left content (nested within main content) ********************************************/ 
div#content #contentLeft{
  width: 355px;
  float:left;
  padding: 0 10px 20px 15px;
  background-color:#D9E4C4;
  /* tot width:360+2+20=382 */
}

div#content a{
  text-decoration: none;
  color: #CC6600;
}

div#content  a:hover{
  color:blue;
  background-color:orange;
}

div#content #contentLeft h1{    
  color:#FEB515;
  margin:0 0 -10px 0;
  padding:0;
}

div#content #contentLeft h3{ 
		margin: 0 0 -10px 0;
} 

div#content #contentLeft h4{ 
  font-size:1.05em;
  margin: 0 0 -12px 0;
} 


div#content #contentLeft span.maesachddu{
  display:block;
  line-height:1.2em;
  font-size:1.7em;
  margin-bottom:0px;
}


div#content #contentLeft #video{
	width:340px;
 
 padding:2px 2px 1px 2px;
 background-color:#ffffff;
 /* border:1px solid #0C9E79;  */
}

div#content #contentLeft #video span{
  text-align: left;
  display: block;
  padding: 2px 2px 2px 2px;
  font-size:.8em;
  color:#0B5D49;

}


/* End of Left content *****************************************************************/  


/* Right content (nested within main content) ******************************************/  
div#content #contentRight{
  float:left;
  width: 368px;
  height:inherit;
  margin: 0 0 0 0px;
  padding: 5px 0 20px 0px;
}

div#content #contentRight p{
  font-size:.85em;
  padding:0 10px 0 5px;
  color:#004400;
}

div#content #contentRight #spacer{
  width:250px;
  margin:0 0 0px 40px;
  padding:0px;
  font-size:.85em;
}

div#content #contentRight #spacer p{
		padding:0 ;
		margin-bottom:5px;
}


div#content #contentRight #spacer h4{
  font-size:1.1em;
  margin:0 0 -10px 0;
}  


div#content #contentRight hr{
  color:  #0C9E79; 
  background-color: #0C9E79; 
  border:0;
  width:90%;
  height:1px;
}

#logo{
/* These are the logos of the external agencies*/
			float:left;
			width:100%;
			padding: 0px 0 0 0;
}

#logo img{
		padding: 0 0 0 80px;
		margin:0 0 30px 0;
}


/* borders for images */
.image{
  width:367px;
  margin-bottom:5px;
}


.image .hidden{
		display: none;
}  

.thumbnail{
  width:250px;
  margin:0 0 10px 40px;
  padding:2px;
  background-color: #ffffff; 
}


.thumbnail img{
/* need to remove the blue border around the image */
		border-style: none;
}


.image .caption{
  text-align: left;
  display: block;
  padding: 2px 2px 2px 2px;
  font-size:.8em;
  color:#0B5D49;
}

.image .caption .click{
 font-size:.9em;
 color:#FEB515;
}

/* End of Right content ****************************************************************/  



/* ****************** altPages i.e. Price, Find Us and Terms & Conditions******************************** */

div#content #altPage{
   width: 727px;
   float:left;
   padding: 0 10px 20px 15px;
   background-color: #D9E4C4;
}


div#content #altPage .gallery{
   float:left;
   clear:both;
   width:100%;
}


div#content #altPage .gallery .thumbnail{
 		float:right;
 		margin-right:70px;
}


div#content #altPage h1{    
   color:#FEB515;
   padding:0;
   margin:0;
}


div#content #altPage h3{ 
		margin: 0 0 -10px 0;
} 


div#content #altPage h4{ 
  font-size:1.05em;
  margin: 0 0 -12px 0;
} 


div#content #altPage span.maesachddu{
  display:block;
  font-size:1.7em;
  margin-bottom:0px;
}

/* 
IE7 didn't want to wrap the text correctly
so I created an extra div to hold the left hand side of
the page directions.
*/
div#content #altPage div#ieFix{
  width: 252px;
  margin:0;
  padding:0;
  float:left;
  clear:none;
}


table { 
  border-collapse: collapse;
  width: 100%;
}


td,th {
  border: 1px solid #0C9E79; 
  padding: 3px 5px 2px 5px;
  font-size: 1.1em;
}

td.blank{
	border:none;
	height:0px;
	margin:0;
	padding: 0 0 0 0;
	font-size:.1em;
}

td.spacer{
		border: none;
}


th {
  background: url(../images/prices/tblHead.png) no-repeat  left top;
  color: #D9E4C4;
  text-align: center;
  font-weight:normal;
}




tr.alt td {
  background: url(../images/prices/td_bg.png) no-repeat left top;
}


.map{
  float:right;
  width:450px;
  padding:5px;
  border:1px solid #0C9E79;
  margin:0 0 20px 10px;
}   


#mapGoogle{
  width: 450px;
  height: 500px;
}

.map .caption{
  height: 10px;
  font-size:.9em;
}


#mapGoogle p{
  font-size:.9em;
  padding-left:10px;
}

/* Terms and conditions page */

div#content #contentTerms{
  width: 630px;
  float:left;
  padding: 0 10px 20px 15px;
  background-color:#D9E4C4;
}

div#content #contentTerms h1{    
  color:#FEB515;
  margin:0 0 -10px 0;
  padding:0;
}


div#content #contentTerms h3{ 
		margin: 0 0 -10px 0;
} 

div#content #contentTerms h4{ 
  font-size:1.05em;
  margin: 0 0 -12px 0;
} 


div#content #contentTerms span.maesachddu{
  display:block;
  line-height:1.2em;
  font-size:1.7em;
  margin-bottom:0px;
}


/* *************************** End alt page ****************************** */



/* *************************** Contact Us ******************************** */
p.contact{
  font-size:1.2em;
  margin-top:-10px;
}
/* *************************** End Contact Us *************************** */




/* Footer graphic ******************************************************* */ 
div#content #contentFooter{
  float:left;
  clear:both;
  background: url('../images/contentLow.jpg');
  height:21px;
  width:100%;
  margin: 1px 0 0px 0;
}

#footer{
  float:left;
  width:100%;
  clear:both;
  margin:5px 0 5px 0;
  font-size:.8em;
}

#footer #lastUpdate{
  margin: 0 0 0 670px;
  padding: 0 0 0 0;
  color:#FEB515; 
}

/* validation icons and text ******************************************************* */ 
#validation{
	float: left;
	clear: both;
	width: 100%;
	height:74px;
	color: #91CC9E;
	background-color: #0C9E79;
	background: url('../images/pgBg_low.jpg') center top;
	background-repeat: no-repeat;
 /*	
 border: 1px dashed blue;
 border-left:0;
 */
 line-height:1.8em;
}

#validation #inner{
 width:940px;
 margin:0 auto 0 auto;
 background-color: #0C9E79;
}

#validation img{
		border:none;
}

#validation #valXHTML{
  width:350px;
  float:left;
  padding:10px;

}

#validation #valCSS{
  width:350px;
  float:left;
  padding:10px;
}

#validation #author{
	float: left;
	padding: 10px 10px 10px 65px;
	text-align: right;

}

/* End of CSS *********************************************************** */