/* this file contains all reset and generic styles and can be used for any website. Content should be <div id="content"> */
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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

/*HTML5 elements need to be displayed as block for less intelligent browsers*/
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }


body {padding: 30px 0 180px; background: #b6d47c; color: #707070; font-family: "myriad-pro-1","myriad-pro-2",sans-serif;
 font-size: 14px; font-weight: normal; line-height: 20px;}

#content h1 {padding:6px 0 12px; margin-bottom: 12px; color: #80b539; font-weight: normal; font-style: italic; font-size: 22px; font-family: "fertigo-pro-1","fertigo-pro-2",sans-serif;
}
#content h2 {color: #80b539; font-weight: normal; font-size: 18px;}
#content h3 {font-size: 216px;}
#content h5 {font-weight: bold; }
#content h2, #content h3, #content h4, #content h5, #content h6 {padding-top: 18px; padding-bottom: 6px;}

#content p, #content ul, #content ol, #content form, #content div {margin-bottom: 24px;}

#content ol, #content ul {list-style: none;}
#content li { margin-left: 15px;  list-style: square;}

#content object {display: block; margin-bottom: 18px;}

#content dt {padding: 18px 0 6px; font-size: 1em; font-weight: bold;}
#content dd {margin-bottom: 12px; padding: 0 0 11px;}
#content dd:last-child {border-bottom: none;}


#content blockquote, #content q { margin: 0 5px 24px; padding: 0 10px; quotes: none;}
.cite { display: block; margin-left: 30px; padding-right: 14px; text-transform: uppercase; font-style: normal; text-align: right;}

#content a:link, #content a:visited {color: #d8a301; text-decoration: none; }
#content a:hover, #content a:focus, #content a:active {color: #4b4792; border-bottom: 1px solid;}

/* tables still need 'cellspacing="0"' in the markup */
#content table {width: 95%; margin-bottom: 24px; border-collapse: collapse;}
#content tr { padding: 0;  margin-bottom: -1px;}
#content td { padding: 12px 1em 11px; border-bottom: 1px dotted;}
#content th { padding: 12px 1em 11px; text-align: left; border-bottom: 1px dotted;}

#content strong {font-weight: bold;}
#content em {font-style: italic;}

#content img .center {display: block; margin:auto;}
#content img .left {float: left; padding-right: 15px;}
#content img .right {float: right; padding-left: 15px; }

#content article.left {float: left; padding-right: 30px; border-right: 3px solid #f3b701;}
#content article.right {float: left; padding-left: 30px; border-left: 3px solid #f3b701; margin-left: -3px;}

#content .half {width: 266px;}
#content .twothird {width:350px;}
#content .onethird {width: 183px;}

.clear {clear: both;}


/*layout styles*/
header#site { position: relative; width: 960px; height: 257px; margin: auto; background: url(../images/css/titlebar.jpg) top center no-repeat; }

#site h1 a:link, #site h1 a:visited {position: absolute; top: 24px; left: 70px; width: 176px; height: 166px; background: url(../images/css/logo.png) top left no-repeat;}
/*#site h1 a:hover, #site h1 a:focus, #site  h1 a:active {background: url(../images/css/logo.png) bottom left no-repeat;}*/

#site h1 img {height: 0px; padding-top: -200px;}

#site nav {position: absolute; left: 0px; bottom: 0; height: 35px; width: 900px; padding-left: 60px; background: #6c6bad; line-height: 35px;}

#site nav li {float: left; display: block;}

#site nav li li {float: none;}

#site nav li a:link, #site nav li a:visited {display: block; margin-left: 35px; padding: 0 10px 0; color: #fff;  font-weight: bold; text-decoration: none;} 
#site nav li a:hover, #site nav li a:focus, #site nav li a:active {background: #343265; color: #bab8dc;}

#site nav li li a:link, #site nav li li a:visited {background: #8b89ae; color: #fff;} 
#site nav li li a:hover, #site nav li li a:focus, #site nav li a:active {background: #343265; color: #bab8dc;}

#site nav .current a:link, #site nav .current a:visited {background: #8b89ae;} 
#site nav .current a:hover, #site nav .current a:focus, #site nav .current a:active {background: #423e7a;; color: #bab8dc;}

#site div#homeslider, #site figure img {position: absolute; left: 730px; top: 40px; z-index: 100;}
#site div#homeslider img {position: relative; left: auto; top: auto;}
#site #homeslider ul {margin: 0; padding: 0;}
#site #homeslider li {display: block; list-style: none; width: 173px; height: 112px; margin: 0; text-align: center;}
#site #homeslider li img {display: block; padding: 0 0px; margin: 0 auto; width: 203px; height: 159px;}

#site figure figcaption {position: absolute; left: 347px; top: 70px; width: 350px; color: white; font-size: 19px; line-height: 26px;text-shadow: 1px 1px 2px #c4c4c4;}

#wrapper {width: 100%; background: #fff; height: 100%; overflow: auto; border-top: 1px solid #dee7ad; border-bottom: 1px solid #dee7ad;}
#container {width: 960px; margin: auto; padding: 20px 0px 30px 0;}

section#content {width: 600px; float: right; padding: 35px 5px 30px 30px; }
aside#sidebar {width: 320px; float: left; padding-top: 103px; background: url(../images/css/tagline.png) top center no-repeat;}
#sidebar figure img {margin-left:-40px;width:320px;}

ul#social {margin-top: 18px; padding: 12px 0; height: 100%; overflow: auto;}
ul#social li {float: left; width: 95px; margin-right: 12px; text-indent: -999px; overflow: hidden;}
ul#social a {display: block; height: 30px; width: 95px;}
ul#social li.facebook {background: url(../images/css/facebook.png) center center no-repeat;}
ul#social li.twitter {background: url(../images/css/twitter.png) center center no-repeat;}

footer#address {clear: both; line-height: 18px;  width: 600px; margin: auto; padding-left: 360px; padding-top: 20px;}
footer#address ul {margin-top: 12px;}
footer#address ul li {list-style: none; padding-bottom: 9px;}
footer#address li a[href ^="mailto:"] {background: url(../images/css/email.png) center left no-repeat; height: 8px; padding-left: 16px; margin-left: -16px;}

footer#address div {float: left; width: 200px; padding-right: 30px;}
footer#address ul {float: left; width: 200px;}

footer a:link, footer a:visited {color: #527324; text-decoration: none;}
footer a:hover, footer a:focus, footer a:active {border-bottom: 1px solid;}

/*page styles*/
#products #sample ul{float: left;  padding-right: 16px;}
#products #sample figure {float: left: width: 115px; text-align: center;}
#products #sample figcaption {display: block; color: #80b539; }

#products #sample li {list-style: none; margin-left: 0; padding-bottom: 6px;}

#products #sample h2#breakfast {color: #fec214;}
#products #sample h2#lunch {color: #cada78; clear: both;}
#products #sample h2#sides {color: #bab8dc; clear: both;}
#products #sample p.tagline {padding: 24px 0 0; color: #fec214; font-weight: bold; font-style: italic; text-align: center;}