/* ---------------------------- */
/* HTML TAG RESET */
/* ---------------------------- */
html, body, form, fieldset, h1,
h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
ul, li { list-style-type: none; }
/* ---------------------------- */
/* GLOBAL */
/* ---------------------------- */
body { background: #3f1b00; color: #252525; font: normal 62.5% Arial, Helvetica, sans-serif; }
#wrapper { margin: 0 auto; position: relative; width: 1000px; }
#header { background: url(../images/header-bg.jpg) no-repeat; height: 180px; position: relative; }
#footer { background: url(../images/footer-bg.jpg) no-repeat; height: 194px; }
a { color: #8f6e3c; outline: none; text-decoration: none; }
a:hover { color: #598527; }
p, ul { font-size: 1.2em; line-height: 1.8; }
/* ---------------------------- */
/* HEADER */
/* ---------------------------- */
#header h1 { background: transparent; text-indent: -9999px; }
#header li a, #header li span { display: block; position: absolute; text-indent: -9999px; top: 81px; }
#header li a#home { background: url(../images/main-nav.jpg) no-repeat 0 0; height: 27px; left: 676px; width: 48px; }
#header li a:hover#home { background: url(../images/main-nav.jpg) no-repeat 0 -27px; }
#header li a#portfolio { background: url(../images/main-nav.jpg) no-repeat -72px 0; height: 27px; left: 748px; width: 86px; }
#header li a:hover#portfolio { background: url(../images/main-nav.jpg) no-repeat -72px -27px; }
#header li a#contact { background: url(../images/main-nav.jpg) no-repeat top right; height: 27px; left: 839px; width: 90px; }
#header li a:hover#contact { background: url(../images/main-nav.jpg) bottom right no-repeat; }
/*Portfolio Nav*/
#portfolio-nav li a#home { background: url(../images/portfolio-nav.jpg) no-repeat 0 0; height: 27px; left: 528px; width: 48px; }
#portfolio-nav li a:hover#home { background: url(../images/portfolio-nav.jpg) no-repeat 0 -27px; }
#portfolio-nav li a#contact { background: url(../images/portfolio-nav.jpg) no-repeat top right; height: 27px; left: 839px; width: 90px; }
#portfolio-nav li a:hover#contact { background: url(../images/portfolio-nav.jpg) bottom right no-repeat; }
#portfolio-nav li span { background: url(../images/portfolio-nav.jpg) no-repeat -80px 0; height: 27px; left: 608px; width: 90px; }
#print a { background: url(../images/portfolio-nav.jpg) no-repeat -190px 0; height: 27px; left: 718px; width: 46px; }
#print a:hover,
#print a.print-selected,
#print a.print-hover { background: url(../images/portfolio-nav.jpg) no-repeat -190px -27px; }
#online a { background: url(../images/portfolio-nav.jpg) no-repeat -242px 0; height: 27px; left: 770px; width: 58px; }
#online a:hover,
#online a.online-selected,
#online a.online-hover { background: url(../images/portfolio-nav.jpg) no-repeat -242px -28px; }
/* ---------------------------- */
/* HOME CONTENT */
/* ---------------------------- */
#home-wrap { background: url(../images/content-bg.jpg) no-repeat; height: 713px; }
#smart-design { background: url(../images/bg.jpg) no-repeat top left; border-right: 1px solid #865000; cursor: pointer; display: inline; float: left; height: 712px; margin: 0 0 1px 46px; width: 513px; }
#smart-design.hover { background: url(../images/bg-hover.jpg) no-repeat top left; }
#smart-design-img { background:url(../images/cp-paper_switch.png) no-repeat; left: 0; position: absolute; top: 490px; width:517px; height:422px; }
#smart-design h4 { font-size: 1.6em; margin: 28px 0 14px 24px; }
#smart-design p { margin: 0 24px; }
#whats-new { background: url(../images/bg.jpg) no-repeat top right; border-bottom: 1px solid #865000; clear: right; cursor: pointer; float: left; height:408px; width: 390px; }
#whats-new.hover { background: url(../images/bg-hover.jpg) no-repeat top right; }
#whats-new-img { background:url(../images/photo-whats_new.png) no-repeat; right: 60px; position: absolute; top: 186px; width:329px; height:415px; }
#whats-now { background: url(../images/bg.jpg) no-repeat bottom right; cursor: pointer; float: left; height: 303px; width: 390px; }
#whats-now.hover { background: url(../images/bg-hover.jpg) no-repeat bottom right; }
#post-notes p { margin: 136px 60px 0 76px; }
#post-notes { background: url(../images/postnotes-whats_now.png) no-repeat; height: 310px; position: absolute; right: 70px; top: 610px; width: 352px; }
#post-notes h3 { text-indent: -9999px; }
#smart-design h2 a, #whats-new h2 a,
#whats-now h2 a { display: block; height: 31px; position: relative; text-indent: -9999px; width: 100%; z-index: 3; }
/* ---------------------------- */
/* SMART DESIGN */
/* ---------------------------- */
#smart-design-wrap { background: url(../images/smart-full-bg.jpg) no-repeat; height: 713px; }
#smart-design-full h2 { text-indent: -9999px; }
#cp-paper-switch { background: url(../images/cp-paper_switch-bg.png) no-repeat; height: 642px; left: 30px; position: absolute; top: 150px; width: 942px; }
#cp-paper-switch a { border-bottom: 2px dotted #598527; color: #598527; }
#cp-paper-switch h3 { background: url(../images/cp-paper_switch-header.png) no-repeat; height: 32px; margin: 110px 0 0 40px; text-indent: -9999px; width: 425px; }
#cp-paper-switch p { margin-bottom: 1.8em; }
#cp-paper-switch div { margin: 30px 440px 0 50px; position:relative; }
a#mohawk-link { background: url(../images/cp-paper_switch-link-bg.png) no-repeat; border: none; display: block; height: 288px; position: absolute; right: 0; text-indent: -9999px; bottom: 0; width: 388px; }
a:hover#mohawk-link { background: url(../images/cp-paper_switch-link-bg-hover.png) no-repeat; }
/* ---------------------------- */
/* WHATS NEW */
/* ---------------------------- */
#whats-new-wrap { background: url(../images/new-full-bg.jpg) no-repeat; height: 713px; }
#whats-new-full { margin: 0 0 1px 46px; width: 904px; }
#whats-new-full h2 { text-indent: -9999px; }
#whats-new-full a#photos { background: url(../images/whats-new_photos.png) no-repeat; height: 468px; position: absolute; text-indent: -9999px; top: 160px; width: 893px; }
#whats-new-full a:hover#photos { background: url(../images/whats-new_photos-hover.png) no-repeat; }
#whats-new-full h3 { font-size: 1.6em; font-weight: bold; margin: 460px 0 0 50px; }
#whats-new-full h4 { margin: 2px 0 20px 50px; }
#whats-new-full h4 a { border-bottom: 2px dotted #598527; color: #598527; font-size: 1.4em; }
#whats-new-full p.left { display: inline; float: left; margin-left: 50px; width: 43%; }
#whats-new-full p.right { display: inline; float: right; margin-right: 50px; width: 43%; }
/* ---------------------------- */
/* PORTFOLIO */
/* ---------------------------- */
#portfolio-wrap { background: url(../images/portfolio-bg.jpg) no-repeat; height: 297px; }
#portfolio-gallery { background: url(../images/portfolio-thumbs-inactive.jpg) no-repeat; height: 296px; margin: 0 46px 0; position: relative; width: 904px; }
.online-images, .print-images { display: block; position: absolute; text-indent: -9999px; }
/*----------- Row 1 -----------*/
/*Column 1*/
a#online01 { background: url(../images/portfolio-thumbs.jpg) 0 0 no-repeat; height: 100px; width: 100px; }
a:hover#online01 { background: url(../images/portfolio-thumbs-hover.jpg) 0 0 no-repeat; }
/*Column 2*/
a#print04 { background: url(../images/portfolio-thumbs.jpg) -100px 0 no-repeat; left: 100px; height: 96px; width: 102px; }
a:hover#print04 { background: url(../images/portfolio-thumbs-hover.jpg) -100px 0 no-repeat; }
/*Column 3*/
a#online07 { background: url(../images/portfolio-thumbs.jpg) -202px 0 no-repeat; left: 202px; height: 96px; width: 100px; }
a:hover#online07 { background: url(../images/portfolio-thumbs-hover.jpg) -202px 0 no-repeat; }
/*Column 4*/
a#print10 { background: url(../images/portfolio-thumbs.jpg) -302px 0 no-repeat; left: 302px; height: 96px; width: 100px; }
a:hover#print10 { background: url(../images/portfolio-thumbs-hover.jpg) -302px 0 no-repeat; }
/*Column 5*/
a#print13 { background: url(../images/portfolio-thumbs.jpg) -402px 0 no-repeat; left: 402px; height: 96px; width: 100px; }
a:hover#print13 { background: url(../images/portfolio-thumbs-hover.jpg) -402px 0 no-repeat; }
/*Column 6*/
a#print16 { background: url(../images/portfolio-thumbs.jpg) -502px 0 no-repeat; left: 502px; height: 96px; width: 101px; }
a:hover#print16 { background: url(../images/portfolio-thumbs-hover.jpg) -502px 0 no-repeat; }
/*Column 7*/
a#online19 { background: url(../images/portfolio-thumbs.jpg) -603px 0 no-repeat; left: 603px; height: 96px; width: 100px; }
a:hover#online19 { background: url(../images/portfolio-thumbs-hover.jpg) -603px 0 no-repeat; }
/*Column 8*/
a#print22 { background: url(../images/portfolio-thumbs.jpg) -703px 0 no-repeat; left: 702px; height: 96px; width: 102px; }
a:hover#print22 { background: url(../images/portfolio-thumbs-hover.jpg) -703px 0 no-repeat; }
/*Column 9*/
a#print25 { background: url(../images/portfolio-thumbs.jpg) -803px 0 no-repeat; left: 802px; height: 96px; width: 102px; }
a:hover#print25 { background: url(../images/portfolio-thumbs-hover.jpg) -803px 0 no-repeat; }
/*----------- Row 2 -----------*/
/*Column 1*/
a#print02 { background: url(../images/portfolio-thumbs.jpg) 0 -96px no-repeat; top: 96px; height: 100px; width: 101px; }
a:hover#print02 { background: url(../images/portfolio-thumbs-hover.jpg) 0 -96px no-repeat; }
/*Column 2*/
a#print05 { background: url(../images/portfolio-thumbs.jpg) -101px -96px no-repeat; left: 101px; top: 96px; height: 100px; width: 100px; }
a:hover#print05 { background: url(../images/portfolio-thumbs-hover.jpg) -101px -96px no-repeat; }
/*Column 3*/
a#print08 { background: url(../images/portfolio-thumbs.jpg) -201px -96px no-repeat; left: 201px; top: 96px; height: 100px; width: 100px; }
a:hover#print08 { background: url(../images/portfolio-thumbs-hover.jpg) -201px -96px no-repeat; }
/*Column 4*/
a#online11 { background: url(../images/portfolio-thumbs.jpg) -302px -96px no-repeat; left: 302px; top: 96px; height: 100px; width: 100px; }
a:hover#online11 { background: url(../images/portfolio-thumbs-hover.jpg) -302px -96px no-repeat; }
/*Column 5*/
a#online14 { background: url(../images/portfolio-thumbs.jpg) -402px -96px no-repeat; left: 402px; top: 96px; height: 100px; width: 100px; }
a:hover#online14 { background: url(../images/portfolio-thumbs-hover.jpg) -402px -96px no-repeat; }
/*Column 6*/
a#print17 { background: url(../images/portfolio-thumbs.jpg) -502px -96px no-repeat; left: 502px; top: 96px; height: 100px; width: 100px; }
a:hover#print17 { background: url(../images/portfolio-thumbs-hover.jpg) -502px -96px no-repeat; }
/*Column 7*/
a#print20 { background: url(../images/portfolio-thumbs.jpg) -602px -96px no-repeat; left: 602px; top: 96px; height: 100px; width: 101px; }
a:hover#print20 { background: url(../images/portfolio-thumbs-hover.jpg) -602px -96px no-repeat; }
/*Column 8*/
a#online23 { background: url(../images/portfolio-thumbs.jpg) -704px -96px no-repeat; left: 704px; top: 96px; height: 100px; width: 100px; }
a:hover#online23 { background: url(../images/portfolio-thumbs-hover.jpg) -704px -96px no-repeat; }
/*Column 9*/
a#print26 { background: url(../images/portfolio-thumbs.jpg) -804px -96px no-repeat; left: 804px; top: 96px; height: 100px; width: 100px; }
a:hover#print26 { background: url(../images/portfolio-thumbs-hover.jpg) -804px -96px no-repeat; }
/*----------- Row 3 -----------*/
/*Column 1*/
a#print03 { background: url(../images/portfolio-thumbs.jpg) 0 -196px no-repeat; top: 196px; height: 100px; width: 101px; }
a:hover#print03 { background: url(../images/portfolio-thumbs-hover.jpg) 0 -196px no-repeat; }
/*Column 2*/
a#print06 { background: url(../images/portfolio-thumbs.jpg) -101px -196px no-repeat; left: 101px; top: 196px; height: 100px; width: 100px; }
a:hover#print06 { background: url(../images/portfolio-thumbs-hover.jpg) -101px -196px no-repeat; }
/*Column 3*/
a#print09 { background: url(../images/portfolio-thumbs.jpg) -201px -196px no-repeat; left: 201px; top: 196px; height: 100px; width: 100px; }
a:hover#print09 { background: url(../images/portfolio-thumbs-hover.jpg) -201px -196px no-repeat; }
/*Column 4*/
a#online12 { background: url(../images/portfolio-thumbs.jpg) -302px -196px no-repeat; left: 302px; top: 196px; height: 100px; width: 100px; }
a:hover#online12 { background: url(../images/portfolio-thumbs-hover.jpg) -302px -196px no-repeat; }
/*Column 5*/
a#print15 { background: url(../images/portfolio-thumbs.jpg) -402px -196px no-repeat; left: 402px; top: 196px; height: 100px; width: 100px; }
a:hover#print15 { background: url(../images/portfolio-thumbs-hover.jpg) -402px -196px no-repeat; }
/*Column 6*/
a#online18 { background: url(../images/portfolio-thumbs.jpg) -502px -196px no-repeat; left: 502px; top: 196px; height: 100px; width: 100px; }
a:hover#online18 { background: url(../images/portfolio-thumbs-hover.jpg) -502px -196px no-repeat; }
/*Column 7*/
a#print21 { background: url(../images/portfolio-thumbs.jpg) -602px -196px no-repeat; left: 602px; top: 196px; height: 100px; width: 100px; }
a:hover#print21 { background: url(../images/portfolio-thumbs-hover.jpg) -602px -196px no-repeat; }
/*Column 8*/
a#print24 { background: url(../images/portfolio-thumbs.jpg) -702px -196px no-repeat; left: 702px; top: 196px; height: 100px; width: 102px; }
a:hover#print24 { background: url(../images/portfolio-thumbs-hover.jpg) -702px -196px no-repeat; }
/*Column 9*/
a#print27 { background: url(../images/portfolio-thumbs.jpg) -802px -196px no-repeat; left: 802px; top: 196px; height: 100px; width: 102px; }
a:hover#print27 { background: url(../images/portfolio-thumbs-hover.jpg) -802px -196px no-repeat; }
/* ---------------------------- */
/* CONTACT */
/* ---------------------------- */
#contact-wrap { background: url(../images/content-bg.jpg) no-repeat; height:713px;}
p.contact-txt { margin:0 250px 20px; padding:50px 0 0 0; }
fieldset { border:none; margin: 0 auto; width:470px;}
input { width:288px; }
input, textarea { border:1px solid #ccc; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; padding:5px; margin:10px 0 0 0; }
input:focus, textarea:focus { background:#ffc; }
textarea { width:288px; }
label { display:block; line-height:20px; margin:12px 0 0; font-size:1.2em; float:left; clear:left; width:140px; }
button { display:block; float:left; clear:both; margin:1em 0 1em 140px; }
#name, #email, #phone { width:180px; }
form span, p span { color:red; font-weight:bold; }
.yay, .oops { position:absolute; top:300px; font-size:1.2em; text-align:center; margin:0 250px 20px; padding:10px; color:#fff; font-weight:700; }
.yay { background:#090; }
.oops { background:#f30; }
div.error { font-size:1.2em; padding:5px 0 0; color:red; margin:0 0 0 140px; }
/* ---------------------------- */
/* FOOTER */
/* ---------------------------- */
#footer ul { float: left; margin: 38px 0 0 150px; }
#footer li { display: inline; }
#footer p { color: #8f6e3c; display: inline; float: left; margin: 38px 0 0 56px; }
#footer li a { margin: 0 18px 0 0; }