/** CSS document for Homepage of Eclipse Chocolate - 2008-04-07 **/
/**
 * FULL RESET OF CERTAIN BROWSER 'defaults'
 *   Take back control from the browsers.
 * 
 * Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui
 */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0}
address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
h1, h2, h3, h5, h5, h6 {font-size:100%;}
q:before, q:after {content:'';}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong {font-weight:bold;}
em {font-style:italic;}
* a {position:relative;} /* Gets links displaying over a PNG background */
a {outline:none;} /* Gets rid of Firefox's dotted borders */
a img {border:none;} /* Gets rid of IE's blue borders */

body {font:12px Verdana, Arial, Helvetica, sans-serif;background:#BAECE4;color:#444;}
h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#333;}
  h1 {font-size:18px;}
  h2 {font-size:16px;}
 h3 {font-size:14px;color:#ffa60e;display:none;} /* Different color. */
  h4 {font-size:14px;color:#ffa60e;} /* Different color. */
  h5 {font-size:12px;}
  h6 {font-size:11px;}

#global {position: relative;margin-left: auto;margin-right: auto;width: 944px;text-align: left;height:100%;}
body {background-color: #BAECE4;margin:0px;padding:0px;width:auto;}
p{margin-bottom:0px;margin-top:0px;}ul{font-size: 11px;font-style:oblique;font-weight:bold;margin:0 0 0 20px;}
li{margin: 5px 0px 0px 0px;}
img.floatLeft { float: left; margin: 0px 6px 4px -4px; border-width:0px;}

h1#menu{width:944px;background-color:#BAECE4;height:234px;margin:0px;color: #4C2514;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;position:relative;}
#mainCopy{width:944px;background-image:url(../images/home/content1bg.gif);background-repeat:no-repeat;height:201px;position:relative;}
h3{padding:4px 0px 8px 0px;margin:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;}

a.sect:link {color: #4C2514;text-decoration: none;border-style: none;}
a.sect:visited {color: #4C2514;text-decoration: none;border-style: none;}
a.sect:hover {color: #000000;text-decoration: none;border-style: none;}
a.sect:active {color: #4C2514;text-decoration: none;border-style: none;}

/* Bread-crumb styles */
div#crumb{width:944px;background-color:#BAECE4;background-image:url(../images/crumb.gif);background-position:top left;height:29px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #E4C9AA;position:relative;}
.crumbH{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #A17F4C;padding: 6px 0px 0px 40px;}
span.crumb{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #A17F4C;text-decoration:none;}
a.crumb:link {color: #4C2514;text-decoration: none;border-style: none;}
.crumb a:visited {color: #4C2514;text-decoration: none;border-style: none;}
a.crumb:hover {color: #000000;text-decoration: none;border-style: none;}
a.crumb:active {color: #4C2514;text-decoration: none;border-style: none;}
.crumbL{color:#4C2514;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}
a.crumbL:link {color: #4C2514;text-decoration: none;border-style: none;}
a.crumbL:visited {color: #E4C9AA;text-decoration: none;border-style: none;}
a.crumbL:hover {color: #FFFFFF;text-decoration: none;border-style: none;}
a.crumbL:active {color: #E4C9AA;text-decoration: none;border-style: none;}

/* Secondary pages structure */
h2#headContainer{position:relative;background-image:url(../images/home/about.gif);margin:0px;padding: 0px;background-position:left;background-repeat:no-repeat;width:944px;height:40px;}
#headCafe{background-image:url(../images/cafe/cafeHd.gif);margin:0px;background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}

.narrow{width:590px;background-image:url(../about_Us/mission1bg.gif);background-repeat:no-repeat;background-position:top left;position:relative;height:100%;}
.wide{width:944px;background-image:url(../about_Us/bgRepeat.gif);background-repeat:no-repeat;background-position:top left;position:relative;height:100%;}
.aboutCon{width:944px;height:100%;position:relative;background-image:url(../about_Us/bgRepeat.gif);background-position:top right;background-repeat:repeat-y;background-color:#EEDDBA;vertical-align:top;}


#mcontent.services{width:944px;height:100%;position:relative;background-image:url(../images/services/bgRepeat.gif);background-position:top right;background-repeat:repeat-y;background-color:#EEDDBA;vertical-align:top;}
.servicesCon{width:944px;height:100%;position:relative;background-image:url(../images/services/bgRepeat.gif);background-position:top right;background-repeat:repeat-y;background-color:#EEDDBA;vertical-align:top;}

#swirlCopy{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-weight:bold;color: #4C2514;width:500px;padding: 10px 10px 0px 100px;}
#swirlCopy2{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-weight:bold;color: #4C2514;width:500px;padding: 2px 10px 0px 100px;}
#sSwirl{position:relative;width:944px;height:76px;background-image:url(../images/services/serviceSwirl.gif);background-repeat:no-repeat;background-position:top left;}
#mSwirl{position:relative;width:944px;height:76px;background-image:url(../about_Us/missionSwirl.gif);background-repeat:no-repeat;background-position:bottom left; z-index:10;}
#missionC{position:relative;width:540px;padding: 0px 10px 0px 40px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #835A21;vertical-align:top;}
#content2{width:354px;padding:0px;margin:0px;position:absolute;top:0px;left:590px;height:100%;}

.serviceC{width:860px;padding: 0px 10px 0px 40px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #835A21;vertical-align:top; position:relative;}
#cnt2container{position:relative;width:354px;height:340px;padding:0px;margin:0px;color: #835A21;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;}
.contact{width:354px;background-image:url(../images/contact/contactR.gif);background-repeat:no-repeat;height:201px; position:absolute; top:0px; left:590px;}
.cnt2Cafe{width:354px;height:334px;padding:0px;margin:0px;color: #835A21;background-image:url(../images/cafe/map.gif);background-repeat:no-repeat;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;}

.about{position:relative;background-image:url(../about_Us/missionHd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px;text-indent:-5000px;}
.chocolate{position:relative;background-image:url(../images/chocolates/chocoHd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}
#headMission.services{position:relative;background-image:url(../images/services/serviceHd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}
.cafe1Hd{position:relative;background-image:url(../images/cafe/cafe1Hd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}
.truffleHd{position:relative;background-image:url(../images/chocolates/truffleHd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}
.barHd{position:relative;background-image:url(../images/chocolates/barHd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}
.roccoHd{position:relative;background-image:url(../images/chocolates/roccoHd2.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}
.caraHd{position:relative;background-image:url(../images/chocolates/caraHd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}
.drinkHd{position:relative;background-image:url(../images/chocolates/drinkHd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}
.wAeHd{position:relative;background-image:url(../images/chocolates/wAeHd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}
.corpHd{position:relative;background-image:url(../images/chocolates/corpHd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}
.tasteHd{position:relative;background-image:url(../images/chocolates/tasteHd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}
.ourMenuHd{position:relative;background-image:url(../images/menu/menuHd.gif);background-position:left;background-repeat:no-repeat;width:944px;height:40px; text-indent:-5000px;}


ul.cafe li{margin: 0px 0px 0px 0px;}
#contactForm{float:left;width:590px; height: 201px; position:absolute; left:0px; top:0px;}
#test{position:absolute;bottom:0px;left:590px;}

/* Footer Stuff */
#footer{position:relative;width:944px;height:36px;background-position:left;background-image:url(../images/footr.gif);background-repeat:no-repeat;}
.footContact{float:left;width:944px;height:36px;background-position:left;background-image:url(../images/footr.gif);background-repeat:no-repeat;}
.footerH{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #E4C9AA;padding: 6px 0px 0px 40px;}
.footerL{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #E4C9AA;text-decoration:none;}
a.footerL:link {color: #E4C9AA;text-decoration: none;border-style: none;}
a.footerL:visited {color: #E4C9AA;text-decoration: none;border-style: none;}
a.footerL:hover {color: #FFFFFF;text-decoration: none;border-style: none;}
a.footerL:active {color: #E4C9AA;text-decoration: none;border-style: none;}

/* Misc. Classes*/
.divider{background-image:url(../images/services/servDiv.gif);height:9px;background-position:left;background-repeat:no-repeat;padding-left:100px;clear:left;}
.emailLink{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;padding:10px 0px 0px 400px;display:block;}
.map{color: #835A21;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;text-align:right;padding:2px 40px 0px 0px; }