* { margin: 0; padding: 0; }

a, a:link, a:visited { color: #000; }
a:hover, a:active { color: #14cc6c;}

a.links {
	font-size: .85em;
}

a img { border: none; }

p { margin: 10px;}

html{
	font-family: Juice ITC, cursive, verdana;
	color: rgb(74, 172, 100);
	color: #14cc6c;
	font-size: 16px;
}

body {
	background-image: url('../images/oj_bg.gif');
	background-repeat: repeat;
} 

#content {
	font-size: 1.25em;
	margin: 0 50px;
	padding: 25px 10px;
/*	background-image: url('../images/oj_bg.gif');
	background-repeat: repeat;
*/	min-height: 500px;
}

#content p { text-align: center; }

#about {
	font-size: 1.3em;
	margin: 0 50px;
	padding: 25px 10px;
	background-image: url('../images/oj_bg_about.gif');
	background-repeat: repeat;
	min-height: 500px;
}

#gallery {
	font-size: 1.25em;
	margin: 0 50px;
	padding: 25px 10px 0 10px;
	background-image: url('../images/oj_bg.gif');
	background-repeat: repeat;
	min-height: 500px;
}

#press {
	font-size: 1.25em;
	margin: 0 50px;
	padding: 25px 10px;
	background-image: url('../images/oj_bg.gif');
	background-repeat: repeat;
	min-height: 500px;
}
#stores {
	font-size: 1.25em;
	color: #000;
	margin: 0 50px;
	padding: 25px 10px;
	background-image: url('../images/oj_bg.gif');
	background-repeat: repeat;
	min-height: 500px;
}

#contact {
	font-size: 1.25em;
	margin: 0 50px;
	padding: 25px 10px;
	background-image: url('../images/oj_bg.gif');
	background-repeat: repeat;
	min-height: 500px;
}

#wholesale {
	font-size: 1.25em;
	color: #000;
	margin: 0 50px;
	padding: 25px 10px;
	background-image: url('../images/oj_bg.gif');
	background-repeat: repeat;
	min-height: 500px;
}

#wholesale p { text-align: center; }

#gogreen {
	font-size: 1.25em;
	margin: 0 50px;
	padding: 25px 10px;
	background-color: #BFD6FF;
	background-image: url('../images/olive-jane-goes-green.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	min-height: 500px;
}

#gogreen p { width: 275px; color: #000;}

* html #content { height: 500px; }
* html #about { height: 500px; }
* html #press { height: 500px; }
* html #gallery { height: auto; padding-right: 0; padding-left: 0;}
* html #stores { height: 500px; }
* html #contact { height: 500px; }
* html #gogreen { height: 500px; }
* html #wholesale { height: 500px; }


.vertbar {
	margin: 0 auto;
	width: 850px;
	background-image: url('../images/vertbar.jpg');
	background-repeat: repeat;
}

.horizonbar {
	margin: 0 auto;
	height: 50px;
	width: 850px;
	background-image: url('../images/horizonbar.jpg');
	background-repeat: repeat;
}

#contactWrapper  p {
	font-size: .9em;
	margin: 5px 5px 5px 25px;
	width: 325px;
	float:left; 
	clear: right;
}

#formContact {
	margin: 5px 5px 5px 25px;
	width: 325px;
	float: left;
	clear: right;
}

#formContact label {
	text-align: left;
	width: 75px;
}

#formContact input {
	width: 200px;
}

#formContact textarea {
	width: 200px;
	height: 150px;
}

#formContact input.btns { width: 75px; margin-left: 100px;}

.clear { clear: both; }

.gallery {
	background-image: url('../images/gallery/gallery_bg.jpg');
	background-repeat: no-repeat;
	height: 455px;
	width: 750px;
}

.glass {
	position: relative;
	top: 145px;
	left: 440px;
}


/******  MENU  ******/

#menu { 
	float: left;
	background-color: #14cc6c;
	display: inline;
	width: 750px;
	list-style: none;
	margin-top: -25px;
	margin-left: -10px;
}

#menu li { 
	display: inline;
	float: left;
	width: 107px;
	margin: 0;
}
#menu li a { 
	display: block;
	text-align: center;
	margin: 0;
	height: 75px;
	width: 105px;
	font-family: AYummy Apology;
	font-size: .85em;
	font-weight: bold; 
	background-color: #14cc6c;
	background-repeat: no-repeat; 
	background-position: bottom right; 
	text-decoration: none;
	font-variant: small-caps;
	color: #000;
	border-right: 1px solid rgb(74, 172, 100);
	border-left: 1px solid rgb(74, 172, 100);

}

#menu li a.active, #menu li a:hover { 
	color: #FFF;
	background-color: rgb(74, 172, 100); 
	border-right: dashed 1px #FFF; 
	border-left: dashed 1px #FFF;
}

#content #menu li a span {
	margin: 0 auto;
}

#content #menu li a span:hover {  }

#btn_about a { background-image: url('../images/btn-about-active.jpg'); }
#btn_gallery a { background-image: url('../images/btn-gallery-active.jpg');}
#btn_press a { background-image: url('../images/btn-press-active.jpg'); }
#btn_stores a { background-image: url('../images/btn-stores-active.jpg'); }
#btn_contact a { background-image: url('../images/btn-contact-active.jpg'); }
#btn_wholesale a { background-image: url('../images/btn-wholesale-active.jpg'); }
#btn_gogreen a { background-image: url('../images/btn-go-green-active.jpg'); }


#btn_about a:hover , #btn_about a.active { background-image: url('../images/btn-about-active.jpg'); }
#btn_gallery a:hover, #btn_gallery a.active  { background-image: url('../images/btn-gallery-active.jpg');}
#btn_press a:hover, #btn_press a.active { background-image: url('../images/btn-press-active.jpg'); }
#btn_stores a:hover, #btn_stores a.active { background-image: url('../images/btn-stores-active.jpg'); }
#btn_contact a:hover, #btn_contact a.active { background-image: url('../images/btn-contact-active.jpg'); }
#btn_wholesale a:hover, #btn_wholesale a.active { background-image: url('../images/btn-wholesale-active.jpg'); }
#btn_gogreen a:hover, #btn_gogreen a.active { background-image: url('../images/btn-go-green-active.jpg'); }