/***************************************************************

	Style Sheet 2004 by Pixelsound
	
	Title:		Java Juice - Innerpages
	Medium:		Internet
	
	Date:		24 December 2003
	Author:		Bernie Pfister

****************************************************************
	
	Modifications: Please fill in any further changes
	
	Date		Name			Modification
	
****************************************************************

	Content:	Basic HTML Tags
				Classes/Styles
				Navigation
				Content
				Layout



*************** Basic HTML Tags ********************************/
html {
	margin:0px;
	padding:0px;
}

body {
	margin: 0px;
	padding: 0px;
	background-image:  url(../images/content_bkg.jpg);
	background-position: 0px 103px;
	background-repeat: no-repeat;
}
body, td, p {
	font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 17px;
	color:#666666;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	margin: 0px;
	padding: 5px 0px 2px;
	color: #000000;
	font-size: 11px;
}
h3 {
	font-weight: normal;
	font-size:24px;
	font:"Arial Rounded MT Bold", Verdana, Arial, sans-serif;
	color:#999;
	padding: 10px 0px 10px;
	margin: 20px 0px 30px;
	background-image:  url(../images/tile_headerUnderline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	line-height:36px;
}

img {
	display:block;
}

p {
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #900;
}
a:hover {
	text-decoration: underline;
}
input, textarea {
	font-size: 11px;
	color: #666666;
	padding: 3px;
	line-height: 16px;
	margin: 0px 10px 0px 0px;
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: none;
}
object {
	display:block;
}

/*************** Content ********************************/

#content {
	margin-bottom: 3px;
	margin-top: 103px;
} 
#siteHeader {
	display:none;
}
#sidepic {
	position:absolute;
	top:103px;
	left:0px;
	width:69px;
	border-right: 1px solid #FFFFFF;
}
#bodycopy {
	position:relative;
	width:80%;
	margin: 0 0 0 10%;
	padding:40px 0px 30px 30px;
}
#contactform table td {
	vertical-align: middle;
	padding: 5px;
}
#footer {
	clear:both;
	padding: 10px;
	margin: 10px 0px;
	text-align: right;
}
#address {
	clear:both;
	background-color: #C03;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-align: right;
}
#address p, #address a {
	color: #FFFFFF;
	font-size: 10px;
}
#footer p {
	font-size: 10px;
	color: #666666;
}


/*************** Navigation bar on Home Page ********************************/

#homeNavMain {
	height:19px;
	background-color: #FF6600;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

#homePageNav {
	width:830px;
	float:right; 
}
		* html #homePageNav #navMain {		/* this selector recognized by IE only */
			width:830px;		/* 	only for IE5.x/Win */
			w\idth:830px;		/* 	for other IE) */
		}

/*************** Navigation ********************************/

#navHome {
	position:absolute;
	right:0px;
	top:0px;
	width:200px;
	background: transparent url(../images/navHome_leftend.gif) no-repeat left;
	z-index: 14;
	text-align: center;
}
#homePageNav #navHome {
	width:130px;
	color:#666;
}

		#navHome ul {
			margin: 0px 0px 0px 15px;
			background-color:#FFF;
			line-height:16px;
			white-space:nowrap;
		}
		
		#navHome ul li {
			display:inline;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
		#navHome ul li a {
			padding: 0px 5px 0px 5px;
			font-weight:700;
			color:#666;
			margin: 0px;
		}
		
		#navHome ul li a:hover {
			text-decoration: none;
			color:#CCC;
		}

/*************** Main Navigation ********************************/


#navMain {
	font-size:10px;
	position:absolute;
	right:0px;
	top:82px;
	z-index: 90;
	background:url(../images/navMain_leftend.gif) no-repeat left top;
	text-align: justify;
	line-height: 19px;
	color: #FFFFFF;
	font-weight: 700;
	font-size:10px;
	width:700px;
	padding-left:20px;
}
		* html #navMain {		/* this selector recognized by IE only */
			width:700px;		/* 	only for IE5.x/Win */
			w\idth:700px;		/* 	for other IE) */
		}

#homePageNav #navMain {
	width:600px;
	padding-left:40px;
	font-size:10px;
	position:relative;
	top:0px;
	width:600px;
	float:left;
}
		* html #homePageNav #navMain {		/* this selector recognized by IE only */
			width:700px;		/* 	only for IE5.x/Win */
			w\idth:630px;		/* 	for other IE) */
		}


		#navMain ul {
			padding: 0; 				/* do not alter: used for drop down */
			margin: 0;  				/* do not alter: used for drop down */
			list-style: none; 			/* do not alter: used for drop down */
			background-color:#F60;
			border-bottom:1px solid #FFF;
			border-top:1px solid #FFF;
		}
		#navMain-list {
			height:19px;
		}

		#navMain li {
			float: left; 			/* do not alter: used for drop down */
			position: relative; 	/* do not alter: used for drop down */
			width: 10em; 			/* do not alter: used for drop down */
			text-align: left; 	/* do not alter: used for drop down */
			display: inline;
			border-left:1px none #FFCEAD;
			padding:0;
			margin:0;
		}

				#navMain ul li a,
				#navMain ul li a:link,
				#navMain ul li a:active,
				#navMain ul li a:visited {
					font-weight:700;
					color:#FFF;
					display:block;
					padding:0px 10px;
				}
						#navMain ul li a:hover {
							text-decoration: none;
							color: #FFCEAD;
							border-left:1px none white;
						}
				#navMain ul li ul li {
					display:block;
					width:12em;
					line-height:1em;
				}

				#navMain ul li ul li a,
				#navMain ul li ul li a:link,
				#navMain ul li ul li a:active,
				#navMain ul li ul li a:visited {
					display:block;
					width:12em;
					padding:7px 10px;
				}
		

		#navMain ul li ul { 	/* second-level lists */
			display: none; 			/* do not alter: used for drop down */
			position: absolute; 	/* do not alter: used for drop down */
			top: 19px; 				/* do not alter: used for drop down */
			left: 0; 				/* do not alter: used for drop down */
			padding:0px;
			margin:0px;
			border-bottom:1px solid #FFF;
			border-top:1px solid #FFF;
			white-space:nowrap;
			width:12em;
			
			/*
			display:inline;   */
		}

		#navMain li>ul {	/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
			top: auto; 				/* do not alter: used for drop down */
			left: auto; 			/* do not alter: used for drop down */
		}
		
		#navMain li:hover ul, 
		#navMain li.over ul { /* lists nested under hovered list items */
			display: block; 		/* do not alter: used for drop down */
		}




		#navMain li.whatisjavajuice {
			width:15em;
			border:1px none white;
		}
				#navMain .whatisjavajuice {
				}
				#navMain .whatisjavajuice ul {
					width:15em;
				}
				


		#navMain .menu {
			width:6em;
		}
				#navMain .menu ul,
				#navMain .menu ul a {
					width:17em;
				}


		#navMain .delivery {
			width:14em;
		}
				#navMain .delivery ul {
					width:150px;
				}

		#navMain .locations {
			width:9em;
		}
				#navMain .locations ul {
					width:180px;
				}


		#navMain .business {
			width:5em;
		}
				#navMain .business ul {
					width:105px;
				}
	
	
	
/*************** Graphical Elements ********************************/

#HeaderFlash {
	background-image: url(../images/headerFlash_static.gif);
	position: absolute;
	line-height:10px;
	z-index: 222;
	width: 100%;
	left: 0px;
	top: 0px;
	margin:0px;
	padding:0px;
	white-space:nowrap;
}
#extraDiv1 {
	position:absolute;
	background: #E3ED73 url(../images/header_bkg.jpg) no-repeat top left;
	top:0px;
	left:0px;
	width:100%;
	height:102px;
	padding:0px;
	z-index: 10; 
}

#extraDiv2 {
	position:absolute;
	display:block;
	background: transparent url(../images/header_fruits.jpg) no-repeat top left;
	padding:0px;
	margin:0px;
	top:0px;
	right:0px;
	width:40%;
	height:102px;
	border-left:1px solid #FFF;
	z-index: 12;
	background-image:  url(../images/header_fruits.jpg);
}

#extraDiv3 {
	position:absolute;
	top:102px;
	left:0px;
	width:350px;
	height:15px;
	z-index: 8;
	border-top:1px solid #FFF;
}

#extraDiv4 {
	position:absolute;
	top:118px;
	left:0px;
	width:350px;
	height:16px;
	z-index: 24;
	border-top:1px solid #FFF;
}


/*************** Classes / Styles ********************************/

.alignTop {
	vertical-align: top;
}
.hidden {
	display:none;
}
.quotation {
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
	float: right;
	width: 30%;
	padding-bottom: 10px;
	padding-left: 20px;
}

.alignLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.alighRight {
	float: right;
	margin: 0px 0px 20px 20px;
}
#homeHeader h1,
#homeHeader h2 {
	display:none;
}