/*
Theme Name: Zu Coffee
Description: Wordpress Template
Version: 1.0
Author: Two Point Design
Author URI: http://www.twopointdesign.com/
Tags: business, fixed width, cms, widgets

*/

body { padding:0; margin:0; background:#4b1259 url(images/tile-bg.gif) repeat-x; width:100%; display:table; font:16px/22px Georgia; color:#ffffff; text-align:left; }
a { color:#f6b777; outline:0; }
.clear { clear:both; }
.divider { clear:both; height:15px; background: url(images/tile-divider.gif) repeat-x; margin:0; padding:0; }

/********************** LightView */

img { border:none; }
#zu-map { float:left; color:#e9e9e9; background:#333333; width:720px; clear:both; padding:10px; }
#zu-feedback { float:left; color:#e9e9e9; background:#cacaca url(images/feedback-poll.gif) no-repeat 50% 50%; width:720px; height:510px; clear:both; padding:10px; }
.zu-feedback-tab { position:fixed !important; position:absolute; /*ie6 and above*/ top:20%; left:-3px; cursor:pointer; display:block; width:45px; height:150px; border:0; }
.zu-feedback-tab:hover { left:0; }
.zu-feedback-old { cursor:pointer; display:block; position:absolute; top:178px; left:73px; width:295px; height:320px; border:0; background:url(images/feedback-old.gif) 0 0 no-repeat; }
.zu-feedback-old:hover { height:320px; background-position:0 -320px; }
.zu-feedback-new { cursor:pointer; display:block; position:absolute; top:178px; right:73px; width:295px; height:320px; border:0; background:url(images/feedback-new.gif) 0 0 no-repeat; }
.zu-feedback-new:hover { height:320px; background-position:0 -320px; }



/********************** Website Rounded Corners */

.cornerMain-all { height:10px; padding:0; margin:0; border-collapse:collapse; background:#430f50; }
.cornerMain-clear { height:10px; padding:0; margin:0; border-collapse:collapse; }
.cornerMain-image { width:10px; height:10px; background:url(images/rounded-corners.gif) no-repeat; font-size:0%; }
.cornerMain-tl { background-position:0 0; float:left; }
.cornerMain-tr { background-position:-10px 0; float:right; }
.cornerMain-bl { background-position:0 -10px; float:left; }
.cornerMain-br { background-position:-10px -10px; float:right; }
.cornerMain-Inner { padding:5px 40px; background:#430f50; min-height:315px; }

.cornerMain-image-top { width:10px; height:10px; background:url(images/rounded-corners-top.gif) no-repeat; font-size:0%; }
.cornerMain-tl-top { background-position:0 0; float:left; }
.cornerMain-tr-top { background-position:-10px 0; float:right; }


/********************** Website Navigation */

.nav-base { position:absolute; top:0; right:10px; width:690px; height:90px; }
.nav-01-o { display:block; position:absolute; top:27px; left:32px; width:36px; height:30px; border:0; background:url(images/nav-01.gif) 0 -30px no-repeat; }
.nav-01 a { display:block; position:absolute; top:27px; left:32px; width:36px; height:30px; border:0; background:url(images/nav-01.gif) 0 0 no-repeat; }
.nav-01 a:hover { height:30px; background-position:0 -30px; }
.nav-02-o { display:block; position:absolute; top:21px; left:90px; width:128px; height:30px; border:0; background:url(images/nav-02.gif) 0 -30px no-repeat; }
.nav-02 a { display:block; position:absolute; top:21px; left:90px; width:128px; height:30px; border:0; background:url(images/nav-02.gif) 0 0 no-repeat; }
.nav-02 a:hover { height:30px; background-position:0 -30px; }
.nav-03-o { display:block; position:absolute; top:12px; left:239px; width:135px; height:30px; border:0; background:url(images/nav-03.gif) 0 -30px no-repeat; }
.nav-03 a { display:block; position:absolute; top:12px; left:239px; width:135px; height:30px; border:0; background:url(images/nav-03.gif) 0 0 no-repeat; }
.nav-03 a:hover { height:30px; background-position: 0 -30px; }
.nav-04-o { display:block; position:absolute; top:17px; left:390px; width:120px; height:30px; border:0; background:url(images/nav-04.gif) 0 -30px no-repeat; }
.nav-04 a { display:block; position:absolute; top:17px; left:390px; width:120px; height:30px; border:0; background:url(images/nav-04.gif) 0 0 no-repeat; }
.nav-04 a:hover { height:30px; background-position:0 -30px; }
.nav-05-o { display:block; position:absolute; top:26px; left:528px; width:130px; height:30px; border:0; background:url(images/nav-05.gif) 0 -30px no-repeat; }
.nav-05 a { display:block; position:absolute; top:26px; left:528px; width:130px; height:30px; border:0; background:url(images/nav-05.gif) 0 0 no-repeat; }
.nav-05 a:hover { height:30px; background-position:0 -30px; }


/********************** Website Content */

.header-bg { margin-bottom:20px; background:url(images/header-bg.gif) no-repeat center top; }
.header-wp { margin:0 auto; width:1000px; height:430px; position:relative; }

.hm-content { margin:0 auto 30px auto; width:1000px; min-height:240px; height:auto !important; position:relative; }
.bg-content { margin:0 auto 50px auto; width:1000px; min-height:180px; height:auto !important; height:180px; position:relative; }
.sm-content { margin:-20px auto 50px auto; width:1000px; min-height:40px; height:auto !important; height:40px; position:relative; }

.index-mh-img { position:absolute; top:45px; left:25px; }
.index-mh-txt { position:absolute; top:107px; left:344px; }
.index-img { position:absolute; top:-55px; right:0; z-index:10; height:250px; width:445px; background:url(images/index-image.gif) no-repeat; }
.index-txt { position:absolute; top:0; left:85px; z-index:20; height:auto; width:630px; }
.index-txt p { margin:0; padding:5px 0 10px; }
.index-fb { position:absolute; top:50px; left:85px; z-index:20; height:140px; width:630px; }


.beans-mh-img { position:absolute; top:90px; left:0px; }
.beans-mh-txt { position:absolute; top:140px; left:350px; }
.beans-pkt { padding-top:25px; text-align:center; }
.beans-pkt img { margin:5px; }
.beans-type { margin:40px 40px 50px 40px; _margin-bottom:30px;  }
.beans-type strong { font-size:17px; color:#f58b1f; }
.beans-type ul { margin:0; padding:0; background-color:#430f50; }
.beans-type li { margin:0; padding:12px 0; list-style:none; }
.beans-type em { color:#f58b1f; font-size:14px; }
.beans-type img { float:left; margin:70px 40px 60px 10px; }

.menu-mh-img { position:absolute; top:40px; left:37px; }
.menu-mh-txt { position:absolute; top:120px; left:328px; }
.menu-type { margin:-10px 40px 50px 40px; _margin-bottom:30px;  }
.menu-type strong { font:bold 20px/24px Georgia; color:#f58b1f; }
.menu-type hr { border:0; color:#601e71; background-color:#601e71; height:1px; margin:20px 0 10px 0; clear:both; }
.menu-type ul.quarter { float:left; width:188px; margin:15px 28px 25px 0; padding:0; background-color:#430f50; }
.menu-type ul.quarter.last { margin:15px 0 0 0; }
.menu-type ul.quarter.overlap { margin:-10px 0 25px 0; }
.menu-type ul.half { float:left; width:405px; margin:20px 28px 20px 0; padding:0; background-color:#430f50; }
.menu-type li { margin:0; padding:2px 0 0 0; list-style:none; font:15px/22px Georgia; color:#dfdfdf; }
.menu-type li.description { color:#c58fd2; margin-top:-1px; padding:0 0 2px 0; font:italic 14px/16px Georgia; }
.menu-type .sandwiches li { margin:0; padding:0; list-style:none; font:15px/28px Georgia; color:#dfdfdf; }
.menu-type em { color:#f3a864; font:italic 12px/18px Georgia; }
.menu-type img { float:left; margin:10px 0 15px 0; }

.drinks-mh-img { position:absolute; top:72px; left:37px; }
.drinks-mh-txt { position:absolute; top:135px; left:328px; }
.drinks-type { margin:30px 0 15px 38px; }

.events-mh-img { position:absolute; top:45px; left:0; }
.events-mh-txt { position:absolute; top:95px; left:354px; }
.events-date ul {  margin-top:15px; padding:0 0 30px 40px; _padding:0 0 30px 0; text-align:right; color:#f58b1f; float:left; }
.events-date li { width:195px; list-style:none; }
.events-date strong { font-size:20px }
.events-info ul { margin:0; padding:0 20px 30px 0; _padding:0 0 30px 0; float:right; }
.events-info li { width:710px; list-style:none; margin-top:15px; }
.events-info strong { font-size:20px; color:#f58b1f; }
.btn-subscribe-now a { display:block; position:absolute; top:310px; left:374px; width:150px; height:45px; z-index:30; border:0; background:url(images/btn-subscribe-now.gif) 0 0 no-repeat; }
.btn-subscribe-now a:hover { height:45px; background-position:0 -45px; }

.news-mh-img { position:absolute; top:70px; left:10px; }
.news-mh-txt { position:absolute; top:106px; left:426px; }
.news-img { position:absolute; top:0; left:0; width:425px; text-align:right; }
.news-txt { position:relative; top:0; left:450px; width:500px; }
.news-txt p { margin:0; padding:8px 0; }
.news-signup { position:absolute; top:0; left:50px; width:764px; height:36px; background:url(images/news-signup.gif) 0 0 no-repeat; }
.news-signup-name input { position:absolute; top:8px; left:330px; z-index:50; border:none; background:transparent; width:170px; color:#333333; font:15px Georgia; }
.news-signup-mail input { position:absolute; top:8px; left:530px; z-index:60; border:none; background:transparent; width:220px; color:#333333; font:15px Georgia; }
.btn-subscribe { display:block; position:absolute; top:0; left:770px; width:122px; height:38px; z-index:40; border:0; background:url(images/btn-subscribe.gif) 0 0 no-repeat; cursor:pointer; }
.btn-subscribe:hover { height:38px; background-position:0 -38px; cursor:pointer; }
.news-unsubscribe { position:absolute; top:0; left:50px; width:764px; height:36px; background:url(images/news-unsubscribe.gif) 0 0 no-repeat; }
.news-unsubscribe-mail input { position:absolute; top:8px; left:443px; z-index:60; border:none ; background:transparent; width:220px; color:#333333; font:15px Georgia; }
.btn-unsubscribe { display:block; position:absolute; top:0; left:684px; width:122px; height:38px; z-index:40; border:0; background:url(images/btn-unsubscribe.gif) 0 0 no-repeat; cursor:pointer; }
.btn-unsubscribe:hover { height:38px; background-position:0 -38px; cursor:pointer; }

.about-mh-img { position:absolute; top:26px; left:45px; }
.about-mh-txt { position:absolute; top:105px; left:360px; }
.about-zu { padding:40px 45px 0 365px; }
.about-passion { position:absolute; top:-30px; left:350px; }
.about-logo { position:absolute; top:280px; left:120px; }

.crew-mh-img { position:absolute; top:70px; left:65px; }
.crew-mh-txt { position:absolute; top:122px; left:365px; }
.crew-txt { position:relative; top:0; left:390px; width:560px; }

.contacts-mh-img { position:absolute; top:46px; left:26px; }
.contacts-mh-txt { position:absolute; top:124px; left:343px; }
.contacts-txt { position:relative; top:0; left:360px; width:560px; line-height:35px; margin-bottom:30px; }
.contacts-txt strong { font-size:20px; color:#f58b1f; }
.contacts-txt em { color:#f58b1f; font-size:14px; }
.contacts-form { padding:0; position:relative; top:0; left:360px; width:560px; background:url(images/contacts-form.gif) 0 52px no-repeat;  }
.contacts-form em { color:#f58b1f; font-size:14px; }
.contacts-form ul { margin:4px; padding:0; list-style:none; _margin:-15px 4px 4px 4px; }
*:first-child+html .contacts-form ul { margin:-15px 4px 4px 4px; padding:0; list-style:none; } /* IE7 */
.contacts-form li.txt { color:#e69cf8; font-size:15px; padding:2px 0 6px 0; }
.contacts-form li.field { padding:3px 0 21px 7px; } 
.contacts-form li.field input, textarea { border:none; background:transparent; width:320px; color:#333333; font:15px Georgia; }
.contacts-form li.field textarea { height:198px; overflow:auto; }
.btn-send { display:block; position:relative; float:left; top:0; left:0; width:122px; height:38px; z-index:40; border:0; background:url(images/btn-send.gif) 0 0 no-repeat; cursor:pointer; }
.btn-send:hover { height:38px; background-position:0 -38px; cursor:pointer; }
.btn-reset { display:block; position:relative; top:0; left:5px; width:90px; height:38px; z-index:40; border:0; background:url(images/btn-reset.gif) 0 0 no-repeat; cursor:pointer; }
.btn-reset:hover { height:38px; background-position:0 -38px; cursor:pointer; }
.contacts-thanks { position:relative; top:0; left:360px; width:560px; margin-bottom:50px; _margin-bottom:0; }
.contacts-thanks strong { font-size:20px; color:#f58b1f; }

@media \0screen { /* IE8 */
  .contacts-form li.field { padding:4px 0 22px 7px; }
}

.error-mh-img { position:absolute; top:70px; left:50px; }
.error-mh-txt { position:absolute; top:128px; left:338px; }


/********************** Website Footer */

.footer-bg { _margin:0; background:url(images/footer-bg.gif) no-repeat center top; height:300px; }
.footer-in { margin-top:-30px; background:url(images/footer-bg.gif) no-repeat center top; height:300px; }
.footer-wp { margin:0 auto; width:1000px; position: relative; bottom:0; left:50%; margin-left:-500px; }
.footer-map { position:absolute; top:40px; left:30px; z-index:100; }
.footer-info { width:220px; position:absolute; top:80px; left:284px; }
.footer-info p { margin:0; padding:4px 0; font:13px/19px trebuchet ms; color:#dfdfdf; }
.footer-events { width:235px; position:absolute; top:84px; left:541px; line-height:19px; }
.footer-events ul { margin:0; padding:0; list-style:none; font-size:11px; color:#c9c9c9; }
.footer-events ul a { color:#c9c9c9; text-decoration:none; }
.footer-events li { width:235px; float:left; padding:3px 0 4px 0; }
.footer-events li a:hover { display:block; background-color:#565656; }
.footer-calendar { position:absolute; top:40px; right:30px; }
.footer-links { position:absolute; top:252px; left:45px; font:11px arial; color:#898989; }
.footer-links a { color:#898989; text-decoration:none; }
.footer-links a:hover { color:#b2b2b2; }
.footer-links img { margin:0 8px 1px 8px; }
.footer-rights { position:absolute; top:252px; right:165px; text-align:right; font:11px arial; color:#898989; }
.footer-img a { display:block; position:absolute; top:250px; right:42px; width:116px; height:16px; border:0; background:url(images/footer-tpd.gif) 0 0 no-repeat; }
.footer-img a:hover { height:16px; background-position:0 -18px; }