/*
Theme Name: GeesBees
Description: Custom theme for WordPress.
Author: Luno Design
Author URI: http://www.lunodesign.co.uk/
Version: 1.0
*/



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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline:0;
	}

a {
					text-decoration:none;
					color:#330000;
					}

a:hover {
					color:#cc0000;
					}
body {
	font-family: "Delius", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#ffffff;
	}
	.springbg {
		background:#6d9e3d url(images/springbg.png) top left repeat-x;
		}
	.summerbg {
		background:#669933 url(images/summerbg.png) top left repeat-x;
		}
	.autumnbg {
		background:#61863c url(images/autumnbg.png) top left repeat-x;
		}
	.winterbg {
		background:#6c4f37 url(images/winterbg.png) top left repeat-x;
		}
#outer_container {
	margin:0 auto;
	width:960px;
	height:960px;
	}
	.spring {
		background: url(images/spring-background.png) top left no-repeat;
		}
	.summer {
		background: url(images/summer-background-.png) top left no-repeat;
		}
	.autumn {
		background: url(images/autumn-background.png) top left no-repeat;
		}
	.winter {
		background: url(images/winter-background.png) top left no-repeat;
		}
	.beehome {
		background: url(images/home_bee.png) 680px 0 no-repeat;
		}
	.beeadvice {
		background: url(images/advice_bee.png) top right no-repeat;
		}
	.beeshop {
		background: url(images/shop_bee.png) 680px 9px no-repeat;
		}
#logo {
	width:360px;
	height:220px;
	float:left;
	}
#menu {
	width:380px;
	margin: 30px 0 0 180px;
	height:40px;
	float:left;
	}
	#menu ul {
		list-style:none;
		text-align:center;
		}
		#menu ul li {
			list-style:none;
			float:left;
			width:60px;
			}
			#menu ul li.big {
			width:130px;
			}
				#menu ul li a {
					color:#fcd865;
					text-decoration:none;
					}
				#menu ul li a:active,
				#menu ul li a:hover 
				{
					color:#ce4218;
					text-decoration:none;
					}
					
					
.nav, .nav ul {padding:0; margin:0; list-style:none;}
.nav {position:relative;}

.nav ul {position:absolute; top:32px; left:0; height:0; /*overflow:hidden;*/ }
.nav li {float:left; position:relative; text-align:center;}
.nav li a {display:block; line-height:32px; padding:0 5px; color:#fcd865; text-decoration:none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.nav li:hover > a {color:#ce4218; background:none;}

.nav li:hover ul.sub1 {width:80px; height:120px;}
.nav li:hover ul.sub2 {width:80px; height:160px;}


.nav ul li {width:60px; opacity:0; filter:alpha(opacity=0);
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.nav ul li.big {width:140px;}

.nav li ul li.p1,
.nav li ul li.p2, 
.nav li ul li.p3, 
.nav li ul li.p4,
.nav li ul li.p5,
.nav li ul li.p6 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.nav li:hover ul li {opacity:1; /*filter:alpha(opacity=99);*/}

.nav ul li a {color:#fcd865; line-height:1px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.nav li:hover ul li a {line-height:30px; width: 250px; text-align:left; padding-left:10px;}
/nav ul li a:hover {color:#ce4218;}

/* for IE6 */
.nav table {border-collapse:collapse; margin-bottom:-1px;}
* html .nav a {height:30px; float:left;}
.nav a:hover {color:#ce4218;}
.nav a:hover ul.sub1 {width:80px; height:120px;}
.nav a:hover ul.sub2 {width:80px; height:150px;}
.nav a:hover ul li a {line-height:32px; height:30px; float:none;}


#main {
	width:920px;
	height:740px;
	margin:0 auto;
	float:left;
	}
	#main h3 {
		font-size:2em;
		color:#fcd865;
		text-align:center;
		}
	#main h4 {
		font-size:1.5em;
		color:#663300;
		text-align:center;
		padding-top:10px
		}
	#main h6 {
		font-size:1.3em;
		color:#663300;
		text-align:left;
		padding-top:10px
		}
	#main p {
		font-size:1em;
		line-height:1.2em;
		padding:15px 0;
		}
	#main p2 {
		font-size:0.8em;
		color:#663300;
		padding:10px 0;
		}


	#main #hive {
		width:650px;
		height:650px;
		float:right;
		margin: 0 auto;

		background: url(images/Beehive2.png) bottom right no-repeat;
		}
			#main #hive #shop {
			position:relative;
			top:180px;
			left:250px;
			height:100px;
			width:260px;
			transform:rotate(5deg);
			-moz-transform:rotate(5deg); /* For Firefox */
			-webkit-transform:rotate(5deg); /* For Safari and Chrome */
			-o-transform:rotate(5deg); /* For Opera */
			}
				#main #hive #shop h5 {
				text-align:center;
				font-size:3.0em;
				color:#330000;
				}

			#main #hive #news {
			position:relative;
			top:195px;
			left:262px;
			height:100px;
			width:260px;
			transform:rotate(5deg);
			-moz-transform:rotate(5deg); /* For Firefox */
			-webkit-transform:rotate(5deg); /* For Safari and Chrome */
			-o-transform:rotate(5deg); /* For Opera */
			}
			#main #hive #news h5 {
				text-align:center;
				font-size:2.2em;
				color:#330000;
				}
			#main #hive #advice {
			position:relative;
			top:180px;
			left:250px;
			height:100px;
			width:260px;
			transform:rotate(6deg);
			-moz-transform:rotate(6deg); /* For Firefox */
			-webkit-transform:rotate(6deg); /* For Safari and Chrome */
			-o-transform:rotate(6deg); /* For Opera */
			}
			#main #hive #advice h5 {
				text-align:center;
				font-size:2.8em;
				color:#330000;
				}
			#main #hive #contact {
			position:relative;
			top:195px;
			left:240px;
			height:100px;
			width:260px;
			transform:rotate(9deg);
			-moz-transform:rotate(9deg); /* For Firefox */
			-webkit-transform:rotate(9deg); /* For Safari and Chrome */
			-o-transform:rotate(9deg); /* For Opera */
			}
			#main #hive #contact h5 {
				text-align:center;
				font-size:2.3em;
				color:#330000;
				}
				#main #hive #advice h5 a,
				#main #hive #shop h5 a,
				#main #hive #news h5 a,
				#main #hive #contact h5 a {
					text-decoration:none;
					color:#330000;
					}
				#main #hive #advice h5 a:hover,
				#main #hive #shop h5 a:hover,
				#main #hive #news h5 a:hover,
				#main #hive #contact h5 a:hover {
					color:#cc0000;
					}
		#main #trees {
			width:960px;
			margin: 0 auto;
			padding-top:30px;
			}
			#main #trees ul {
				width:960px;
				list-style:none;
				}
			#main #trees li {
				width:240px;
				float:left;
				font-size:1.5em;
				text-align:center;
				}
				#main #trees li a {
					color:#fcd865;
					text-decoration:none;
					}
					#main #trees li a:hover {
						color:#cc0000;
						}
					#main #trees li img {
						padding:25px 0 15px 0;
						}
					span.treedesc {
						font-size:0.8em;
						color:#663300;
						padding:10px 0;
						text-align:left;
					}
		#main #shophive {
			width:960px;
			height:770px;
			background: url(images/inside_hive.png) 1px 20px no-repeat;
			}
		#main #shophive #frames,
		#main #shophive #hardware,
		#main #shophive #tools,
		#main #shophive #honey,
		#main #shophive #health,
		#main #shophive #jars {
			width:135px;
			height:120px;			
			}
		#main #shophive #frames {
			position:relative;
			top:202px;
			left:260px;
			}
		#main #shophive #hardware {
			position:relative;
			top:77px;
			left:458px;
			}
		#main #shophive #tools {
			position:relative;
			top:-40px;
			left:655px;
			}
		#main #shophive #honey {
			position:relative;
			top:30px;
			left:160px;
			}
		#main #shophive #health {
			position:relative;
			top:-90px;
			left:364px;
			}
		#main #shophive #jars {
			position:relative;
			top:-205px;
			left:559px;
			}
		#main #contactform {
			height:410px;
			width:800px;
			margin: 20px auto;
			background: url(images/contactbg.jpg) bottom center no-repeat;
			opacity:0.99;filter:alpha(opacity=99);	
			}

		#main #textbox {
			margin:25px 0 50px 0;
			padding:30px 40px;
			/*background:#ffffff;
			opacity:0.7;filter:alpha(opacity=70);*/
			background-color:rgba(255, 255, 255, 0.75);
			color:#000000;
			width:auto;
			height:auto;
			/*min-height:300px;*/
			-webkit-border-radius: 40px;
			-moz-border-radius: 40px;
			border-radius: 40px;
			}
		#main #map {
			height:371px;
			width:650px;
			margin: 20px auto;	
			}

		#main #opening {

			text-align:left;
			font-size:1.1em;
			line-height:1.3em;
			margin: 10px;
			list-style:none;
			}

		#main #holidays {

			text-align:left;
			font-size:1em;
			line-height:1.2em;
			margin: 10px;
			list-style:none;
			}

		#main #sign {	
			width:270px;
			height:441px;
			margin: 100px auto 0px auto;
			float:left;
			background: url(images/sign.png) bottom right no-repeat;
			}
		
		#main #sign #status {
			text-align:left;
			font-size:1em;
			line-height:1.8em;
			list-style:none;
			position:relative;
			top:70px;
			left:40px;
			height:100px;
			width:260px;
			transform:rotate(-4deg);
			-moz-transform:rotate(-4deg); /* For Firefox */
			-webkit-transform:rotate(-4deg); /* For Safari and Chrome */
			-o-transform:rotate(-4deg); /* For Opera */
			}

#payment {
			text align:centre;
			margin: 0 auto;
			color: #330000;
			font-size:1.em;
			list-style:none;
			position:relative;
			top:300px;
			height:150px;
			width:920px;
			}
	
	
	


#footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:20px;
	padding:3px 10px;
	background:#330000;
	color:#ffffff;
	opacity:0.6;filter:alpha(opacity=60);
	z-index:1;
	font-size:0.9em;
	}
#footer p {float:left;}
#footer p.right {float:right; padding-right:20px;}
#footer a {
	color:#719A82;
	}


ul.eshop li,
form.addtocart,
.continue-proceed,
#eshopgateway,
.pagfoot {
	clear:none;
	float:left;
	/*padding:20px;*/
}

.contactform607 {
color:#000000;
font size:9px;
font-weight:400;
font-family: "Delius", Arial, Helvetica, sans-serif;
margin: 6px 6px 6px 400px;
max-width:340px;
width:95%;
}
.ccf-form-complete {
font size:11px;
font-weight:400;
font-family: "Delius", Arial, Helvetica, sans-serif;
margin: 12px 6px 6px 400px;
padding-top:40px;
max-width:300px;
width:95%;
}