html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	}
body {
	background-color: #f2edbe;
	background-image: url(../assets/bg-page.gif);
	background-repeat: repeat;
	text-align: center;
	color: #6a5142;
	font-family: Georgia, Times New Roman, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	}

/* logo
--------------------------------------------- */
#logo {
	margin: 0;
	padding: 0px 0px 0px 37px;
	padding: 0px 0px 0px 37px;
	float: left;
	}
#logo a,
#logo span {
	display: block;
	width: 360px;
	height: 170px;
	background: url(../assets/green-smart-gifts-logo.gif) no-repeat top left;
	}
#logo img {
	display: block;
	width: 360px;
	height: 170px;
	width: 0;
	}
#logo a:hover {
	display: block;
	width: 360px;
	height: 170px;
	background: url(../assets/green-smart-gifts-logo.gif) no-repeat top left;
	text-decoration: none;
	}


/* top navigation
--------------------------------------------- */
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}
#nav ul li {
	float: left;
	padding: 0;
	}
#nav ul li a {
	float: left;
	display: inline;
	height: 145px;
	width: 100px;
	margin: 0;
	text-decoration: none;
	color: #a3ac83;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 120px; /* hack! */
	border: none;
	text-align: center;
	/* padding-top: 133px; */
	}

#nav ul li.story {
	background: url(../assets/nav-story-off.gif) no-repeat top left;
	}
#nav ul li.products {
	background: url(../assets/nav-products-off.gif) no-repeat top left;
	}
#nav ul li.corporate {
	background: url(../assets/nav-corporate-off.gif) no-repeat top left;
	}
#nav ul li.charity {
	background: url(../assets/nav-charity-off.gif) no-repeat top left;
	}
#nav ul li.contact {
	background: url(../assets/nav-contact-off.gif) no-repeat top left;
	}

#nav ul li a:hover {	
	color: #FFF;
	font-weight: bold;
	}
#nav li a:hover.story-hover {
	background: url(../assets/nav-story-active.gif) no-repeat top left;
	}
#nav li a:hover.products-hover {
	background: url(../assets/nav-products-active.gif) no-repeat top left;
	}
#nav li a:hover.corporate-hover {
	background: url(../assets/nav-corporate-active.gif) no-repeat top left;
	}
#nav li a:hover.charity-hover {
	background: url(../assets/nav-charity-active.gif) no-repeat top left;
	}
#nav li a:hover.contact-hover {
	background: url(../assets/nav-contact-active.gif) no-repeat top left;
	}


#nav li a.story-active {
	background: url(../assets/nav-story-active.gif) no-repeat top left;
	color: #FFF;
	font-weight: bold;
	}
#nav li a.products-active {
	background: url(../assets/nav-products-active.gif) no-repeat top left;
	color: #FFF;
	font-weight: bold;
	}
#nav li a.corporate-active {
	background: url(../assets/nav-corporate-active.gif) no-repeat top left;
	color: #FFF;
	font-weight: bold;
	}
#nav li a.charity-active {
	background: url(../assets/nav-charity-active.gif) no-repeat top left;
	color: #FFF;
	font-weight: bold;
	}
#nav li a.contact-active {
	background: url(../assets/nav-contact-active.gif) no-repeat top left;
	color: #FFF;
	font-weight: bold;
	}




/* product navigation
--------------------------------------------- */
#navcontainer {
	border-top: 1px dotted #a3ac83;
	width: 300px;
	padding: 0px;
	margin-bottom: 1em;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	background-color: none;
	color: #fff;
	}
#navcontainer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	}
#navcontainer li {
	border-bottom: 1px dotted #a3ac83;
	margin: 0;
	}
#navcontainer li a {
	display: block;
	padding: 6px .5em 6px .5em;
	background-color: none;
	color: #fff;
	text-decoration: none;
	/* width: 9.6em; */
	}
#navcontainer li a.nolink {
	background: none;
	font-weight: normal;
}
#navcontainer li a:hover.nolink {
	background: none;
	font-weight: normal;
	}
#navcontainer li a:hover {
	background-image: url(../assets/bullet-productnav.gif);
	background-position: right;
	background-repeat: no-repeat;
	border: none;
	color: #fff;
	font-weight: bold;
	}
#navcontainer li li {
	border-top: 1px dotted #a3ac83;
	border-bottom: 0;
	margin: 0;
	padding: 2px 0em 2px .25em;
	}
#navcontainer li li a {
	padding: 4px .25em 4px 1.3em;
	/* width: 8.8em; */
	}
#navcontainer li li li a {
	padding: 3px .5em 3px 1.9em;
	/* width: 8.2em; */
	}
.active {
	background-image: url(../assets/bullet-productnav.gif);
	background-position: right;
	background-repeat: no-repeat;
	border: none;
	color: #fff;
	font-weight: bold;
	}


/* paragraphs
--------------------------------------------- */
p {

	}
.copy {
	color: #6a5142;
	font-family: Georgia, Times New Roman, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	}
.copy-reversed {
	color: #FFF;
}
.caption {
	color: #6a5142;
	font-family: Georgia, Times New Roman, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 5px;
	padding: 0px;
	}
.price {
	color: #607322;
	font-family: Georgia, Times New Roman, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	margin: 10px 0 0 0 ;
	text-decoration: none;
	text-transform: none;
	}
#box {
	background-color: #f9f6df;
	border-bottom: 1px dotted #6a5142;
	border-top: 1px dotted #6a5142;
	color: #6a5142;
	font-family: Georgia, Times New Roman, sans-serif;
	float: right;
	font-size: .75em;
	height: auto;
	line-height: 1em;
	margin: 23px 0px 5px 10px;
	padding: 10px;
	width: 220px;
	}
#pullquote {
	background-color: #f9f6df;
	border-bottom: 1px dotted #6a5142;
	border-top: 1px dotted #6a5142;
	color: #6a5142;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	height: auto;
	float: right;
	margin: 0px 0px 35px 0px;
	padding: 0px 20px 0px 20px;
	width: 440px;
	}
#inset {
	padding-top: 27px;
	}
	
.reversed {
	color: #FFF;
}
.slogan {
	border-top: 1px dotted #6a5142;
	color: #465907;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: right;
}
.footer {
	color: #d2e19f;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	margin: 0 0 0 0; 
	}


/* heads
--------------------------------------------- */
h1 {
	color: #85533c; 
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	}
h2 {
	color: #f38f1d;
	/* color: #465907; */
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	line-height: 26px;
	margin: 15px 0px -16px 0px;
	}
h2.leftcol {
	color: #d2e19f;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 26px;
	margin: 0px; 
	}
h3 {
	color: #465907;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
	}


/* links
--------------------------------------------- */
a,  a:link {
	color: #607322;
	text-decoration: none;
	}
a:visited {
	color: #999999;
	text-decoration: none;
	}
a:hover {
	border-bottom: 1px dotted #f38f1d;
	color: #f38f1d; 
	/* color: #6a5142; */
	padding-bottom: 2px;
	text-decoration: none;
	}
a:focus {
	border-bottom: 1px dotted;
	color: #607322;
	}
a:active {
	color: #607322;
	}
a.reversed,  a:link.reversed{
	color: #FFF;
	border-bottom: 1px dotted #FFF;
	padding-bottom: 2px;
	}
a:hover.reversed{
	color: #f38f1d; 
	/* color: #607322; */
	border-bottom: 1px dotted #f38f1d; 
	padding-bottom: 2px;
	}
a.backtotop,  a:link.backtotop {
	color: #607322;
	text-decoration: none;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	}
a:visited.backtotop {
	color: #607322;
	text-decoration: none;
	}
a:hover.backtotop {
	color: #f38f1d; 
	/* color: #6a5142; */
	border-bottom: 1px dotted #f38f1d; 
	text-decoration: none;
	}
a:focus.backtotop {
	border-bottom: 1px dotted  #607322;
	color: #607322;
	}
a:active.backtotop {
	color: #607322;
	}
a.inline-link, a:hover.inline-link{
	text-decoration: none;
	}

/* a.products,  a:link.products {
	background: url(../assets/bullet-info.gif) no-repeat 100%;
	color: #607322;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 1px;
	padding: 0 12px 0 0;
	text-decoration: none;
	text-transform: uppercase;
	}
a:hover.products {
	background: url(../assets/bullet-info-hover.gif) no-repeat 100%;
	border: none;
	color: #607322;
	text-decoration: none;
	} */

a.namelink, a:hover.namelink	{
	border: none;
	text-decoration: none;
	}

a.footer-link,  a:link.footer-link {
	color: #d2e19f;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	margin: 0 0 0 0; 
	}
a:visited.footer-link {
	color: #d2e19f;
	text-decoration: none;
	}
a:hover.footer-link {
	color: #d2e19f;
	border-bottom: 1px dotted #d2e19f;
	text-decoration: none;
	}
a:focus.footer-link{
	border-bottom: 1px dotted #d2e19f;
	color: #d2e19f;
	}
a:active.footer-link{
	color: #d2e19f;
	}


a.lightbox,  a:link.lightbox {
	color: #607322;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
	text-transform: none;
	}
a:focus.lightbox {
	border: none;
	padding: 0;
	text-decoration: none;
	}
a:hover.lightbox {
	border: none;
	color: #6a5142;
	padding: 0;
	text-decoration: none;
	}


a.addtocart,  a:link.addtocart {
	color: #607322;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 14px;
	text-decoration: none;
	text-transform: uppercase;
	}
a:hover.addtocart {
	border: none;
	color: #6a5142;
	font-weight: normal;
	padding: 0;
	text-decoration: none;
	}
a:focus.addtocart {
	border: none;
	color: #6a5142;
	font-weight: bold;
	padding: 0;
	text-decoration: none;
	}

#button-fb img {
height: 0;
}
#button-fb a,
#button-fb span {
display: block;
width: 60px;
height: 115px;
background: url("../assets/button-fb.png") top;
background-repeat: no-repeat;
border: none;
}
#button-fb a:hover.noborder ,
#button-fb span:hover.noborder {
background: url("../assets/button-fb-hover.png") top;
background-repeat: no-repeat;
text-decoration: none;
border: none;
}
#button-fb a:focus.noborder ,
#button-fb span:focus.noborder {
background: url("../assets/button-fb-focus.png") top;
background-repeat: no-repeat;
text-decoration: none;
border: none;
}



/* misc. 
--------------------------------------------- */
a img {
	border: 0;
	text-decoration: none;
	}
#form {
	background: none;
	color: #d2e19f;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	line-height: 21px;
	margin: 0px; 
	text-align: center;
	}
.forminput {
	background: none;
	border: 1px solid #83954a; 
	color: #83954a; 
	font-family: Georgia, Times New Roman, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	padding-left: 4px;
	text-align: left;
	}
.forminput-contact {
	background: none;
	border: 1px solid #83954a; 
	color: #6a5142; 
	font-family: Georgia, Times New Roman, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	padding-left: 4px;
	text-align: left;
	}
.selectlabel {
	color: #6a5142;
	font-family: Georgia, Times New Roman, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	}
.selectinput {
	background: none;
	border: 1px solid #83954a; 
	color: #607322;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 14px;
	text-decoration: none;
	text-align: center;
	width: 140px;
	}
.submit-button {
	background: none;
	border: none;
	color: #607322;
	font-family: Calibri, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 14px;
	padding-top: 3px;
	text-decoration: none;
	text-transform: uppercase;
	}
.submit-button:hover {
	background: none;
	border: none;
	color: #6a5142;
	cursor: pointer;
	font-weight: normal;
	padding-top: 3px;
	text-decoration: none;
	}
.submit-button:focus {
	background: none;
	border: none;
	color: #6a5142;
	font-weight: bold;
	padding-top: 3px;
	text-decoration: none;
	}
	
.button-signup {
	background: url(../assets/button-signup.gif) no-repeat;
	border: none;
	width: 38px;
	height: 38px;
	text-indent: -99999px; 
	}
.floatRight {
	display: block;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	}
.hr-brown { 
	border-top: 1px dotted #6a5142;
	height: 1px;
	}
.hr-green { 
	background-color: none;
	background-image: url(../assets/hr-sine.gif);
	background-repeat: no-repeat;
	width: 340px;
	height: 10px;
	text-align: center;
	}
#flash {
	background-color: none;
	height: 190px;
	}
#video {
	background-color: none;
	height: 300px;
	padding-top: 20px;
	text-align: center; 
	}
#products {
	padding-top: 20px;
	text-align: center;
	}
td.products {
	border-bottom: 1px dotted #6a5142;
	padding-bottom: 13px;
	}
/* Floated elements must precede the element it should be next to on the page. */
.fltrt { 
float: right;
margin-left: 15px;
}
.fltlft { 
float: left;
margin-right: 15px;
}


/* layout
--------------------------------------------- */
#outerWrapper {
	margin: 0 auto 0 auto; 
	text-align: left; 
	width: 920px;
	}
#outerWrapper #header {
	background-image: url(../assets/bg-header.gif);
	backgroung-position: top;
	background-repeat: no-repeat;
	border-style: none; 
	height: 170px;
	padding: 0px 0px 0px 0px; 
	}
#outerWrapper #contentWrapper {
	background-color: #465907;
	background-image: url(../assets/bg-wrapper.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	overflow: hidden;
	}
#outerWrapper #contentWrapper #leftcol {
	background-color: none;
	background-image: url(../assets/bg-greentip.gif);
	background-repeat: no-repeat;
	background-position: top;
	border-style: none; 
	float: left;
	padding: 50px 0px 40px 0px; 
	text-align: center;
	width: 380px;
	}
#outerWrapper #contentWrapper #leftcol.products {
	background-color: none;
	background-image: url(../assets/bg-products.gif);
	background-repeat: no-repeat;
	background-position: top;
	border-style: none; 
	float: left;
	padding: 34px 40px 40px 40px; 
	text-align: left;
	width: 300px;
	}
#outerWrapper #contentWrapper #content {
	background-color: none;
	background-image: url(../assets/bg-content.gif);
	background-repeat: repeat-y;
	margin: 0 0 0 380px; 
	padding: 20px 40px 0px 20px;
	}
#outerWrapper #footer {
	background-color: none;
	background-image: url(../assets/bg-footer.gif);
	backgroung-position: top;
	background-repeat: no-repeat;
	border-style: none;
	height: 110px;
	padding: 35px 0px 0px 0px;
	text-align: center;
	}
	
#cart_mini_top {
	font-family: Georgia, Times New Roman, sans-serif;
	padding-right: 20px;
	text-align: right;
}