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

/* ACES Coffee Supplies */

/* Reset */
* 							{ margin: 0; padding: 0; }
body 						{ background: url(images/bg.jpg) repeat-x; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 62.5%; color: #362f2d; }
/* Structure */
#pagewrap 					{ width: 900px; margin: 0 auto; }
#header 					{ width: 900px; height: 358px; }
#logoandnumberwrap			{ width: 218px; height: 354px; padding: 0; overflow:hidden;float:left; }
#logoandnumberwrap2 		{ width: 180px; height: 354px; padding: 0; overflow:hidden;float:left; }
#logo 						{ float: left; padding:10px 0 0 0; }
#number 					{ font-size:1.7em; width:180px; clear:both; padding-top:60px; }
#numberwater				{ font-size:1.7em; width:180px; clear:both; padding-top:92px; }
#number2 					{ font-size:1.7em; color:#66CCFF; width:320px; float:left; margin:140px 0 0 0; }
#flashandbuttonwrap 		{ width: 670px; height: 214px; float:right; }
#flashandbuttonwrap2 		{ width: 715px; height: 214px; float:right; }
#flashwrap 					{ width: 445px; height: 202px; float: left; padding:17px 0 0 0; }
#flashwrap2 				{ width: 485px; height: 320px; float: left; padding:17px 0 0 0; }
#buttonwrap 				{ width: 218px; height: 230px; float: right; }
#buttonwrap2				{ width: 218px; height: 210px; float: right; padding-top:100px; }
#buttonwrap3				{ width: 218px; height: 210px; float: right; padding-top:10px; }
#nav 						{ width: 900px; height: 52px; clear: both; }
#contentwrap 				{ width: 900px; overflow: hidden; background: url(images/contentwrapbg.gif); }
#maincontent 				{ width: 638px; float: left; overflow: hidden; padding: 30px 30px 30px 0; }
#maincontent2				{ width: 638px; float: left; overflow: hidden; padding: 30px 30px 30px 0; }
#maincontent2 p 			{ padding:0; margin:0; }
#sidebar 					{ width: 212px; float: right; overflow: hidden; padding: 10px 10px 40px 10px; font-size:1.1em; }
#footer 					{ width: 100%; background: url(images/footerbg.gif) repeat-x #c8c6b7; overflow: hidden; padding: 10px 0 20px 0; }
#footerwrap 				{ width: 900px; margin: 0 auto; }
/* Typography */
h1 							{ font-size: 1.9em; font-weight: normal; border-bottom: 1px solid #CCC; padding: 0 0 3px 0; margin: 0 0 10px 0; }
h2 							{ font-size:1.7em; padding: 15px 0 5px 0; clear:both;}
h3 							{ font-size:1.4em; padding: 15px 0 5px 0; clear:both;}
p 							{ font-size:1.2em; padding: 5px 0 5px 0; line-height: 2em; text-align: justify; }
.sidebarheader 				{ font-weight: bold; color: #7e766c; padding: 10px 0 0 0; font-size:1.5em; }
p.sidebartext 				{ color: #7e766c; font-size: 1.2em; text-align: justify; }
.button 					{ padding: 5px 0 0 0; }
p.footerhead 				{ font-size: 1.8em; color: #736357; border-bottom: 1px solid #736357; padding: 0; margin: 0; }
p.footertext 				{ color: #736357; font-size: 1.2em; padding:3px 0 0 0; line-height: normal; }
p.footertext a 				{ text-decoration:underline; color: #736357; }
p.footertext a:hover 		{ color: #333; }
p.numbertext 				{ color: #fff; font-weight: bold; font-size: 1em; text-shadow:0px 1px 3px #000000; }
p.numbertext2 				{ color: #0033FF; font-weight: bold; font-size: 1em; text-shadow:0px 1px 3px #000000; }
.numberstyle 				{ color: #fff; font-weight: bold; font-size: 1.4em; text-shadow:0px 1px 3px #000000; }
.numberstyle2 				{ color: #0033FF; font-weight: bold; font-size: 1.4em; text-shadow:0px 1px 3px #000000; }
ul 							{ font-size:1.2em; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* Mini Form */
.miniformwrap 				{ height: 50px; clear: both; display:block; font-size:0.6em; }
#formarea 					{ margin: 10px 0 0 0; }
label 						{ color: #7e766c; font-size: 1.5em; margin: 10px 0 0 0; clear: both; float: left; }
.miniformstyle 				{ width: 150px; border: 1px solid #CCC; margin: 0 0 4px 0; padding: 2px; float: right; }
/* Sidebar List */
ul#sidebarlist li 			{ background: url(images/listtick.gif) #dad8d2 no-repeat; padding: 5px 3px 5px 25px; margin: 2px 0 2px 0; color: #7e766c; font-size:1.2em; background-position:0.4em; list-style-type: none; }
/* Main Nav */
ul#mainnav 					{ font-size:1.3em; width: 900px; height: 18px; padding: 15px 0px 14px 0px; display: block; text-align: center; text-shadow:0px 1px 3px #ffffff; font-weight: bold; }
ul#mainnav li 				{ display: inline; border-left: #d1cebd 1px solid; }
ul#mainnav li:first-child 	{ border: none; }
ul#mainnav li a 			{ padding: 15px 10px 13px 10px; color:#666; text-decoration: none; color:#534741; }
ul#mainnav li a:hover 		{ background: #e7e4d1; }
/* Footer */
#leftfooterbox 				{ width: 274px; float: left; margin: 0 39px 0 0; }
#middlefooterbox 			{ width: 274px; float: left; }
#rightfooterbox 			{ width: 274px; float: left; margin: 0 0 0 39px; }
ul.footerlist 				{ list-style-type: none; }
ul.footerlist li a 			{ text-decoration: none; color: #736357; font-size: 1.1em; }
ul.footerlist li a:hover 	{ text-decoration: underline; }
.sitemap 					{ list-style-type:none; font-size:1.3em; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.sitemap a 					{ color:#3399CC; font-size:1.3em; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.linkbox 					{ width: auto; border: 1px #BCCFDE solid; background-color:#DDE5ED; padding: 10px 10px 10px 10px; font-size:1.3em; color:#000000; }
/* Main Form */
.formstyle 					{ background-color: #ffffff; padding:1px; margin-bottom:1px; border: 1px solid #cccccc; color: #333; font-family: Arial; font-size: 1.6em; }
#form 						{ width: 185px; height: 150px; padding: 8px 10px 0 10px; margin:5px 1px 5px 5px; background-color:#FFF; font-size:1.4em; }
.fieldstyle 				{ width:170px; color:#999; padding:5px 0px 5px 0px; border:1px solid #ccc; margin:0 0 6px 5px; }
.contactform				{ width:250px; float: left; margin-right:0px; padding:0 30px 15px 0; font-size:0.89em; }
.button2 					{ width:130px; margin-left:15px; }
.sideform 					{ margin:20px 0 0 0; }

#rollover-container 		{ width:222px; height:116px; overflow:hidden; }
#rollover-container a 		{ width:222px; height:116px; display:block; background:transparent url(images/coffee-machine.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; }
#rollover-container a:hover { background-position:0 -116px; }
#rollover-container a#tab2  { background-position:0 0; }
#rollover-container a:hover#tab2 { background-position:0 -116px; }

#rollover-container2 		{ width:222px; height:116px; overflow:hidden; }
#rollover-container2 a 		{ width:222px; height:116px; display:block; background:transparent url(images/water-cooler.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; }
#rollover-container2 a:hover { background-position:0 -116px; }
#rollover-container2 a#tab3  { background-position:0 0; }
#rollover-container2 a:hover#tab3 { background-position:0 -116px; }

#seperator					{ width:800px; height:35px; text-align:center; margin:0 auto; clear:both; }
#seperator a				{ text-decoration: none; color: #736357; font-size: 1.1em; }
#seperator a:hover 			{ text-decoration: underline;}
/*General styles*/
.polar						{ float:right; padding:35px 0 60px; }
.button2 					{ width:130px; margin: 10px 0 10px 0; }
.block 						{ display:block; text-align:left; }
.red 						{ color:#46261A; font-size:1.6em; font-weight:bold; border-top: 1px #666666 solid; clear:both}
.productimg 				{ float:right; padding:10px;}
.left 						{ float:left;}
.right 						{ float:right;}
.bold 						{ font-weight:bold;}
.boldred					{ font-weight:bold; color:#FF0000; }
.parapad 					{ padding:10px 0 10px 0;}
img 						{ border:0;}
td 							{ font-size:1.4em;}
.padtop 					{ padding:110px 0 0 0;}
.padtop2 					{ padding:30px 0 0 0;}
.padtop3 					{ padding:15px 0 0 0;}
.padtop4					{ padding:35px 0; float:right;}
.padtop5					{ padding-top:70px; float:right;}
.video 						{ float:left; padding:110px 0 0 75px;}
.video2						{ float:left; padding:110px 0 0 40px;}
.flash						{ margin:0 0 0 40px; }
.coffeebeans				{ background-image:url(images/coffeebg.jpg); background-repeat:repeat-x;}
.bluebg						{ background:url(images/bg2.jpg) repeat-x;}
.capitals					{ text-transform:uppercase;}
.noclear					{ clear:none; }
.smalltxt					{ font-size:0.8em; }
.lineheight li, 
.lineheight2 li				{ line-height:2em; }
.lineheight2				{ padding:15px 0 0 0; }
.clear						{ clear:both; }
a							{ font-size:1.0em; color:#3399CC; text-decoration:none; }
a:hover						{ text-decoration:underline; }
.nojustify					{ text-align:left; }