/* @group undo default */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:100%;font-weight: normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,legend,input,select { margin:0; padding:0 }
a img,:link img,:visited img, fieldset { border:0; }
address { font-style:normal }
table { border:none;padding:0;margin:0;border-collapse:collapse;border-spacing:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal;font-weight:normal;text-align:left; }

/* @end */

/* @group basics */

@font-face {
  font-family: junction;
  src: url(../assets/junction.otf) format("opentype");
}

body {
	font-family: junction, Lucida Grande, Helvetica, sans-serif; 
	color: #666;
	background: #fff url(../images/gingham.jpg) 50% 0 repeat;
	font-size: 16px;
	}

a {
	color: #2798ad;
	text-decoration: underline;
	}

.replace {
	height: 0;
	overflow: hidden;
	display: block;
	line-height: 90px;
	}

#logo {
	width: 330px;
	padding-top: 173px;
	background: url(../images/logo.png) 0 0 no-repeat;
	position: absolute;
	top: 20px;
	left: 70px;
	z-index: 3;
	}

#callus {
	width: 194px;
	overflow: visible !important;
	background: url(../images/callus2.png) 0 0 no-repeat;
	height: 131px;
	padding-top: 40px;
	color: #2ABBCE;
	text-align:center;
	font-size: 18px;
	position: absolute;
	top: 90px;
	right: 200px;
	z-index: 3;
	}


#promo {
	width: 235px;
	padding-top: 114px;
	background: url(../images/promo.png) 0 0 no-repeat;
	position: absolute;
	top: 100px;
	right: 200px;
	z-index: 3;
	}

#feature {
	width: 760px;
	padding-top: 374px;
	background: url(../images/feature.jpg) 0 0 no-repeat;
	margin-left: 18px;
	margin-bottom: 30px;
	}

/* @end */

/* @group layout */

#wrap {
	width: 980px;
	margin: 0 auto;
	position: relative;
	}

#contentwrap {
	width: 796px;
	position: absolute;
	margin-top: 30px;
	top: 30px;
	z-index: 2;
	}

#header {
	padding-top: 77px;
	width: 796px;
	background: url(../images/top.png) 0 0 no-repeat;
	margin-left: 30px;
	}

#content {
	width: 796px;
	background: url(../images/middle.png) 0 0 repeat-y;
	margin-left: 30px;
	padding-top: 110px;
	position: relative;
	min-height: 700px;
	}

#content p {
	padding: 0 100px 20px 198px;
	line-height: 28px;
	}

#content p a {
	text-decoration: underline;
	}

#footer {
	width: 776px;
	background: url(../images/bottom.png) 0 0 no-repeat;
	padding-top: 80px;
	margin-left: 30px;
	text-align: right;
	padding-right: 20px;
	font-size: 12px;
	padding-bottom: 30px;
	}

#footer a {
	text-decoration: underline;
	}

.photo {
	margin-left: 188px;
	padding-bottom: 30px;
	}

#quote {
	width: 382px;
	padding-top: 61px;
	background: url(../images/about_quote.gif) 0 0 no-repeat;
	margin: 20px 0 30px 247px;
	}

/* @end */

/* @group nav */

#nav {
	position: absolute;
	background: url(../images/menu_back.png) 0 0 no-repeat;
	height: 339px;
	width: 163px;
	top: 242px;
	left: 0;
	z-index: 3;
	padding-top: 13px;
	}

#nav a {
	padding-top: 24px;
	width: 120px;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	}

#nav li {
	padding: 18px 0 0 28px;
	}

#nav a.nav-home { background-position: -119px 0; }
#nav a.nav-home:hover,#nav a.nav-home.selected { background-position: 0 0; }

#nav a.nav-menu { background-position: -119px -43px; }
#nav a.nav-menu:hover,#nav a.nav-menu.selected { background-position: 0 -43px; }

#nav a.nav-about { background-position: -119px -88px; }
#nav a.nav-about:hover,#nav a.nav-about.selected { background-position: 0 -88px; }

#nav a.nav-contact { background-position: -119px -219px; }
#nav a.nav-contact:hover,#nav a.nav-contact.selected { background-position: 0 -219px; }

#nav a.nav-location { background-position: -119px -263px; }
#nav a.nav-location:hover,#nav a.nav-location.selected { background-position: 0 -263px; }



/* @end */

/* @group ephemera */

#home #photos {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 1;
	background: url(../images/home_photos2.png) 0 0 no-repeat;
	width: 303px;
	padding-top: 947px;
	}

#menu #photos {
	position: absolute;
	top: 40px;
	right: 10px;
	z-index: 1;
	background: url(../images/menu_photos.png) 0 0 no-repeat;
	width: 301px;
	padding-top: 986px;
	}

#menu #cutter {
	position: absolute;
	top: 320px;
	right: 0;
	z-index: 6;
	background: url(../images/menu_cutter.png) 0 0 no-repeat;
	width: 243px;
	padding-top: 179px;
	}

#menu #spoon {
	position: absolute;
	top: 800px;
	right: 50px;
	z-index: 6;
	background: url(../images/menu_spoon.png) 0 0 no-repeat;
	width: 160px;
	padding-top: 282px;
	}

#about #photos {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 1;
	background: url(../images/about_photos.png) 0 0 no-repeat;
	width: 263px;
	padding-top: 550px;
	}

#about #glasses {
	position: absolute;
	top: 530px;
	right: 10px;
	z-index: 6;
	background: url(../images/about_glasses.png) 0 0 no-repeat;
	width: 231px;
	padding-top: 441px;
	}

#contact #photos {
	position: absolute;
	top: 16px;
	right: 0;
	z-index: 1;
	background: url(../images/contact_photos.png) 0 0 no-repeat;
	width: 310px;
	padding-top: 803px;
	}

#contact #pen {
	position: absolute;
	top: 490px;
	right: 80px;
	z-index: 6;
	background: url(../images/contact_pen.png) 0 0 no-repeat;
	width: 109px;
	padding-top: 416px;
	}

#location #photos {
	position: absolute;
	top: 16px;
	right: 20px;
	z-index: 1;
	background: url(../images/location_photos.png) 0 0 no-repeat;
	width: 350px;
	padding-top: 753px;
	}

#location #compass {
	position: absolute;
	top: 640px;
	right: 45px;
	z-index: 6;
	background: url(../images/location_compass.png) 0 0 no-repeat;
	width: 188px;
	padding-top: 262px;
	}

/* @end */

/* @group headlines */

.headline {
	margin-bottom: 10px;
	width: 700px;
	margin-left: 198px;
	padding-top: 22px;
	}

.hot {
	background: url(../images/headline_hot.gif) 0 0 no-repeat;
	}

.whos {
	background: url(../images/headline_whos.gif) 0 0 no-repeat;
	}

.wesell {
	background: url(../images/headline_wesell.gif) 0 0 no-repeat;
	}

.hello {
	background: url(../images/headline_hello.gif) 0 0 no-repeat;
	}

.philosophy {
	background: url(../images/headline_philosophy.gif) 0 0 no-repeat;
	}

.open {
	background: url(../images/headline_open.gif) 0 0 no-repeat;
	}

.form {
	background: url(../images/headline_form.gif) 0 0 no-repeat;
	}

.thanks {
	background: url(../images/headline_thanks.gif) 0 0 no-repeat;
	}

.baking {
	background: url(../images/headline_baking.gif) 0 0 no-repeat;
	}

.prices {
	background: url(../images/headline_prices.gif) 0 0 no-repeat;
	}

/* @end */

/* @group banner */

#ribbon {
	height: 98px;
	width: 685px;
	margin-left: 131px;
	background: url(../images/ribbon.png) 0 0 no-repeat;
	position: relative;
	margin-top: 10px;
	}

#mce-EMAIL {
	border: 0;
	background: none;
	padding: 8px 2px 2px 4px;
	font-family: junction, Lucida Grande, Helvetica, sans-serif; 
	color: #666;
	font-size: 14px;
	position: absolute;
	top: 46px;
	left: 260px;
	height: 18px;
	width: 136px;
	line-height: 8px;
	}

#mc-embedded-subscribe {
	border: 0;
	background: none;
	position: absolute;
	top: 45px;
	left: 410px;
	height: 26px;
	padding-top: 25px;
	width: 36px;
	cursor: pointer;
	cursor: hand;
	overflow: hidden;
	}

#mc_embed_signup label {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

.mce_inline_error,
#mce-error-response,
#mce-success-response {
	color: #FF3E26;
	font-size: 13px;
	padding: 100px 80px 30px 67px;
	line-height: 18px;
	}

#twitter {
	position: absolute;
	top: 45px;
	right: 72px;
	padding-top: 25px;
	width: 24px;
	}

#facebook {
	position: absolute;
	top: 45px;
	right: 35px;
	padding-top: 25px;
	width: 24px;
	}

/* @end */

/* @group cookies */

dl.pricelist {
	width: 500px;
	overflow: auto;
	background: url(../images/dot.gif) repeat-x 0 1.2em;
	margin-left: 198px;
	padding-bottom: 10px;
	}

dl.pricelist dt {
	float: left;
	padding-right: 3px;
	padding-top: 2px;
	}

dl.pricelist dd {
	margin: 0;
	float: right;
	padding-left: 3px;
	color: #F70000;
	padding-top: 2px;
	}

.cookie {
	width: 600px;
	margin: 0 0 0 188px;
	position: relative;
	padding-top: 100px;
	padding-bottom: 50px;
	}

.cookie div {
	position: absolute;
	top: 0;
	right: 40px;
	width: 294px;
	background: url(../images/cookie_texture.png) 0 0 no-repeat;
	z-index: 4;
	}

#content .cookie h2 {
	padding-top: 42px;
	width: 300px;
	margin: 20px 20px -5px 20px;
	background-repeat: no-repeat;
	}

#content .cookie p {
	font-size: 14px;
	padding: 10px 18px 20px 20px;
	line-height: 20px;
	color: #fff;
	text-shadow: #333 0 1px 5px;
	}

#content #cookie img {
	height: 341px;
	}

#content span.pinup {
	position: absolute;
	left: -90px;
	top: 0;
	width: 284px;
	padding-top: 344px;
	z-index: 6;
	}

.anna div {background-color: #BF460D;}
.anna .pinup {background: url(../images/girl_anna.png);}
.anna h2 {background: url(../images/title_anna.png);}
.anna img {border: 4px solid #BF460D;}

.audrey div {background-color: #fc456f;}
.audrey .pinup {background: url(../images/girl_audrey.png);}
.audrey h2 {background: url(../images/title_audrey.png);}
.audrey img {border: 4px solid #fc456f;}

.betty div {background-color: #d09300;}
.betty .pinup {background: url(../images/girl_betty.png);}
.betty h2 {background: url(../images/title_betty.png);}
.betty img {border: 4px solid #d09300;}

.judy div {background-color: #D64001;}
.judy .pinup {background: url(../images/girl_judy.png);}
.judy h2 {background: url(../images/title_judy.png);}
.judy img {border: 4px solid #D64001;}

.lilly div {background-color: #416fda;}
.lilly .pinup {background: url(../images/girl_lilly.png);}
.lilly h2 {background: url(../images/title_lilly.png);}
.lilly img {border: 4px solid #416fda;}

.margo div {background-color: #ff2703;}
.margo .pinup {background: url(../images/girl_margo.png);}
.margo h2 {background: url(../images/title_margo.png);}
.margo img {border: 4px solid #ff2703;}

.penelope div {background-color: #bc6600;}
.penelope .pinup {background: url(../images/girl_penelope.png);}
.penelope h2 {background: url(../images/title_penelope.png);}
.penelope img {border: 4px solid #bc6600;}

.ricki div {background-color: #4bafd7;}
.ricki .pinup {background: url(../images/girl_ricki.png);}
.ricki h2 {background: url(../images/title_ricki.png);}
.ricki img {border: 4px solid #4bafd7;}

.trudy div {background-color: #ff3c3d;}
.trudy .pinup {background: url(../images/girl_trudy.png);}
.trudy h2 {background: url(../images/title_trudy.png);}
.trudy img {border: 4px solid #ff3c3d;}

.virginia div {background-color: #ff793f;}
.virginia .pinup {background: url(../images/girl_virginia.png);}
.virginia h2 {background: url(../images/title_virginia.png);}
.virginia img {border: 4px solid #ff793f;}

.vivianna div {background-color: #2f7f86;}
.vivianna .pinup {background: url(../images/girl_vivianna.png);}
.vivianna h2 {background: url(../images/title_vivianna.png);}
.vivianna img {border: 4px solid #2f7f86;}

/* @end */

/* @group contact form */

#contactform {
	margin: 10px 0 30px 198px;
	}

#contactform .text input,
#contactform .textarea textarea {
	background: #d7f8f9 url(../images/field_shadow2.gif) repeat-x 0 0;
	border: 1px solid #67c0c4;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: junction, Lucida Grande, Helvetica, sans-serif;
	font-size: 16px;
	padding: 6px 4px 2px 4px;
	width: 411px;
	line-height: 20px;
	}

#contactform .textarea textarea {
	width: 480px;
	}

#contactform .text.randomfield input {
	width: 111px;
	}

#contactform dt {
	padding-bottom: 2px;
	}

#required {
	color: #ff2413;
	}

#contactform .error,
#contactform p.error {
	color: #ff2413;
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
	}

#contactform dd {
	padding-bottom: 20px;
	}

#contactform dt.sendit {
	padding-top: 20px;
	}

dd.firstNameField,
dt.firstNameField {
	position: absolute;
	top: -2000em;
	left: -2000em;
	}

/* @end */

/* @group buynow */

.buynow {
	display: block;
	width: 129px;
	padding-top: 34px;
	height: 0;
	overflow: hidden;
	background: transparent url(../images/buynow.png) no-repeat 0 0;
	position: absolute;
	top: 20px;
	right: 20px;
	}

/* @end */