@charset "UTF-8";

@import url(reset.css);
@import url(buttons.css);

/* CSS Document */

/* ===== CLEARFIX ===== */
.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block; }
* html .clearfix 	{ height: 1%; } /* Hides from IE-mac \*/
.clearfix 			{ display: block; clear:both; }





/* ===== FONT-FACE ===== */
@font-face {
    font-family: 'OregonLDODemiBoldRegular';
    src: url('../fonts/oregon_ldo_demibold-webfont.eot');
    src: url('../fonts/oregon_ldo_demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oregon_ldo_demibold-webfont.woff') format('woff'),
         url('../fonts/oregon_ldo_demibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'OregonLDORegular';
    src: url('../fonts/oregon_ldo-webfont.eot');
    src: url('../fonts/oregon_ldo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oregon_ldo-webfont.woff') format('woff'),
         url('../fonts/oregon_ldo-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/* ===== FONT-FACE ===== */






/* ===== GENERAL STYLES ===== */
body				{ font:12px/18px 'Tahoma', Arial, sans-serif;  background:#9b120e url(../img/backgrounds/header.png) repeat-x; color:#575757; min-width:1100px; }
html>body 			{ font-size:12px; }

.left				{ float:left; }
.right				{ float:right; }

.hide, .has_js .js_hide, .custom span, #logo span	{ display:none; }

p 					{ font-size:1em; margin-bottom:24px; }

h1 					{  }
h2 					{ font:26px/30px 'Georgia', Georgia, serif; color:#1a1a1a; }
h3 					{ font-family:'Georgia', serif; font-weight:normal; }
h4					{  }


a.more				{ color:#ca1d24; text-decoration:underline; }
a.more:hover		{ color:#ff3c4c; }

.hotspot			{ display:block; }
.hotspot span		{ display:none; }


ul, ol 				{ margin-bottom: 18px; }
ul.inline-list 		{ margin-bottom: 0; }
ul.inline-list li 	{ display: block; float: left; }

input 				{ color:#333; font:11px Arial, Sans-serif; border:none; }
button				{ border:none; cursor:pointer; }
button span			{ display:none; }

.table-style 		{ display:table; margin:0 auto; }

sup 				{ vertical-align:top; font-size:0.6em; }
/* ===== end GENERAL STYLES ===== */






/* ===== LAYOUT ===== */
#headerWrapper {
    display: block;
    height:129px;
    width:100%;
    /*background:url(../img/backgrounds/header.png) no-repeat center top;*/
}

#mainWrapper {
    display:block;
    width:100%;
    overflow:hidden;
}

#footerWrapper {
    background:url(../img/backgrounds/footer.png) repeat-x;
    color:#fff;
    display:block;
    width:100%;
    height:150px;
}

.content						{ width:1000px; margin:0 auto; position:relative; }
/* ===== end LAYOUT ===== */






/* ===== HEADER & FOOTER ===== */
#logo							{ position:absolute; top:0; left:-32px; z-index:9; }

#topHeader						{ margin-left:236px; height:27px; padding:7px 0 0; font:normal 15px/18px 'OregonLDORegular', Tahoma, Sans-serif; color:#fff; }
#topHeader ul					{ float:right; }
#topHeader li					{ margin:0 9px; }
#topHeader span					{ color:#dd514e; }
#topHeader a					{ color:#fff; }
#topHeader a:hover				{ color:#ccc; }

#nav							{ margin:44px 0 0 230px; }
#nav li							{ position:relative; }


#footer							{ padding:20px 11px 0 18px; width:971px; }
#footerSocial					{ float:left; width:20px; margin:0 38px 0 0; }
#footer ul						{ float:left; font:12px/20px 'Georgia', serif; margin:0 50px 0 0; }
#footer a						{ color:#fff; }
#footer a:hover					{ color:#aaa; }

#copyright						{
	height:30px;
	font-size:11px;
	line-height:26px;
	color:#d37f7f;
	padding:0 102px 0 0;
	text-align:right;
	float:right;
	background:url(../img/graphics/footer-logo.png) no-repeat right center;
}
/* ===== end HEADER & FOOTER ===== */






/* ===== HOMEPAGE ===== */
.home							{ background:#fff url(../img/backgrounds/triangles-big.png) repeat-x 0 bottom; }
#homeTopDiv						{ height:322px; }
#homePromos						{ float:left; width:786px; }
#fadingPromos					{ position:relative; }

#contentWrapper					{ background:url(../img/backgrounds/content.png); }
#homeContent					{ background:url(../img/graphics/middle-banner.png) no-repeat; padding:52px 0 0 15px; width:985px; }

#intro							{ float:left; width:325px; }
#intro h2						{ color:#c80918; margin:0 0 15px; }
#intro h2 span					{ color:#1a1a1a; display:block; font-size:41px; line-height:50px; margin:0 0 8px; }
#intro p						{ font-size:16px; line-height:24px; }
#intro p strong					{ font-weight:normal; color:#1a1a1a; }

#homeCols						{ width:568px; float:right; margin:18px 11px 0 0; }
.home-box						{ width:252px; height:308px; }
.home-box h3					{ font:18px/22px 'Georgia', Serif; font-weight:normal; margin:12px 0 5px; }
.home-box h3 a:hover			{ color:#555; }


#latestNews						{ background:#fff url(../img/backgrounds/bottom-divider.png) center top repeat-x; padding:24px 0 20px; }
#latestNews .content			{ width:985px; padding:0 0 0 15px; }

#latestNews h4					{
	font:36px/40px 'Georgia', serif;
	font-weight:normal;
	display:block;
	background:url(../img/graphics/news-divider.png) no-repeat right bottom;
	margin:0 0 18px;
	padding:0 0 6px;
}

a#allNews						{ color:#ca1d24; font-size:15px; font-family:'Georgia', serif; position:absolute; top:20px; right:8px; }
#allNews:hover					{ color:#ff3c4c; }

.news							{ width:468px; float:left; }
.news:first-child				{ margin:0 35px 0 0; }
.news img						{ float:left; width:168px; height:auto; }
.news-excerpt					{ float:left; width:275px; margin:0 0 0 20px; }
.news h3						{ font-size:18px; line-height:22px; }
.news-date						{ color:#ca1d24; font-size:11px; display:block; margin:0 0 8px; }
/* ===== end HOMEPAGE ===== */







/* ===== CONTENT PAGES ===== */
#breadcrumbs					{ height:36px; background:url(../img/backgrounds/breadcrumbs.png) repeat-x; }
#breadcrumbs ul					{ margin:0 0 0 236px;  font: 11px/13px 'Georgia', serif; color:#9f9f9f; }

#breadcrumbs a					{
	color:#9f9f9f;
	padding-right:8px;
	margin-right:5px;
	background:url(../img/graphics/breadcrumb-arrow.png) no-repeat right 6px;
}

#breadcrumbs a:hover			{ color:#555; }


#contentPage					{ padding:20px 0 0 }
#contentPage h2					{ font-size:40px; margin:10px 0 20px 0; }
#contentPage p					{ margin:0 0 15px; }
#contentPage p a				{ color:#2d2d2d; text-decoration:underline; }
#contentPage p a:hover			{ color:#888; }
#contentPage p a.more			{ color:#ca1d24; }
#contentPage p a.more:hover		{ color:#ff3c4c; }

blockquote						{ font:25px/28px 'Georgia', serif; color:#c11611; display:block; margin:0 0 15px; }

.col-left						{ width:482px; float:left; margin:0 0 0 15px; }
.col-right						{ width:435px; float:right; }


#coffeeScotland					{ margin:10px -5px 0 0; }

#amanoLetters					{
	width:435px;
	height:193px;
	padding:20px 0 0;
	background:url(../img/backgrounds/coffee-maker.jpg) no-repeat right center;
	font-size:16px;
	line-height:28px;
	color:#c11611;
}

#amanoLetters span				{
	font:30px/30px 'Georgia', serif; color:#000;
	display:block;
	width:28px;
	text-align:center;
	float:left;
	margin:0 3px 0 0;
}

#contentPage #amanoLetters p	{ margin:0 0 10px; }

#completeSolution				{
	border-top:1px solid #c6c6c6;
	margin:18px 0 0;
	padding:18px 0 240px; 
	background:url(../img/graphics/coliseum.jpg) no-repeat center bottom;
}

#completeSolution h3			{ font-size:25px; line-height:32px; color:#000; margin:0 0 20px; }
#completeSolution p				{ color:#c11611; font:25px/32px 'Georgia', serif; }

.training .col-left				{ width:500px; }
.training h3					{ font-size:25px; line-height:28px; color:#1a1a1a; margin:0 0 10px; }
.red-bullets li					{ padding:0 0 0 10px; background: url(../img/graphics/red-bullet.png) no-repeat 0 8px; margin:0 0 0 12px; }

#trainingAutomatic p, #trainingTraditional p {
	width:290px;
}

#trainingAutomatic 				{ background: url(../img/graphics/training-automatic-machines.jpg) no-repeat right 26px; margin:30px 0; }
#trainingTraditional			{ background: url(../img/graphics/training-traditional-machines.jpg) no-repeat right 18px; }

.training #completeSolution		{ background: url(../img/graphics/two-coffees.jpg) no-repeat center bottom; padding-bottom:212px }

#productsPage					{ padding:20px 0 0; }
#productsPage a					{ display:block; float:left; color:#1a1a1a; }
#productsPage a:hover			{ color:#555; }
#productsPage h3				{ display:block; font-size:21px; line-height:25px; margin:0 0 35px 4px; }
/* ===== end CONTENT PAGES ===== */







/* ===== NEWS ===== */
#topStory						{ width:970x; padding:0 0 32px; border-bottom:1px solid #c1c1c1; margin:0 0 32px; }
#topStory img					{ float:left; max-width: 430px; }
#topStory h3					{ font-size:25px; margin:0 0 4px; color:#1a1a1a; }
#topStory .news-excerpt			{ width:370px; }

#sixNews						{ border-bottom:1px solid #c1c1c1; margin:0 0 8px; /*padding:0 0 40px;*/ }
#sixNews .news					{ margin:0 0 40px; }
#sixNews .news.odd				{ margin:0 35px 40px 0; }
#sixNews p						{ margin:0; }

#pagination						{ font:15px/22px 'Georgia', Serif; margin:0 0 20px; }
#pagination a					{ color:#ca1d24; }
#pagination a:hover				{ color:#ff3c4c; }

#topStory.single .news-excerpt	{ width:550px; }
.news-excerpt img				{ display:none; }
/* ===== NEWS ===== */







/* ===== CONTACT ===== */
#fullContact .label				{ display:block; float:left; width:162px; color:#252525; font-size:14px; }
#fullContact li					{ margin:0 0 6px; }

#fullContact li input[type=text]{
	width:217px;
	height:30px;
	padding-left:8px;
	padding-right:8px;
	background:url(../img/graphics/input.png) no-repeat;
}

#fullContact li textarea{
	width:217px;
	height:74px;
	padding:8px;
	background:url(../img/graphics/textarea.png) no-repeat;
	border:none;
	resize:none;
	float:left;
	margin:0 4px 0 0;
}

#fullContact select				{ width:120px; }


#completeSolution.contact-page	{ background:none; border:none; padding:0; }
#contactDetails					{ border-top:1px solid #c5c5c5; padding:20px 0 0; }
#contactDetails span			{ color:#1a1a1a; display:block; float:left; width:100px; }

#completeSolution #contactDetails p {
	font-size:24px;
	line-height:30px;
	margin:0 0 10px;
}

#contentPage #contactDetails p a		{ text-decoration:none; color:#ca1d24; }
#contentPage #contactDetails p a:hover	{ color:#ff3c4c; }

.contact-page img				{ margin:25px 0 50px -10px; }

/*#recaptcha_widget_div			{ margin:50px 0 0 50px; }*/

#humanornot						{ background:url(../img/slider/background.png) no-repeat 12px 19px; margin:40px 0 20px 92px; }
#humanornot p					{ margin:0; }
.quiet							{ display:none; }		

#slider {
    height:15px;
    position:relative;
    width:219px;
}

.ui-slider-handle {
    display: block;
    width:32px;
    height:32px;
    background: url(../img/slider/handle.png) no-repeat;
    margin-left: -2px;
    position: absolute;
    top:-8px;
}

.ui-slider-handle:hover		{ opacity:0.9; }
#sliderLocation				{ font-size:12px; margin:12px 0 0; width:250px; }					

#submit[disabled]			{ opacity:0.4;  }
#submit[disabled]:hover		{ opacity:0.4; cursor:default; background-position:0 -303px; }
/* ===== end CONTACT ===== */





/* ===== PRODUCTS ===== */
#subNav							{
	position:absolute;
	right:8px;
	top:40px;
	font:normal 20px/24px "Georgia", serif;
	text-transform:uppercase;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);
}

#subNav li						{ margin:0 12px 0 0; }
#subNav a						{ color:#7d7d7d; display:block; }
#subNav a:hover					{ color:#545454; }
#subNav .active a				{ color:#c40606; border-bottom:1px solid #c40606; }
#subNav .active a:hover			{ color:#c40606; }

#productIntro					{ width:640px; float:left; }
#productIntro h3				{ font-size:25px; line-height:28px; color:#1a1a1a; margin:0 0 8px; }
#productIntro p					{ width:290px; }

#coffeePage #productIntro		{ background:url(../img/graphics/coffee-heart.jpg) no-repeat 340px 30px; }
#teaPage #productIntro			{ background:url(../img/graphics/tea-leaves.jpg) no-repeat 311px 26px; }

#needHelp						{ width:326px; background: url(../img/backgrounds/help.png) no-repeat; float:right; padding:0 0 0 32px; }
#needHelp h4					{ font:22px/25px 'Georgia', serif; color:#1a1a1a; margin:0 0 8px; }
#needHelp p						{ font:18px/22px 'Georgia', serif; color:#656565; }
#needHelp p span				{ color:#c11611; }

#illustrations					{ margin:0 0 20px; position:relative; }
#illustrations .left			{ margin:0 0 0 -3px; }
#postIt							{ margin:-21px 0 0 0; float:right; }

.prod							{ border-bottom:1px solid #b6b6b6; padding:0 0 15px; margin:0 0 23px; }
.prod.last						{ border: none; }
.prod img						{ float:left; margin:0 10px 0 0; }
.prod h3						{ font-size:21px; color:#1a1a1a; height:35px; padding:10px 0 0; }
.product-info					{ float:left; width:370px; }
img + div.product-info			{ width:350px; margin:0 60px 0 0; }
.product-info .clearfix	h3		{ float:left; margin:0 12px 0 0; }

#kimboPage #productIntro p		{ float:left; width:290px; }
#kimboPage #productIntro > p 	{ margin-right:30px; }
#kimboPage #illustrations img	{ margin:0 0 0 -3px; }
#contentPage p#message			{ width:635px; margin:-50px 0 20px; position:relative; }

#coffeeBeans					{ border-bottom: 1px solid #b5b5b5; margin:0 0 25px; }
#coffeeBeans h3, .col h3		{ font-size:21px; color:#1a1a1a; }
#filterCoffee					{ background:url(../img/graphics/coffee-cups.jpg) no-repeat right 0; margin:0 0 40px; }
.col							{ width:310px; float:left; margin:0 40px 0 0; }
.col.last						{ margin:0; width:300px; }
.col h4							{ font:17px/22px 'Georgia', serif; color:#1a1a1a; margin:15px 0 5px; }
#contentPage .col p				{ margin:0 0 8px; }

#kimboPage, #coffeePage, #teaPage,
#sundriesPage, #equipmentPage {
	margin-top:30px;
}

#sundriesPage #productIntro p	{ width:600px; }
#sundriesPage #illustrations	{ margin-left:-12px; }

#zuma							{ width:610px; float:left; background:url(../img/graphics/zuma-hot-chocolate.jpg) no-repeat right 0; }
#zuma p							{ width:288px; }

#zuma h3, #galaxy h3, #traditional h3, #filter h3, #automatic h3	{ font-size:21px; color:#1a1a1a; margin:0 0 15px; }

#galaxy							{
	float:left;
	width:340px;
	height:308px;
	background:url(../img/graphics/galaxy-hot-chocolate.jpg) no-repeat left 156px;
	padding:0 0 0 35px;
}

#galaxy p						{ width:300px; }
#sundries						{ margin:15px 0 30px; padding:25px 0 0; border-top:1px solid #b5b5b5; }
#sundries h3					{ margin:0 0 10px; }

#equipmentPage p.left			{ margin:0 0 0 42px; width:275px; }

#traditional					{ background:url(../img/graphics/traditional-machine.jpg) no-repeat 584px 28px; }
#traditional p, #automatic p, #filter p					{ width:515px; }

#automatic						{
	padding:24px 0 0 416px;
	margin:0 0 35px;
	height:307px;
	background: url(../img/graphics/automatic-machine.jpg) no-repeat 0 22px;
	border-top:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
}

#filter							{ background:url(../img/graphics/filter-machine.jpg) no-repeat 636px 0; height:332px; }
/* ===== PRODUCTS ===== */





/* ===== TWITTER ===== */
#twitterFeed					{ width:199px; padding:86px 0 0 15px; background:url(../img/graphics/amano-tweets.png) no-repeat 15px 62px; float:left; }
#twitterFeed li					{ margin:15px 0 0; }
.jta-clear						{ display:none; }
a.jta-tweet-timestamp-link		{ display:block; color:#ed1c24; }

.blog #twitterFeed				{
	float:right;
	width:195px;
	text-align:right;
	padding:25px 0 0 25px;
	background:url(../img/backgrounds/twitter-shadow.png) no-repeat center top;
	margin:0 10px 0 0;
}