/*
Title: style sheets for artisanconfection.com
Author:   Nic Marson, nicmarson@gmail.com
Version:  2007.01
*/

@import url(temp_reset.css);
@import url(temp_screen.css);

/* 
TABS */
#tabs { background: url(../images/layout/tabs_bg.gif) no-repeat 0px -80px; list-style: none; float: left; width: 576px; height: 128px; padding: 16px 80px 12px 284px; }
#tabs li { background: url(../images/layout/tab_bg.png) no-repeat center center; float: left; width: 180px; height: 120px; padding: 4px 6px }
#tabs li a { border: 2px solid #33211B; color: #925F3F; display: block; width: 156px; height: 96px; padding: 10px; position: relative; overflow: hidden }
#tabs li a span.fill { background-position: 8px 8px; background-repeat: no-repeat; width: 176px; height: 115px; cursor: pointer }
#joseph_tab a span { background-image: url(../images/layout/joseph_tab.gif) }
#joseph_tab a:hover { border-color: #B36E22 }
#scharf_tab a span { background-image: url(../images/layout/scharf_tab.gif) }
#scharf_tab a:hover { border-color: #AF8F40 }
#dagoba_tab a span { background-image: url(../images/layout/dagoba_tab.gif) }
#dagoba_tab a:hover { border-color: #BE8B40 }

#main { padding: 4px 8px }
#content { border: 1px solid #D8B188; display: inline; float: left; width: 830px; height: 500px; padding: 20px; position: relative; overflow: hidden }
#slideshow { float: left; width: 100%; height: 500px; overflow: hidden; position: relative }
#slideshow div.left { float: left; width: 475px; height: 500px }
#slideshow div.right { background: #4E3229; color: #D8B188; font-size: 14px; width: 301px; height: 500px; margin-left: 489px; padding: 20px }
#slideshow h1 { width: 299px; height: 41px; margin-bottom: 10px; position: relative; overflow: hidden }
#slideshow h1 span { background: url(../images/home/makers_fine_chocolate.png) }
#slideshow p.title { font-size: 36px; margin-bottom: 10px }