@charset "utf-8";
/* 
Theme Name: Garden Home Products 2009
Theme URI: http://www.gardenhomeproducts.com/
Description: Theme for Garden Home Products new website. Designed by Starlight Creative Studios on behalf of Everbearing Services, Inc.
Version: 0.9
Author: Starlight Creative Studios, LLC
Author URI: http://www.starlightcreativestudios.com/
*/

/*-------------------------------------
START - GLOBAL 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,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	outline:0;
/*	font-weight:inherit; */
/*	font-style:inherit; */
	vertical-align:baseline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}

/*-------------------------------------
GLOBAL SETTINGS
---------------------------------------*/
body {
	background: #EDE8D3;
	background-image: url(images/background-dark.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 1.0em;
	color: #4A3715;
}

/*-------------------------------------
COMMON FORMATTING
---------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-weight:100;
	margin:0;
	padding:0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#996600;
	}
h1 {
	font-size:60px;
	}
h2 {
	font-size:1.125em;
	}
h3 {
	font-size: 1.0em;
	border-bottom: 1px solid #996600;

	}
h4 {
	font-size:1.0em;
	}
h5 {
	font-size:1.0em;
	}
h6 {
	font-size:1.0em;
	}
p,ul,ol {
	font-weight:100;
	line-height:20px;
	text-align:left;
	}
ul,ol {
	list-style:none;
	}
blockquote {
	margin:22px 40px;
	padding:0;
	}
dl {
	padding:0;
}
dt {
	padding:0;
}
dd {
	padding:0;
}
img {
	border:0;
	}
sup {
	position:relative;
	bottom:5px;
	vertical-align:baseline;
	}
sub {
	position:relative;
	bottom:-3px;
	vertical-align:baseline;
	}
acronym,abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
	}
	
/*-------------------------------------
LINKS
---------------------------------------*/
a,a:visited {
	text-decoration:none;
	color:#996600;
	}
a:hover {
	text-decoration:underline;
	}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {
	text-decoration:underline;
	}
label {
	cursor:pointer;
	}
	
/*-------------------------------------
FOCUS STYLES
---------------------------------------*/
:focus {
	outline:0;
	}
/*-------------------------------------
TABLES
---------------------------------------*/
/* table {
	border:0;
	margin:0;
	padding:0;
	} */
/* tables still need cellspacing=0 in the markup */
/* table th tr td {
	text-align:left;
	font-weight:400;
	border-collapse:separate;
	border-spacing:0;
	padding:0;
	}
caption {
	text-align:left;
	font-weight:400;
	}
	
fieldset {
	display:inline;
	border:none;
	border-collapse:collapse;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	} */
/*-------------------------------------
IE ALERT
---------------------------------------*/
#alert {
  background-color: yellow;
  border: 5px solid red;
  color: red;
  font-size: 1.25em;
  font-weight: bold;
  }
#alert p {
  margin: 1em 40px;
  font-family:Arial, Helvetica, sans-serif;
  }
#alert a {
	text-decoration:underline;
	}
/*-------------------------------------
GLOABL STYLES
---------------------------------------*/	
body {
	text-align:center; /* centering fix for IE6 */
}

	div.wrapper {
		width:950px;
		margin: 10px auto 0 auto;
		text-align:left; /* necessary due to IE6 centering fix in body */
	}

	.logo {
		background-image: url(images/logo1.png);
		background-repeat: no-repeat;
		overflow: hidden;
		text-indent: -9000px;
		margin: 0;
		padding: 0;
		height: 60px;
		width: 190px;
	}

		.logo a {
			display: block;
		}

	.menu {
		position: relative;
		z-index:2000;
		float:right;
		margin: 40px auto 0px auto;
	}

		.menu ul {
			position: relative;
			display: inline; 
			list-style: none;
			margin: 0em 0.25em;
			font-size: 1.0em;
		}

			.menu ul li {
				position: relative;
				display: block;
				float: left;
				margin: 0px 17px;
			}

				.menu ul li a:link, .menu ul li a:visited {
					background: url(images/transparent.png);
					position: relative;
					display: block;
					padding: 1px 3px;
					color: #724E0B;
					
					/* optional rounded corners for browsers that support it */
					-moz-border-radius: 3px;
					-khtml-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
				}
				
				.menu ul li a:hover, .menu ul li a:focus {
					background: #996600;
					color: #fff;
					text-decoration: none;
				}

/*-------------------------------------
DROPMENU STYLES
---------------------------------------*/	
/* Basic code - don't modify */
 
  #nav { display: block; /*margin: 0;*/ padding: 0; position: relative; }
  #nav li { display: block; list-style: none; /*margin: 0;*/ padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 200px; }
#nav ul ul { left: 201px; }

/* Everything else is theming */
 
#nav {  }
#nav *:hover {  }
#nav a {  }
  #nav li.hover a {  }
  #nav ul { top: 25px;font-size:12px; }
    #nav ul li a { background-color: #bdbd8a; }
      #nav ul a.hover { background-color: #996600; }
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/*-------------------------------------
SIDEBAR STYLES
---------------------------------------*/	
div.sidebar {
	float: left;
	width: 205px;
	margin: 0;
	padding: 0;
}

	.sidecontent {
		background: white;
		border: 1px solid #999966;
		margin: 25px 0px 0px 20px;
		padding: 10px;
		min-height: 430px;
		overflow: hidden;
	}
	
		.sidecontent h2 {
			font-size: 1.125em;
			font-family: 'Goudy Oldstyle', 'Palatino Linotype', Georgia, serif;
			font-variant: small-caps;
			letter-spacing: 1px;
			text-align: center;
		}
		
		.sidecontent p {
			display: block;
			font-size: 0.75em;
			margin: 2px 0px 0px 0px;
		}

		p.centerImage {
			margin: 0;
			padding: 0;
			text-align: center;
		}

	.copyright {
		margin: 0px 0px 10px 20px;
		padding: 5px 0px;
		font-size: 0.688em;
		text-align: center;
	}

	.newsletter {
		background: url(images/signup.png) no-repeat 0px 0px;
		margin: 0px 0px 0px 20px;
		padding: 0px;
		width: 188px;
		height: 45px;
		text-indent: -9000px;
	}

.signup {
	background: url(images/signup.png) no-repeat 0px -26px;
	margin: 5px 0px 0px 0px;
	padding: 0;
	height: 24px;
	width: 188px;
}

#email {
	background: none;
	border-style: none;
	float: left;
	font-style: italic;
	margin: 0px 0px 4px 4px;
	padding: 2px 2px 2px 0px;
	height: 16px;
	width: 145px;
	font-family: Geneva, Arial, Verdana, sans-serif;
	color: #c1272d;
}

#go {
	background: none;
	border: none;
	float:right;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 2px 0px;
	height: 20px;
	width: 37px;
	font-weight: bold;
	font-family: Geneva, Arial, Verdana, sans-serif;
	color: #fff;
}

/*-------------------------------------
MAIN CONTENT STYLES
---------------------------------------*/
div.main {
	float: right;
	border: none;
	margin: 25px 20px 0px 20px;
	padding: 0;
	width: 700px;
	min-height: 485px;
}

div.content {
	background: white;
	border: 1px solid #999966;
	margin: 0;
	padding: 10px 20px;
	width: 660px;
	min-height: 430px;
	line-height: 160%;
}

	.content h2 {
		font-size: 1.125em;
		font-family: 'Goudy Oldstyle', 'Palatino Linotype', Georgia, serif;
		font-variant: small-caps;
		letter-spacing: 1px;
	}
	
	.content h3 {
		clear: both;
		font-size: 1.0em;
		border-bottom: 1px solid #996600;
	}

	.content p, .content ul, .content ol {
		margin: 0.375em 0em;
		font-size: 0.875em;
	}

	.content ul {
		list-style: square;
		margin: 0.375em 1.25em;
	}
	
		.content ul li {
		}

	.content ol {
		list-style: decimal;
		margin: 0.375em 1.25em;
		padding: 0em 1.25em;
	}
	
		.content ol li {
		}

	.content p {
		margin: 0.375em 0em;
	}
	
div.footer {
	float: right;
	margin: 0px 20px 20px 20px;
	padding: 0;
	width: 700px;
	text-align: right;
	font-size: 0.75em;
}

/*-------------------------------------
LANDING PAGE STYLES
---------------------------------------*/
.announce {
	background: white;
	border: 1px solid #999966;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	width: 670px;
	height: 60px;
}
	.announce h3 {
		text-align: center;
		margin-top: 5px;
	}

	.announce p {
		text-align: center;
		color: #996600;
	}

	.announce ul {
		text-align: center;
		margin-top: 10px;
/*		color: #996600; */
	}

.photowrapper {
	background: white;
	border: 1px solid #999966;
	margin: 0;
	padding: 0;
	width: 700px;
	height: 135px;
}

	.welcome {
		background: white;
		border: 1px solid #999966;
		margin: 25px 0px 0px 20px;
		padding: 10px;
		height: 430px;
		overflow: hidden;
	}

		.welcome h2 {
			font-size: 1.125em;
			font-family: 'Goudy Oldstyle', 'Palatino Linotype', Georgia, serif;
			font-variant: small-caps;
			letter-spacing: 1px;
			text-align: center;
		}
		
		.welcome p {
			display: block;
			font-size: 0.75em;
			margin: 5px 0px 0px 0px;
		}

#gallery {
display: none;
}

#backup {
background:url('http://everbearingservices.com/clients/GHP/wp-content/gallery/BuyerPhotos/imported-photos-00077.jpg') no-repeat;
width:690px;
height:430px;
}

td.ec3_start { padding-right: 3px; }

td.ec3_end { padding-left: 3px; }