@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: default.css
* Version: 1.0 (2010-01-15) YYYY-MM-DD
* Website: http://www.extratable.org/
* Author: MWB Interactive http://www.mwb.com
* Description: Handles the site layout & makes it pretty!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CSS RESET: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
img, a, div { behavior: url(/iepngfix/iepngfix.htc) }

a { outline: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }

input { border:none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== GENERAL: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
body { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #3c3627; }
body { background-color: #fff9eb; margin: 0px; background-position:top center; background-image: url(/images/bg.jpg); background-repeat: repeat-x;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== STRUCTURE: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#container { width:910px; margin:0 auto; position:relative; }
#header { height:163px; }
#logo { position:absolute; z-index:10; top:18px; left:18px; width:217px; }
#slider { width:872px; height:344px; margin:0 auto;  background-image: url(/images/bg-slider.jpg); background-repeat:no-repeat; position:relative; }
#slider-tag { position:absolute; z-index:10; top:256px; left:1px; }
#slider-left { width:572px; height:344px; float:left; }
#sliderbx { height:344px;}
#slider ul li { list-style:none; }
#slider-right { width:279px; height:321px; float:left; padding:23px 0 0 21px; }

#wrap { width:872px; margin:0 auto 30px auto; }
#content { width:552px; float:left; }
#content h1 { display:block; width:542px; height:39px; background:url(/images/header-blank.png) no-repeat; font-size:31px; color:#51130f; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; padding:2px 0 0 10px; }
#content h2 { color:#847348; font-size:16px; }
#content h2 a { color:#847348; font-size:16px; text-decoration:none; }
#content h2 a:hover { text-decoration:underline; }
#content p { padding:3px 0 10px 0; }
#content a { color:#4d100d; text-decoration:none; }
#content a:hover { text-decoration:underline; }

.agencies-left { width:270px; float:left; }
.agencies-left p { border-bottom:#e4e2dc solid 1px; margin:0 0 20px 0; }
.agencies-right { width:270px; float:right; }
.agencies-right p { border-bottom:#e4e2dc solid 1px; margin:0 0 20px 0; }

.header-image { padding:8px; margin:10px 0 10px 0; background:#fff; border:#afa488 1px solid; }
.food-bundle { width:552px; border:#ede2c7 5px solid; background-color:#ffffff; margin:0 auto 20px auto; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SIDEBAR: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#sidebar { width:292px; float:right; margin:0 0 20px 0; }
#sidebar h1 { color:#847348; font-size:14px; font-weight:bold; padding:7px 9px 0 0; }
#sidebar p { color:#3c3627; font-size:12px; padding:3px 10px 7px 1px; }
#sidebar a { color:#4d100d; text-decoration:none; }
#sidebar a:hover { text-decoration:underline; }

.sidebar-top { height:9px; }
.sidebar-mid { background-color:#fff; border-left:#afa488 1px solid; border-right:#afa488 1px solid; }
.sidebar-btm { height:9px; }
.sidebar-block { background-color:#ede2c7; border:#afa488 solid 1px; margin:0 9px 0 9px; padding:7px; }
.sidebar-newsletter { width:258px; height:140px; background:url(/images/bg-sidebar-newsletter.jpg) no-repeat; margin:0 9px 0 9px; padding:7px; }



.newsletter { width:258px; height:108px; background:url(/images/bg-newsletter.png) no-repeat; margin:24px 0 0 0; padding:40px 0 0 0; }
.newsletter-input {  background:url(/images/bg-newsletter-input.png) no-repeat; width:222px; height:20px; display:block; background-color:none; border:none; margin:0 0 8px 12px; padding:6px 3px 0 5px;  color:#8c7f5f; font-size:12px; }
.newsletter-submit { background:url(/images/btn-newsletter-subscribe.png) no-repeat; width:92px; height:27px; display:block; background-color:none; border:none; margin:0 16px 0 0; float:right; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NAVIGATION REVISION: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#navigation-rev { height:58px; width:663px; position:absolute; z-index:10; top:80px; left:245px; }
#navigation-rev ul { margin:0; padding:0; width:663px; }
#navigation-rev ul li { float:left; list-style-type:none; position:relative; }
#navigation-rev li a { background-image:url(/images/navigation-rev.png); display:block; }
#navigation-rev li span{ display:none; }

#navigation-rev ul #item1{ top:0; left:0; }
#navigation-rev #item1 a{ width:132px; height:58px; background-position:11px 0; }
#navigation-rev #item1 a:hover, #navigation #item1 a.current{ background-position:11px -58px;}

#navigation-rev ul #item2{ top:0; left:0px; }
#navigation-rev #item2 a{ width:189px; height:58px; background-position:-131px 0; }
#navigation-rev #item2 a:hover, #navigation #item2 a.current{ background-position:-131px -58px; }

#navigation-rev ul #item3{ top:0; left:0px; }
#navigation-rev #item3 a{ width:92px; height:58px; background-position:-322px 0; }
#navigation-rev #item3 a:hover, #navigation #item3 a.current{ background-position:-322px -58px; }

#navigation-rev ul #item4{ top:0; left:0px; }
#navigation-rev #item4 a{ width:107px; height:58px; background-position:-414px 0; }
#navigation-rev #item4 a:hover, #navigation #item4 a.current{ background-position:-414px -58px; }

#navigation-rev ul #item5{ top:0; left:0px; }
#navigation-rev #item5 a{ width:143px; height:58px; background-position:-522px 0; }
#navigation-rev #item5 a:hover, #navigation #item5 a.current{ background-position:-522px -58px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SUBNAV: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#subnav { height:41px; width:248px; position:absolute; z-index:10; top:0px; left:639px; }
#subnav ul { margin:0; padding:0; width:248px; }
#subnav ul li { float:left; list-style-type:none; position:relative; }
#subnav li a { background-image:url(/images/subnav.png); display:block; }
#subnav li span{ display:none; }

#subnav ul #item1{ top:0; left:0; }
#subnav #item1 a{ width:124px; height:41px; background-position:-13px 0; }
#subnav #item1 a:hover, #subnav #item1 a.current{ background-position:-13px -41px;}

#subnav ul #item2{ top:0; left:0px; }
#subnav #item2 a{ width:124px; height:41px; background-position:-137px 0; }
#subnav #item2 a:hover, #subnav #item2 a.current{ background-position:-137px -41px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== MAP: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#map { position: relative; width: 552px; height: 452px; overflow: hidden; }

#map h3 { font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; color:#4f1512; }
#map p { font-size:12px; color:#333; }
#map img { border:none; }

#returnlink { display: block; position: absolute; bottom: 0; right: 0;  color: white; background: blue; padding: 3px;}

#map a.bullet { display: block; position: absolute; width: 26px; height: 30px; background:url(/images/icon-agency.png) no-repeat; text-decoration: none; opacity: .7; z-index: 2; }
#map img.zoomable { }

#map div.popup{ display: none; position: absolute; width: 200px; top: 100px; left: 150px; background:#fff9eb; z-index: 3; padding: 20px; border:#dfc893 3px solid; }
#map div.popup a.close{ display: block; position: absolute; bottom: 0; right: 6px; z-index: 5; display:block; width:61px; height:27px; background:url(/images/btn-close.png) no-repeat; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== MEDIA: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.gallery-image { padding:8px 0 0 8px; margin:10px 10px 0 0; background:#fff; border:#afa488 1px solid; width:160px; height:109px; float:left; }
.gallery-image img { border:#afa488 1px solid; }

#mediaspace { margin:15px 0 0 0;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== FEATURES: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#features { width:872px; height:239px; margin:20px auto 0 auto; background-image:url(/images/bg-features.png); background-repeat:no-repeat; clear:both; }
#features h1 { color:#847348; font-size:14px; font-weight:bold; padding:7px 9px 0 0; }
#features p { color:#3c3627; font-size:12px; padding:3px 10px 7px 1px; }
#features a { color:#4d100d; text-decoration:none; }
#features a:hover { text-decoration:underline; }
#features ul {}
#features ul li { display:block; width:265px; height:212px; list-style-type:none; background:url(/images/bg-features-list.png) no-repeat; float:left; }
.feature01 { margin:9px 0 0 9px; padding:9px 0 0 9px; }
.feature02 { margin:9px 0 0 16px; padding:9px 0 0 9px; overflow:hidden; }
.feature02 a { text-transform:uppercase; font-size:11px; }
.feature03 { margin:9px 0 0 16px; padding:9px 0 0 9px; overflow:hidden; }
#features03 p { font-size:11px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SOCIAL: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#social { width:857px; margin:12px auto 0 auto; height:20px; border-top:#afa488 1px solid; border-bottom:#afa488 1px solid; background-color:#f3ead5; padding:5px 0 0 15px; clear:both; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NEWSLETTER FORM: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#warning ul li { list-style:none; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== FOOTER: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#footer { width:872px; height:60px; margin:12px auto 0 auto; font-size:10px; }
#footer a { color:#581510; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
.footer-left { width:620px; float:left; padding:5px 0 0 0; }
.footer-right { width:210px; float:right; text-align:right; padding:0 0 0 0; }
.go-right { display:block; float:right; }
.go-left { display:block; float:left; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== IE6: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#ie6 { padding:0; font-family:Tahoma, Geneva, sans-serif; }
#ie6-wrap { background-image:url(/ie6/bg.png) repeat-x; width:468px; margin:0 auto; }
#ie6-wrap h1{ font-size:50px; color:#797272; margin:0; padding:10px 0 0 0; text-transform:uppercase; }
#ie6-wrap p { font-size:13px; color:#373737; margin:0; padding:0 0 10px 0; }


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