@charset "UTF-8";
/* CSS Document */

body {
	background-color:#d09f72;
	/*font-family:"Century Gothic";*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	background-image:url(../images/bg2.gif);
	background-repeat:repeat;
	/*margin: 0;
	padding: 0;*/
}

UL .restofsite {
	list-style-image:url(../images/bullet.gif);
}

UL .home {
	list-style-image:url(../images/bullet.gif);
	padding-top:10px;
}


/* LIKNKS */
/*navigation links*/	
h1 {
	font-size:16px;
	margin-left:0px;
	color: #b27524;
	font-style:italic;
	text-decoration: none;
	}
	
a.nav:link {
	color: #ffffff;
	text-decoration: none;
}
a.nav:visited {
	text-decoration: none;
	color: #ffffff;
}
a.nav:hover {
	text-decoration: none;
	color: #000000;
}
a.nav:active {
	text-decoration: none;
}

/*mainlinks links*/
a.main:link {
	color: #000000;
	text-decoration: none;
}
a.main:visited {
	text-decoration: none;
	color:#000000;
}
a.main:hover {
	text-decoration: none;
	color: #993300;
}
a.main:active {
	text-decoration: none;
}

/*coffeelinks links*/
a.coffeelink:link {
	/*color: #96633c;*/
	color:#000000;
	text-decoration: none;
}
a.coffeelink:visited {
	text-decoration: none;
	color:#000000;
}
a.coffeelink:hover {
	text-decoration: none;
	color: #96633c;
}
a.coffeelink:active {
	text-decoration: none;
}


/*breadcrumb links*/
a.bread:link {
	color: #96633c;
	text-decoration: none;
}
a.bread:visited {
	text-decoration: none;
	color:#96633c;
}
a.bread:hover {
	text-decoration: none;
	color: #000000;
}
a.bread:active {
	text-decoration: none;
}	

#container1 {
	margin: 0 auto;
	text-align:left;
	width:880px;
	/*height:750px;*/
	height:auto;
	background-color:#FFFFFF;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	/*overflow:auto;*/
}

#headerText p{
	margin:0;
	padding:5px 10px;
	text-align:right;
	font-size:13px;
	font-weight:bold;
}
#headerText p a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#000000;
}
#headerText p a:hover{
	text-decoration:none;
	color:#993300;
}

#banner {
	background-color:#FFFFFF;
	width:880px;
}

#bannerFreeDemo {
	background-color:#ffffff;
	width:880px;
	/*height:156px;*/
	overflow:hidden;
	height:auto;
}

#bannerFreeDemo h1{
	text-indent:-9999;
	display:none;
}

#bannerFreeDemo #logo {
	float:left;
	width:345px;
	/*height:156px;*/
	/*background-color:#333333;
	background:url(../images/logo-freedemo5.jpg) top left no-repeat;*/
	background:url("../images/logo-freedemo-button2.jpg") no-repeat scroll left bottom transparent;
	height:135px;
}

#bannerFreeDemo #logo .cup{
	position:absolute;
	display:block;
	width:153px;
	height:94px;
	float:left;
	top:23px;
	outline:none;
}
#bannerFreeDemo #logo .demo{
	position:relative;
	display:block;
	width:177px;
	height:70px;
	float:left;
	top:7px;
	left:161px;
	outline:none;
	/*background-color:#333333;*/
}
#bannerFreeDemo #logo .name{
	position:absolute;
	display:block;
	width:330px;
	height:45px;
	float:left;
	top:117px;
	outline:none;
}

#bannerFreeDemo #flash{
	float:right;
	width:525px;
	height:133px;
	background-color:#FFFFFF;
	/*margin:23px 10px 0 0;*/
	margin:0 10px 0 0;
}

#nav {
	font-family:"Century Gothic";
	color:#FFFFFF;
	font-size:12px;
	background-image:url(../images/nav_bg.jpg);
	background-repeat:repeat-x;
	width:860px;
	height:15px;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:10px;
	/*padding-left:1px;*/
}

#footer {
	/*position:absolute;*/
	width:880px;
	/*text-align:center;*/
	font-size:10px;
	/*margin-top:500px;*/
	margin-top:auto;
	clear:both;
	/*margin: 0 auto;
	margin-top: 0px;
	margin-left: 74px;
	font-size:10px;
	color:#FFFFFF;*/
}

#footer .left{
	width:600px;
	float:left;
	margin-left:18px;
}

#footer .right{
	width:200px;
	float:right;
}

#breadcrumb {
	font-size:10px;
	padding-left: 11px;
}



#container2 {
	width:860px;
	height:auto;
	/*height: 250px;*/
	/*background-color:#666666;*/
	margin-left:10px;
}

#home {
	width:860px;
	height:auto;
}
	
#aboutus {
	width:420px;!important;
	width:415px;
	height:auto;
	float:left;
	margin-left: 8px;
	/*border-right-color:#000000;
	border-right-style:solid;
	border-right-width:1px;*/

	}

#aboutus .text {
	/*margin-right: 10px*/;
	padding-top: -10px;
	/*margin-left: 10px;*/
	}
	
#righthome {
	width:415px;
	height:70px;
	float:right;
	margin-right:11px;
}

#righthome ul {
	/*margin-left:210px; */
	margin-left:10px;
	margin-left:210px;
	margin-top:10px;
	}
#righthome .bullets {
	margin-left:230px;
	margin-top:10px;
}
#righthome .bullets2 {
	margin-left:230px;
	margin-top:2px;
}	

hr {
	margin-left: 25px;
	}

#container3 {
	width:860px;
	height:auto;
	/*height: 250px;*/
	/*background-color:#666666;*/
	margin-left:10px;
}


#left_banner {
	/*position:absolute;*/
	float:left;
	width:114px;
	height:auto;
	background-color:#996600;
}

#content_area {
	/*position:absolute;*/
	width:730px;
	height:auto;
	background-color:#ebe1d9;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	margin-left:124px;
	/*margin-top:-364px;*/
	margin-top:auto;
}

.allied {
	height:1000px;
}

.coffee {
	/*background-image:url(../images/coffee/coffee_right2.jpg);*/
	background-position:bottom;
	background-repeat:no-repeat;
}

.coffee .text {
	width:700px;
	/*height:485px;*/
	/*padding: top left bottom right*/
/*	padding: 5px opx 5px 0px;
*/	margin-top:10px;
	margin-left: 10px;
	font-size:13px;
}

.coffee a:link {
	color:#993300;
	text-decoration:none;
}

.coffee a:visited {
	color:#993300;
	text-decoration:none;
}

.coffee a:hover {
	color:#000000;
	text-decoration:none;
}

.swisswater {
	background-image:url(../images/coffee/coffee_right3.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

.swisswater .text {
	width:700px;
	height:485px;
	/*padding: top left bottom right*/
/*	padding: 5px opx 5px 0px;
*/	margin-top:10px;
	margin-left: 10px;
	font-size:13px;
}

.coffee .text1 {
	width:700px;
	/*padding: top left bottom right*/
/*	padding: 5px opx 5px 0px;
*/	margin-top:10px;
	margin-left: 10px;
	font-size:13px;
}
	
.brewing {
	background-image:url(../images/brewing/brewing_top2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f4ece6;
}

.brewing .text {
	width:700px;
	height:375px;
	/*padding: top left bottom right*/
	padding: 5px opx 5px 0px;
	margin-left: 10px;
	margin-top:120px;
	font-size:13px;
}

.brewings {
	background-image:url(../images/brewing/brewing_top2.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#autopod_container{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
}

#autopod_container #text{
	width:700px;
	height:auto;
	font-size:12px;
	
}
	

#autopod_container .image{
	float:left;
	width:330px;
	height:153px;
}

#autopod_container .para{
	float:right;
	width:365px;
	height:153px;
}

.systems {
	width:680px;
	margin-top:100px;
	margin-left:35px;
	overflow:auto;
}

.h3 {
	font-size:14px;
	margin-left:10px;
	}
	
.stext {
	margin-left:15px;
	padding-bottom:10px;
	}	

.tr{
	height:auto;
	width:500px;
	background-color:#FFFFFF;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}

.service {
	/*background-image:url(../images/service/service_bottom2.jpg);
	background-position:bottom;
	background-repeat:no-repeat;*/
	background:right no-repeat url(../images/service/service_right.jpg);
	height:auto;
}

.service .text {
	/*width:700px;*/
	width:380px;
	/*padding: top left bottom right*/
	padding: 5px opx 5px 0px;
	margin-left: 10px;
	margin-top:70px;
	font-size:13px;
}

.coffee_work {
	background-image:url(../images/coffee_work/coffeework_bg2.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

.coffee_work .text {
	width:400px;
	/*padding: top left bottom right*/
/*	padding: 5px opx 5px 0px;
*/	margin-top:110px;
	margin-left:10px;
	font-size:13px;
}

.coffee_work a:link {
	color:#000000;
	text-decoration:none;
}

.coffee_work a:visited {
	color:#000000;
	text-decoration:none;
}

.coffee_work a:hover {
	color:#993300;
	text-decoration:none;
}

.water_work {
	background-image:url(../images/water_work/waterwork_bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

.water_work .text {
	width:420px;
	/*padding: top left bottom right*/
	/*padding: 5px opx 5px 0px;*/
	margin-top:50px;
	margin-left: 10px;
	font-size:13px;
	overflow:auto;
}

.vending_work {
	background-image:url(../images/vending_work/vendingwork_bg2.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:auto;
}

.vending_work .text {
	width:700px;
	/*padding: top left bottom right*/
	/*padding: 5px opx 5px 0px;*/
	margin-top:10px;
	margin-left: 10px;
	font-size:13px;
}

.alliedtd1{
	background-color:#FFFFFF;
	font-size:15px;
	padding-left:5px;
	color:#854a21;
	}

.alliedtd2 {
	background-image:url(../images/allied/allied_bg.jpg);
	background-repeat:repeat-x;
}

.alliedtext{
	width:700px;
	/*padding: top left bottom right*/
	/*padding: 5px opx 5px 0px;*/
	margin-top:75px;
	margin-left: 10px;
	font-size:13px;
}

.alliedtext ul{
	list-style-image:url(../images/bullet.gif);
	margin-top:5px;
}

.alliedtext li{
	margin-left:25px;
	}	

.socialtext {
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	font-size:13px;
}

.socialtext ul{
	list-style-image:url(../images/bullet.gif);
	/*margin-top:5px;*/
}

.socialtext li{
	margin-left:25px;
	}	
	
	
.socialtext a:link {
	color:#000000;
	text-decoration:none;
}

.socialtext a:visited {
	color:#000000;
	text-decoration:none;
}

.socialtext a:hover {
	color:#96633c;
	text-decoration:none;
}	


.contact {
	background-image:url(../images/contact_demo/contact_bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

.contact .text {
	width:400px;
	/*padding: top left bottom right*/
/*	padding: 5px opx 5px 0px;
*/	margin-top:180px;
	margin-left: 10px;
	font-size:13px;
}

#content_area_order {
	/*position:absolute;*/
	width:857px;
	height:auto;
	background-color:#ebe1d9;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	/*margin-left:124px;
	margin-top:-364px;*/
	margin-top:auto;
}

.order {
	background-image:url(../images/order/comingsoon.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.order .text {
	width:400px;
	/*padding: top left bottom right*/
/*	padding: 5px opx 5px 0px;
*/	margin-top:180px;
	margin-left: 10px;
	font-size:13px;
}

.demo h2 {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

.demo .text {
	width:700px;
	/*padding: top left bottom right*/
/*	padding: 5px opx 5px 0px;
*/	margin-top:10px;
	margin-left: 10px;
	font-size:13px;
	overflow:auto;
	
}


form {
	margin: 0;
	padding: 0;
	width: 630px;
}

form fieldset {
	border-color:#000000;
	border-width: 1px;
	border-style:solid;
	padding: 10px;
	margin:0;
	background-image:url(../images/allied/form_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

form fieldset legend {
	font-size:1.1em;
	color:#96633c;
}

form label {
	display: block;
	float:left;
	width: 150px;
	padding:0;
	margin: 5px 0 0;
	text-align:right;
}

form fieldset label: first-letter{
	text-decoration:underline;
}

form input, form textarea {
	width:auto;
	margin: 5px 0 0 10px;
}

form input#reset {
	margin-left: 0px;
}

textarea {overflow:auto; }

form small {
	display:block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}

form .required{ font-weight:bold;}

/*form br {
	clear:left;
}*/


.error {
	background-image:url(../images/404.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

.error .text {
	width:450px;
	/*padding: top left bottom right*/
/*	padding: 5px opx 5px 0px;
*/	margin-top:50px;
	margin-left: 200px;
	font-size:13px;
}

.error h2 {
	color:#96633c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}



/***** COFFEE BLENDS STYLES *******/

#coffeeBlends {
	position: relative;
	width: 500px;
	height: 200px;
	overflow: hidden;
}



#coffeeBlends ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
	
	}

#coffeeBlends ul li {
	float: left;
}

#coffeeBlends ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #000000;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width: 98px;
	height: 200px;
}

#coffeeBlends ul li.newyork a {
	background: url(../blends/images/newyork.jpg) repeat scroll 0%;
}

#coffeeBlends ul li.sanfran a {
	background: url(../blends/images/sanfrancisco.jpg) repeat scroll 0%;
}

#coffeeBlends ul li.venice a {
	background: url(../blends/images/venice.jpg) repeat scroll 0%;
	border-right:none;
	width:100px;
}

#coffeeBlends ul li.colombian a {
	background: url(../blends/images/colombian.jpg) repeat scroll 0%;
}

#coffeeBlends ul li.mochajava a {
	background: url(../blends/images/mochajava.jpg) repeat scroll 0%;
	/*border-right:none;
	width:100px;*/
}


.clear {
	clear: both;
}


#coffee_blends_container {
	width: 500px;
	height:auto;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 50px;
}

ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


.blends2 {
	/*background-image:url(../images/coffee/coffee_right2.jpg);
	background-position:bottom;
	background-repeat:no-repeat;*/
}

.blends2 .text {
	width:700px;
	height:485px;
	/*padding: top left bottom right*/
/*	padding: 5px opx 5px 0px;
*/	margin-top:10px;
	margin-left: 10px;
	margin-bottom:-30px;
	font-size:13px;
}



