/*(((((((((((((((((((((((((((((((((((*
** style.css
** ------------------------------------------------------------*
** Created:  2013-12-08 (yyyy-mm-dd)
** Modified by The Eggheads
** Author:   The Eggheads (of Phuket, Thailasnd)
** Client: Christmas Trees R Us, Thailand
**))))))))))))))))))))))))))))))))))))*/
/* new version by seth Oct. 3 2013 */


.pagelayout {max-width:1280px; min-width:750px; text-align:center; }

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/

html { 
  background: url(../pictures/xmas-tree-background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute;
  margin: auto; 
  min-width: 50%;
  min-height: 50%; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 

	}
/* This part blanks out every CSS command below it, if it's included rather than commented-out --Seth 2013-10-04
@media screen and (max-width: 512px) {
#bg img {
width:100%;
height:auto;
	}
*/




body, html { 
	height: 100%; 
	margin:0;
	padding:0;
	height:100%;
}
#wrapper {
	min-height:100%;
	position:relative; 
	}
	
body {
	/* font-family: "Courier New", Courier, monospace; */
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
 	/* background-color:#663399; color:#ffffff; */
	}
	
div#backgroundbehindcontentarea {
			background-color:#001100;
			background-image:url(../pictures/red-white-blue-background.jpg);
			background-repeat:repeat-x;
			padding-top:0px;  
			padding-bottom: 150px; /* same as height of bottomstuff footer */
			margin-left: auto; margin-right: auto; /* makes all text and pictures left-to-right centered  by default */
			min-width:100%; width:100%; /* sets div width to same size as parent (table cell) */
	}



div#maincontentarea {
			/*padding-top:20px; padding-left:15px; padding-right:0px; 
	 		background-color:#CE0005;*/
			margin-bottom:auto; /* of parent div */
			margin-left: auto; margin-right: auto; /* makes all text and pictures left-to-right centered  by default */
			min-width: 70%; width:70%; /* sets div width to same size as parent (table cell) */

			/* the lines below give it the fade-away shading in the sidebars */
		   -moz-box-shadow:0px 0px 40px  #FFF;
		   -webkit-box-shadow:0px 0px 40px  #fff; 
		   box-shadow:0px 0px 40px  #fff;
}
 
/* headlines */
h1, h2, h3, h4, h5, h6 { 
	color:#ffffff;
	/*font-weight: bolder; 
	 font-family: "Courier New", Courier, monospace; */
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
}
h1 { 
	color: #ffffff;
	/* text-transform: uppercase; */
	
	font-size: 40px; 
	font-weight:bolder;
	text-align:center; 
}
h2 { font-size: 25px; padding: 0px;  color: #ffffff; text-align:centre; font-weight:bolder; } /* for "you are here" in the banner */
h3 { font-size: 16px; padding: 5px 0; color: #ffffff; font-family: "Trebuchet MS", "Calibri", "Tahoma", "Arial", "Helvetica", "sans-serif" text-align: left; font-weight: normal; }
h4 { font-size: 1.5em; padding: 0px 0; }
h5 { font-size: 1.4em; padding: 15px 0; }	
h6 { font-size: 1.2em; padding: 10px 0 0; }

li {font-size:18px; color:#FFF; 

}

/* text */	
p { 	
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 18px; padding: 0px;  color: #ffffff; text-align:center; font-weight:bolder;
		text-align: justify;
		padding-right:15px;
		padding-left:15px;
		
}

/*  images */
/*img { border: 0px solid #333333; margin: 0 0px 0px 0; }
a img { border: 0px solid #2F1C07; }a:hover img { border-color: #4040FF; }
*/

/* linksa { text-decoration:inherit; font-weight:bold; color:#ffffff; } */


a:hover { font-weight:bolder: ; color:#ff0000; text-shadow:#ffffff 1px 1px 0px;  }



.warning { background-color:#F66; }


.liberate {color:#800; text-align:center; 
    	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-stretch:expanded; text-shadow: 4px 4px 4px #C90; } 




/* Start of New and improved stuff by seth 2013-10-04 */
a.mainmenu:link, a.mainmenu:visited, a#mainmenu:active {
	
		display: block; 
		text-indent: -9999px;
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width:  170px;
		height: 150px; 
		background-repeat: no-repeat; 
	}
a.mainmenu:hover{	background-position: -170px;
	}  
a#menuhome {
		background-image:  url("../pictures/menubuttons/home-christmas-presents.gif");  /* New line --Seth */
	} 
a#menulocation {
		background-image:  url("../pictures/menubuttons/location-new-coley-nurseries.gif");  /* New line --Seth */
	} 
a#menutrees {
		background-image:  url("../pictures/menubuttons/trees-menu-button.gif");  /* New line --Seth */
	} 
a#menuinvestment {
		background-image:  url("../pictures/menubuttons/investment-british-pound-bank-notes-yorkshire-xmas-trees.gif");  /* New line --Seth */
	} 
a#menuclub {
		background-image:  url("../pictures/menubuttons/gardening-club.png");  /* New line --Seth */
	} 
a#menuequipment {
		background-image:  url("../pictures/fruit/equipment-strawberry.gif");  /* New line --Seth */
	} 
/* end of new stuff by seth 2013-10-04 */




/* horizontal rule */
hr { border: 0; height: 1px; background-color: #333; color: #333; margin: 3px 0 0; }

/* background picture in main menu */ 
/* not used yet .bigpicture { z-index: 0; top: 0px; azimuth:center;  height:auto; } */


/* not used yet
.mainpagemaintext { z-index: 2; float: none; position: relative; width: 600; max-width: 600; 
					padding: 0px 30px 100px 100px; top: -200px; 
					margin-left: inherit; margin-right: inherit; 
					margin-top:inherit; margin-bottom:auto; 
				  }
*/


/*menulinks and hover, instead of using 2 separate images for "normal button" and "hover",  a combined image double-tall or double-wide, and shift the viewing window of the image accordingly.  padding:10px;
			padding-top:10px;
			padding-bottom:10px;#menuul
			{
			list-style-type:none;
			margin:10px;*/


			
			
#menuli		{ display:inline; }



.gallery {
    color: #900;
    font-weight: bold;
    text-decoration: inherit;
}

.bikes {
    color: #0ff;
    font-weight: bold;
    max-height: 300px;
	max-width: 400px;
	padding: 10px 300px 10px 30px;
}

img.photo {
       -moz-box-shadow:		1px 10px 10px #222;
       -webkit-box-shadow:	1px 10px 10px #222;
       box-shadow:			1px 10px 10px #222;
	   border:double #800000;" 
	}
	
img.floatleft { 
    float: left;  
}
img.floatright { 
    float: right;  
}

div.propertydetails  {
	display:inline-table;
	width:500px; height:50px; padding:10px; 
	max-width:500px; max-height:50px; text-decoration:underline;
	min-width:500px; min-height:50px;
	text-align:center; background-image:url(../pictures/gold-bed-head1.jpg);
} 
/* This } was missing in the original div.propertydetails, so everything appearing afterward would be messed up.
/*	---------------------------------------------*/