body{background:#f4f4f4; font-family:Helvetica, Verdana, Arial, serif; font-size:62.5%; text-align:center;} .clear{clear:both;} .hide{display:none;}
#container{text-align:left; width:850px; margin:30px auto;}
#header a:active{position:relative; top:1px;}

/* make rounded */
#navigation, #features #contact-feature, .muffins-tray, #features img, #form{-moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px;}

/* Navigation */
#navigation{background-color:#e4dfdf; position:relative; padding:12px 30px 11px 35px; margin-top:27px; margin-bottom:18px;
-moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px;} 
#navigation img{position:absolute; top:-45px; right:10px;}
#navigation ul li{display:inline; margin-right:70px; font-family:Trebuchet MS, Arial, serif; text-transform:uppercase; text-shadow:1px 1px #f6f6f6; font-size:14px;}
#navigation ul li a{color:#444; text-decoration:none; font-weight:bold;} #navigation ul li a:hover{color:#000;}
#navigation ul li.on a, #navigation ul li.on a:hover{color:#b32017;} 

/* Content Styling */
#content{width:550px; float:left; padding-bottom:50px; min-height:220px;}
#content h1{font-size:3em; margin-bottom:15px; margin-top:10px; color:#b32017;}
#content h2{font-size:1.9em; color:#b32017; margin-bottom:10px;}
#content p{font-size:1.3em; line-height:1.55em; margin-bottom:15px; color:#444;}
#content div:last-child, #content .last{background:none;}

/* Features */
#features{width:266px; float:right;} #features img{margin-bottom:30px;}
#features h2{font-size:19px; margin-top:20px; margin-bottom:10px; color:#333;}
#features p{font-size:1.2em; line-height:1.5em; color:#666;}
#features #contact-feature{background:#e5d1ba; padding:16px;}
#features #contact-feature div{border:1px dashed #f6e0c7; padding:13px; position:relative;} #features #contact-feature div img{position:absolute; top:-10px; right:65px;}
#features #contact-feature div h3{color:#792a03; font-size:18px; margin-bottom:10px;}
#features #contact-feature div p{font-size:11px; line-height:1.5em;} #features #contact-feature div p a{color:#792203;} #features #contact-feature div p a:hover{color:#333;}

/* Banners */
#banner{width:850px; height:371px; overflow:hidden; position:relative; margin-bottom:40px;}
#banner img.intro{position:absolute; z-index:10; bottom:20px; left:20px;}
#inside-banner{width:850px; height:152px; position:relative; margin-bottom:40px;}
.muffins-tray-mini{background:url(../img/images/muffinstray-mini.jpg);}
.closeup-mini{background:url(../img/images/closeup-mini.jpg);}
#inside-banner img{position:absolute; left:-7px; bottom:10px;}

/* Row One */
.row-one{background:url(../img/images/content-divider.gif) no-repeat bottom left; padding-bottom:13px;} 
.row-one img{float:left; margin-left:-30px; position:relative; z-index:2; margin-right:8px; margin-bottom:20px;}
.row-one p{margin-right:30px;} .row-one h2, .row-two h2{text-indent:-15px;}

/* Row Two */
.row-two{background:url(../img/images/content-divider.gif) no-repeat bottom left; padding-bottom:13px; padding-top:20px; margin-bottom:23px; padding-left:15px;}
.row-two img{float:right; margin:20px 20px 0px 35px;} .row-two p{margin-right:30px;} .row-two h3{text-indent:15px;}

/* Form */
#form{padding:25px; border:1px solid #d5d5d5; background:#e9e9e9 url(../img/bg/contact-bg.jpg) no-repeat bottom right !important;}
#form p{font-size:13px;}

#form p.error{color:#b32017; font-size:11px;}

#form input.text, #form textarea{font-family:Helvetica, Verdana, Arial, serif; width:96%; background:#fff url(../img/bg/input.gif) repeat-x; border:1px solid #ccc; padding:8px 6px; border-top:none; margin-top:10px; font-size:1.1em; }
#form input.text{padding:8px 5px 6px 5px; margin-top:6px;}
#form input.captcha{width:30%; margin-right:10px;}
#form a.load{font-size:11px; color:#b32017;}
#form input#submit{padding:6px 18px; font-size:14px; font-family:Helvetica, Verdana, Arial, serif;}

/* Form Validation */
.error ul{margin-bottom:30px;} #form .error p{font-size:12px;}
.error ul li{list-style-type:disc; font-size:1.2em; margin-bottom:3px; line-height:1.4em; margin-left:20px;}

/* Store Locations */
.table { background:#e8e7e7; color:#111; border:1px solid #d7d5d5; width:100%; margin:0px auto;}
.table li { list-style:none; float:left; }
.table ul a {display:block; padding:19px 40px 17px 40px; text-decoration:none!important; margin:0px; margin-left:0; font-size:13px; color:#333; background:#e8e7e7;}
.table ul a:hover {color:#000; background:#cccaca;}
.table ul a.selected {margin-bottom:0; background:snow; border-bottom:1px solid snow; cursor:default; border-top:1px solid #adaaaa; margin-top:-1px;}
.table div {padding:10px 10px 8px 10px; clear:left; background:snow;}
.table div a { color:#000; font-weight:bold; }
.table table{margin:5px 14px 0px 14px; width:97%; clear:both;}
.table table th{color:#b32017; font-size:14px; padding:10px 15px; padding-top:20px;}
.table table td{padding:17px 15px 12px 15px; font-size:11px; vertical-align:top; background:url(../img/bg/table-row.jpg) repeat-x top left;}
.table table tr:hover td{background-color:#ffffcc;}

/* Footer */
#footer-wrap{clear:both; background:#b32017 url(../img/bg/footer.jpg) repeat-x;}
#footer-wrap #footer{width:850px; margin:0px auto; text-align:center; font-size:1.1em; color:#fff; padding:16px 0px;}
#footer-wrap #footer img{margin:40px auto;}