/* CSS Document - Desktops and Tablets - Belin Creative 2013 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
em { font-style: italic; }

/*common*/
body { margin: 0; padding: 0; color: #404040; font: 12pt 'Open Sans', "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-rendering: optimizeLegibility; line-height: 150%; background: #fdefed url(../assets/site-ground.jpg) 50% 0 no-repeat; }
h1, h2, h3, h4, h5	{	margin: 0 0 10px; font-family: inherit; font-weight: bold; color: inherit; }
li { list-style: none; }	

.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.dn { display: none; }

/*structure*/
.masthead { position: relative; width: 100%; height: 40px; background-color: #582919; color: #edd779; text-shadow: 1px 1px #421e12; }
.masthead .iwrap { position: relative; margin: 0 auto; width: 1025px; height: 40px; background: #582919; background: -moz-linear-gradient(left,  #582919 0%, #8c3517 50%, #582919 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#582919), color-stop(50%,#8c3517), color-stop(100%,#582919)); background: -webkit-linear-gradient(left,  #582919 0%,#8c3517 50%,#582919 100%); background: -o-linear-gradient(left,  #582919 0%,#8c3517 50%,#582919 100%); background: -ms-linear-gradient(left,  #582919 0%,#8c3517 50%,#582919 100%); background: linear-gradient(to right,  #582919 0%,#8c3517 50%,#582919 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#582919', endColorstr='#582919',GradientType=1 ); }
.masthead .iwrap .promo { position: relative; padding-left: 17px; width: 495px; height: 40px; text-align: left; display: table-cell; vertical-align: middle; font-size: 0.85em; background: transparent url(../assets/icon-promo-star.png) 0 15px no-repeat; }
.masthead .iwrap .empty { background-image: none; }
.masthead .iwrap .utility { position: relative; padding-left: 60px; width: 453px; height: 40px; text-align: right; display: table-cell; vertical-align: middle; font-size: 1.2em; font-weight: 600; background: transparent url(../assets/utility-phone-ground.png) 100% 50% no-repeat; }

.headerwrapper { position: relative; width: 100%; height: 154px; background: #efd464 url(../assets/header-ground.jpg) 50% 0 repeat-x; }
.headerwrapper .iwrap { position: relative; margin: 0 auto; width: 1025px; height: 154px; }
.headerwrapper .iwrap .logo { position: relative; float: left; clear: none; width: 188px; height: 94px; }
.headerwrapper .iwrap nav { position: relative; float: right; clear: none; height: 94px; }
.headerwrapper .iwrap nav li { position: relative; float: left; clear: none; height: 94px; display: block; }
.headerwrapper .iwrap nav li a { margin-right: 28px; height: 94px; display: block; background: transparent url(../assets/nav-sprite.png) no-repeat; transition: background-position 400ms ease-in-out; }
.headerwrapper .iwrap nav li a span { display: none; }
.headerwrapper .iwrap nav li a.oven { width: 174px; background-position: 0 0; }  
.headerwrapper .iwrap nav li a.oven:hover { background-position: 0 -94px; }
.headerwrapper .iwrap nav li a.ovenselected, .headerwrapper .iwrap nav li a.ovenselected:hover{ background-position: 0 -188px; }
.headerwrapper .iwrap nav li a.about { width: 78px; background-position: -202px 0; }  
.headerwrapper .iwrap nav li a.about:hover { background-position: -202px -94px; }
.headerwrapper .iwrap nav li a.aboutselected, .headerwrapper .iwrap nav li a.aboutselected:hover { background-position: -202px -188px; }
.headerwrapper .iwrap nav li a.contact { width: 88px; margin-right: 0; background-position: -308px 0; }  
.headerwrapper .iwrap nav li a.contact:hover { background-position: -308px -94px; }
.headerwrapper .iwrap nav li a.contactselected, .headerwrapper .iwrap nav li a.contactselected:hover { background-position: -308px -188px; }

.splashWrapper, .contentWrapper { position: relative; margin: -60px auto 0; padding: 2px; width: 1021px; height: 527px; background: transparent url(../assets/50wspacer.png) 0 0 repeat; border-radius: 3px; box-shadow: 0 0 8px 2px #999; text-align: center; }
.splashWrapper .splash { display: block; overflow: hidden; height: 527px; }
.tall { height: 627px!important; }
.splashWrapper .splash img { margin-top: -50px; }
.splashWrapper .tall img { margin-top: 0; }

.splashWrapper .splashnavwrapper { position: absolute; z-index: 1000; width: 100%; height: 100%; }
.splashWrapper .splashnav { position: absolute; z-index: 1000; top: 225px; width: 55px; height: 56px; background: transparent url(../assets/splash-nav-sprite.png) no-repeat; transition: opacity 500ms ease-in-out; opacity: 0; text-decoration: none; }
.splashWrapper .tallnav { top: 275px !important; }
.splashWrapper:hover .splashnav { opacity: 1; }
.splashWrapper .prev { left: -32px; background-position: 0 -112px; }
.splashWrapper .prev:hover { background-position: 0 -168px; }
.splashWrapper .next { right: -29px; background-position: 0 0; }
.splashWrapper .next:hover { right: -29px; background-position: 0 -56px; }
.splashWrapper .splash img { border-radius: 3px; }

.footerWrapper { position: relative; margin: 40px auto 0; text-align: center; color: #404040; text-shadow: -1px -1px #fff; font-size: 0.85em; }

.contentWrapper { height: 627px !important; }
.contentWrapper .contact { position: relative; padding: 3px; width: 1015px; height: 621px; border-radius: 3px; background: transparent url(../assets/contact/ground.jpg) 0 0 no-repeat; } 
.contentWrapper .about { background-image: url(../assets/about/ground.jpg); } 
.contentWrapper .breadcrumbs { position: relative; float: left; clear: both; margin: 0 0 3px; padding: 0; width: 1015px; height: 26px; border-top-left-radius: 3px; text-align: left; color: #404040; font-weight: 100; font-size: 0.9em; line-height: 23px; background: transparent url(../assets/breadcrumbs-ground.png) 0 0 no-repeat; } 
.contentWrapper .homelink { position: relative; display: inline-block; margin: 0 10px 0 0; width: 40px; height: 26px; text-decoration: none; background: transparent url(../assets/bc-home-sprite.png) 9px 0 no-repeat; transition: background-position 400ms ease-in-out; }
.contentWrapper .homelink:hover { background-position: 9px -26px; }
.contentWrapper .homelink span { opacity: 0 !important; }
.contentWrapper .section { position: relative; float: left; clear: both; width: 1015px; height: 592px; background: transparent url(../assets/section-ground.png) 0 0 repeat-x; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.contentWrapper .section .column { position: relative; float: left; clear: none; padding-top: 75px; width: 440px; color: #582919; font-size: 0.9em; text-shadow: 1px 1px #bfbfbf; }
.contentWrapper .section .narrow { position: relative; float: left; clear: both; width: 1015px; height: 100px; background: transparent url(../assets/contact/contact-form-heading.png) 50% 100% no-repeat; }
.contentWrapper .section .left { padding-left: 65px; text-align: left; background: transparent url(../assets/contact/designed-and-made-in-a-home-kitchen.png) 18px 30px no-repeat; }
.contentWrapper .section .right { padding-right: 65px; width: 445px; text-align: right; background: transparent url(../assets/contact/need-a-quicker-response.png) 142px 30px no-repeat; }
.contentWrapper .section .form { position: relative; float: left; clear: both; padding-top: 40px; width: 1015px; text-align: center; }
.contentWrapper .section .form input.ti, .contentWrapper .section .form textarea.ti { position: relative; margin: 0 auto 25px; padding: 0 20px; width: 235px; background-color: transparent; border: 1px solid #a71d0c; border-width: 0 0 1px; font: 0.9em 'Open Sans', "Lucida Sans Unicode", "Lucida Grande"; text-align: center; color: #404040; }
.contentWrapper .section .form textarea.ti { width: 900px; resize: none; vertical-align: bottom; }
.contentWrapper .section .form input.rti, .contentWrapper .section .form textarea.rti { color: #959291; }
.contentWrapper .section .form input.error, .contentWrapper .section .form textarea.error { background: transparent url(../assets/contact/label-error.png) 100% 0 no-repeat; }

.contentWrapper .section .pwformResponse { display: none; }
.contentWrapper .section .pwformResponse h1 { font-size: 2em; margin-bottom: 40px; color: #a71d0c; font-weight: 100; }
.contentWrapper .section .pwformResponse p { font-size: 0.9em; }
.contentWrapper .section .pwformResponse p a { color: #a71d0c; text-decoration: underline; }

.ajaxOverlay { position: absolute; z-index: 200; top: 0; left: 0; width: 100%; height: 100%; display: none; background: transparent url(../assets/50wspacer.png) 0 0 repeat; }
.ajaxOverlay img { position: absolute; z-index: 1; top: 50%; left: 50%; margin: -16px 0 0 -16px; }

.contentWrapper .section .fscolumn { position: relative; float: left; clear: both; padding: 75px 65px 0!important; width: 885px; min-height: 300px; text-align: left; }
.contentWrapper .section .fscolumn p { margin-bottom: 20px; }
.contentWrapper .section .about { background: transparent url(../assets/about/about-us-hdr.png) 18px 30px no-repeat; }
.contentWrapper .section .about  ul { margin: 15px; padding: 0; }
.contentWrapper .section .about li { margin: 0; padding: 3px 25px; list-style: none; background: transparent url(../assets/about/bullet.png) 3px 10px no-repeat; }
.contentWrapper .section .fscolumn .icontact { padding: 0 24px 0 0; background: transparent url(../assets/about/go-sprite.png) 100% 3px no-repeat; transition: background 200ms ease-in-out; color: #404040; }
.contentWrapper .section .fscolumn .icontact:hover { background-position: 100% -21px; color: #a71d0c; }

.splashWrapper .breadcrumbs { position: absolute; z-index: 1100; top: 5px; left: 5px; padding: 0; width: 1015px; height: 26px; border-top-left-radius: 3px; text-align: left; color: #404040; font-weight: 100; font-size: 0.9em; line-height: 23px; background: transparent url(../assets/breadcrumbs-ground.png) 0 0 no-repeat; } 
.splashWrapper .homelink { position: relative; display: inline-block; margin: 0 10px 0 0; width: 40px; height: 26px; text-decoration: none; background: transparent url(../assets/bc-home-sprite.png) 9px 0 no-repeat; transition: background-position 400ms ease-in-out; }
.splashWrapper .homelink:hover { background-position: 9px -26px; }
.splashWrapper .homelink span { opacity: 0; }

.splashWrapper .sidebarmin { position: absolute; z-index: 1100; top: 5px; right: 5px; padding: 0; width: 40px; display: none; background: transparent url(../assets/65wspacer.png) 0 0 repeat; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.splashWrapper .sidebarmin ul { margin: 0; padding: 0; }
.splashWrapper .sidebarmin li { position: relative; float: left; clear: both; margin: 0; padding: 0; width: 40px; height: 65px; border-bottom: 1px solid #a71d0c; }
.splashWrapper .sidebarmin li:last-child { border-bottom: none; }

.splashWrapper .sidebarmin a { display: block; width: 40px; height: 65px; background-color: transparent;  background-image: url(../assets/oven/nav-collapsed-sprite.png); background-repeat: no-repeat; opacity: 0.7; transition: opacity 200ms ease-in-out; }
.splashWrapper .sidebarmin a:hover { opacity: 1; }
.splashWrapper .sidebarmin a.menu { background-position: 50% 0; }
.splashWrapper .sidebarmin a.desc { background-position: 50% -65px; } 

.splashWrapper .nextfix { position: absolute; z-index: 1500; top: 50%; right: -29px; margin-top: -40px; width: 55px; height: 56px; transition: opacity 200ms ease-in-out; opacity: 0; }
.splashWrapper .nextfix:hover { background: transparent url(../assets/oven/nextfix-hover.png) 22px 17px no-repeat; opacity: 1; }

.splashWrapper .sidebar { position: absolute; z-index: 1100; top: 5px; right: 5px; padding: 0; width: 275px; display: none; background: transparent url(../assets/85wspacer.png) 0 0 repeat; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.splashWrapper .sidebar ul { margin: 0; padding: 0; }
.splashWrapper .sidebar li { position: relative; float: left; clear: both; padding: 55px 45px 15px 15px; width: 215px; border-bottom: 1px solid #a71d0c; }
.splashWrapper .sidebar li:last-child { border-bottom: none; }
.splashWrapper .sidebar li.menu { background: transparent url(../assets/oven/li-menu-lnav.png) 20px 15px no-repeat; }
.splashWrapper .sidebar li.desc { background: transparent url(../assets/oven/li-menu-desc.png) 20px 15px no-repeat; }
.splashWrapper .sidebar li.desc p a { color: #833220; }
.splashWrapper .sidebar li li { position: relative; clear: both; margin: 2px; padding: 0 0 0 25px; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 0; font-size: 0.9em; text-align: left; } 
.splashWrapper .sidebar li li a { display: block; color: #582919; text-decoration: none; }
.splashWrapper .sidebar li li a:hover { color: #a71d0c; text-decoration: underline; }
.splashWrapper .sidebar li li.current { background: transparent url(../assets/oven/local-nav-current.png) 5px 7px no-repeat; }
.splashWrapper .sidebar li li.current a { color: #a71d0c; text-decoration: none; text-shadow: 1px 1px #666; }
.splashWrapper .sidebar li p { margin: 0 0 20px 10px; width: 225px; font-size: 0.8em; text-align: left; }

.splashWrapper .sidebar .close { position: absolute; z-index: 1; top: 4px; right: 4px; width: 16px; height: 16px; background: transparent url(../assets/oven/icon-close-nav.png) 0 0 no-repeat; cursor: pointer; }

/*sigh*/
@-moz-document url-prefix() {
	.splashWrapper .nextfix:hover {
  	background-position: 22px 16px;
    }
	}