/*=====
SITE: Bylands Wholesale Site
FILE: styleshome.css - HOME PAGE STYLES (INDEX.HTML ONLY)
CREATED: 15/12/2008
AUTHOR: Mike Whitney (mike@webandgrafik.com)
=====*/



/* GLOBALS */

	*								{
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	
}
	body							{ font-size:62.5%; margin:0; padding:0; font-family:"Lucida Grande", arial, verdana, sans-serif; background-color:#2F3017; }
	
	#container						{ margin:0 auto; width:860px; position:relative; z-index:10; }	
	#wrapper						{ background:url(../images/BG_HOME.jpg) repeat-x; background-color:#2F3017; }	
	#outer-container				{ background:url(../images/BG_HOME.jpg) no-repeat center top; }	
	#mainContent					{ padding:31px 0 0px; width:860px;}	
	.show							{ display:block; }	
	.hidden, hr						{ display:none; }	
	.clearfix:after 				{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }	
	.clearfix 						{ display: inline-block;} 	
	a:focus							{ outline:none; }

/* END */



/*  HEADER */

	#header							{ position:relative; z-index:500; height:287px; }	
	#header h1,	
	#header h1 a					{ display:block; width:204px; height:100px; }	
	#header h1 						{ background:url(../images/logo3.png) no-repeat;	position:absolute; top:14px; left:-8px; text-indent:-999em; z-index: 1; }	
	#header h1 a:focus				{ outline:none; }	
	#welcome						{ position:absolute; top:29px; left:573px; width:274px; }	

	#welcome p						{ font:normal 11px "Lucida Grande", arial, verdana, sans-serif; font-size:1.5em; font-style:normal;  margin:0; padding:0; line-height:1.8em; font-weight:lighter; }	
	#home #gallery					{ display:block; position:absolute; width:871px; height:230px; top:84px; right:-11px; z-index:0; }

	#wholesale-login				{ position:absolute; top:476px; right:636px; font-size:11px; color:#554e3f; width:220px; z-index:500; }	
	#wholesale-login span			{ float:left; }	
	#wholesale-login a				{ color:#8c5309; position:relative; }	
	#wholesale-login a:hover		{ text-decoration:none; }	
	#skip							{ position:absolute; top:-999em; }
	
/* END */

/* NAVIGATION */

	#nav, #nav * 					{ list-style:none;margin:0;padding:0; z-index:999;}	
	#nav							{ position:absolute; top:-59px; height:39px; width: 362px; left: 488px;}

	#nav_home,
	#nav_home,
	#nav_home,
	#nav li 						{ float:left; padding-left:1px; margin-right:1px; }
	#nav_home a,
	#nav_home a,
	#nav_home a,
	#nav li a 						{ display:block; padding:0 13px 2px 9px; line-height:37px; font-size:1.2em; text-decoration:none; color:#fff; } 
	#nav li:hover,
	#nav li.current					{  }
	#nav li:hover a, 
	#nav li.current a				{ color:#CAC77C;  }
	#nav li li						{ display:block; background:none; margin-right:0; }
	#nav li li a,
	#nav li.current li a,
	#nav li:hover li a				{ font-size:11px; color:#31300C; padding:0 8px; line-height:10px; }
	#nav li li a:hover,
	#nav li li.current a			{ text-decoration:underline; color:#5b2a14; }	
	#nav li:hover li a,
	#nav li li:hover,
	#nav li.current li a,
	#nav li li.current 				{ background:none;  }
	#nav li ul 						{ position:absolute; left:-5000px; z-index:999; width:434px; }
		#nav li:hover ul ul, 
	#nav li:hover ul ul ul, 
	#nav li:hover ul ul ul ul 		{ left:-5000px; }
	#nav li:hover ul,
	#nav li.current ul				{ left:-120px; top:22px; padding-top:18px;}
	
/* END */

/*  MID */

	
	#mid					{
	background:url(../images/BG_MID_HOME.jpg) repeat-x;	color:#422313;	height:198px; position:relative; margin-top:155px;}

	
/* END */

/*  MID INNER */	
	#midInner					{ background-image:url(../images/BylandsNursery_03.jpg);	color:#422313;	width: 799px ; height:198px; position:relative; margin: 0; margin-left: auto; margin-right: auto;}	
/* END */


/*  PRIMARY CONTENT */

	#home #primaryContent			{ }
	
	#primaryContent					{ float:left; position:relative; width:484px; padding-left:9px; margin-top:244px;}	
	#primaryContent a				{ text-decoration:underline; color:#8a4629; }	
	#primaryContent a:hover			{ text-decoration: none; }	
	#primaryContent p,
	#primaryContent li				{ font-size:1.3em; line-height:1.5em; margin-bottom:1em; color:#382b26; }	
	#primaryContent li p			{ font-size:1em; margin:0; }	
	#primaryContent ul,
	#primaryContent ol				{ margin:1em; padding-left:2em; }	
	img.left-align					{ float:left; margin:10px 10px 10px 0; }	
	img.right-align					{ float:right; margin:10px 0 10px 10px; }
	
/* END */



/* HEADINGS */
	h2, h3, h4, h5, h6				{ margin-bottom:.5em; color:#32231c; }
	h2								{ font-size:2.3em; color:#32231c; font-weight:normal; margin-top:4px;}
	#primaryContent h3				{ font-size:1.8em; }
	#primaryContent h4				{ font-size:1.6em; }
	#primaryContent h5				{ font-size:1.5em; }
	#primaryContent h6				{ font-size:1.4em; }
	
/* END */


/* Professional Login*/
	
	a#ProLog 						{ background-image:url(../images/button_login.png); z-index: 90; cursor: pointer;	top: 49px;	position: absolute;	left: 14px; width: 164px; height: 92px; display:block; }
a#ProLog span 						{ display:none; }
a#ProLog:hover 						{ background-image:url(../images/button_login.png); }

	
/* END */

/* Go To Garden Centre*/
	a#GardenCentre 					{ background-image:url(../images/gardenCentre_login.png); z-index: 90; cursor: pointer;	top: 49px;	position: absolute;	left: 612px; width: 164px; height: 92px; display:block; }
a#GardenCentre span 				{ display:none; }
a#GardenCentre:hover 				{ background-image:url(../images/gardenCentre_login.png); }
	
/* END */


/* TALK BOX */
		
	#talkBox2						{ display:block; width:370px; height:125px;position:absolute; left:240px; top: 510px; padding: 0px; z-index: 1; }
	
	#talkBox2 p						{  font:14px Georgia, "Times New Roman", serif; color:#8e8b48; font-weight:bold; line-height: 150% }
	.orange							{  font:14px Georgia, "Times New Roman", serif; color:#ce7a11; font-weight:bold;  }
	
/* END */

/* INTRO */

	#primaryContent #intro			{ width:487px; padding:0 40px 0px 0 margin-bottom:30px; }	
 	#primaryContent #intro h2		{ font:30px Georgia, "Times New Roman", serif; font-size:30px; color:#643d2b; }	
	#primaryContent #intro	p		{ font-size:1.4em; color:#464134; line-height:1.7em; text-indent:0px; position:relative; top:-7px; }
							
/* END */


/* FOOTER */
	#footer-wrap					{ height:94px; position:relative; z-index:1; margin-top:-120px;background-color:#2F3017;}
	#home #footer-wrap				{ margin-top:-105px; }
	#footer							{ position:relative; z-index:2;	height:174px; background-color:background-color:#2F3017; background-image:url(../images/footer_wrap_bg_HOME.gif); background-repeat: repeat-x; overflow: visible; }
	#footer-inner					{ width:835px; margin:0 auto; padding:30px 12px 0 13px; position:relative; }
	#footer p						{ font-size:1.1em; color:#a5a25d; }	
	#footer a, a:link, a:visited { text-decoration: none; color: #A5A25D; text-decoration: none;	font-size:1.1em;
		font-family:Arial, Verdana, Helvetica, sans-serif;}
	#footer a:hover { color: #CCC749; }	
	#footer #feeds					{ position:absolute; right:1px; top:8px; background:url(../images/leaf.png) no-repeat; display:block; width:390px; height:160px; text-indent:-999em; }
	
/* END */



/* NAV CRUMB */

	#crumb							{ font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #bcbc85; text-transform: uppercase; font-size:11px;	padding-bottom: 20px; color:#32231c;}
	#crumb a						{ color: #8c5309; text-decoration: none; }
	#crumb a:hover					{ text-decoration: underline; }

	
/* END */