@charset "UTF-8";
/* CSS Document */

body {font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:67.5%; background: #c9effb url(../images/body-bg.jpg) repeat-x top;}
#wrapper {width:100%; text-align:center;}
.container {width:911px; margin: 54px auto 0px; text-align:left;}
.header {position:relative; background: url(../images/header-bg.jpg) no-repeat top left; width:911px; height:103px;}
.header h1 {width:179px; height:196px; position:absolute; left:71px; top: -51px; overflow:hidden;}
.header h1 a {display:block; background:url(../images/huddles-logo.jpg) no-repeat top left; width:179px; height:196px; text-indent:-500px;}
.social {position:absolute; right: 67px; height:13px; width:137px; top:-17px; overflow:hidden;}
.social a.facebook {display:block; background:url(../images/social-facebook.jpg) no-repeat top left; width:61px; height:13px; text-indent:-500px; float:left;}
.social a.twitter {display:block; background:url(../images/social-twitter.jpg) no-repeat top left; width:60px; height:13px; text-indent:-500px; float:left; margin-left:15px;}
.footer {width:911px; background:url(../images/footer-bg.png) no-repeat top left; height:60px; text-align:center;}
.footer span {color:#ffffff; display:block; margin:0px auto; padding:14px 0px 25px;}
.footer a {display:inline; margin:0px 10px; color:#3279af; text-decoration:none;}
.footer a:hover {text-decoration:underline;}

/*nav*/
ul.mainnav {list-style:none; float:right; display:block; margin:79px 37px 0px 0px;}
ul.mainnav li {display:inline; float:left; margin-right:22px; height:13px;}
ul.mainnav li a {display:block; background:url(../images/menu-bg.jpg) no-repeat -11px -5px; height:13px; width:36px; text-indent:-500px; overflow:hidden;}
ul.mainnav li.apparel a {width:52px; background-position:-66px -5px;}
ul.mainnav li.about a {width:40px; background-position:-141px -5px;}
ul.mainnav li.yoghund a {width:61px; background-position:-200px -5px;}
ul.mainnav li.contact a {width:55px; background-position:-285px -5px;}
ul.mainnav li a:hover {background-position: -11px -35px;}
ul.mainnav li.apparel a:hover {background-position: -66px -35px;}
ul.mainnav li.about a:hover {background-position: -141px -35px;}
ul.mainnav li.yoghund a:hover {background-position: -200px -35px;}
ul.mainnav li.contact a:hover {background-position: -285px -35px;}
ul.mainnav li a.current {background-position: -11px -65px;}
ul.mainnav li.apparel a.current {background-position: -66px -65px;}
ul.mainnav li.about a.current {background-position: -141px -65px;}
ul.mainnav li.yoghund a.current {background-position: -200px -65px;}
ul.mainnav li.contact a.current {background-position: -285px -65px;}
ul.mainnav li a.current:hover {cursor:default;}

/*content*/
.content {background: url(../images/bg-slice.png) repeat-y; width:863px; padding:15px 8px 10px 40px;}
.content p {color:#808080; font-size: 1.0em; line-height:180%; padding-bottom:20px; clear:both;}
.content p.indent-left {padding-left:68px;}
.content p.blue {color:#005294; font-size:1.2em;}
.content p.blue span {color:#00a3e3;}
.content p a {color:#f68933; text-decoration:none;}
.content p a:hover {color:#00a3e3;}
.frame {padding-top:29px; overflow:hidden; padding-right:42px; height:100%; min-height:400px;}

.home .frame {min-height: 400px; height:400px;}
* html .home .frame {height:400px;}
.menu-yogurt .frame {background:url(../images/menu-yogurt-bg.jpg) no-repeat 100% 0%;}
.yoghund .frame {background:url(../images/yoghund-bg.jpg) no-repeat 100% 0%;}

.facebook-call {height:125px; width:125px; float:right; display:block; margin-top:263px;}
.yoghund-call {height:20px; width:166px; float:right; display:block; margin-top:364px;}

.lefty {width:240px; display:inline; float:left;}
.righty {width:580px; display:inline; float:left;}
.menu-yogurt .righty {width:356px;}
.yoghund .righty {width:335px;}
.lefty h1 {background: url(../images/inside-headline-bg.jpg) no-repeat 0px 100%; font-weight:bold; color:#005294; text-transform:uppercase; font-size:25px; padding:20px 0px 35px 68px;}
h2, h4 {text-transform:uppercase; color:#f68933; font-size:1.3em; padding:0px 0px 10px 0px;}
h2 span {color:#005294;}
h3 {text-transform:uppercase; color:#005294; font-size:1.1em; padding:0px 0px 10px 0px;}
h4 {color:#00a3e3; font-size:1.4em; padding-top:25px; padding:30px 0px 5px;}

.lefty ul {list-style:none; margin-left:55px; margin-top:10px; padding-bottom:100px;}
.lefty ul li {background:url(../images/menu-bullets.jpg) no-repeat 0px 3px; display:block; padding:0px 0px 8px 13px;}
.lefty ul li.odd {background-position: 0px -16px;}
.lefty ul li a {text-transform:uppercase; text-decoration:none; color:#00a3e3;}
.lefty ul li a.current {color:#f68933;}
.lefty ul li a:hover{color:#005294;}
.lefty ul li a.current:hover {color:#f68933; cursor:default;}
.righty ul {padding-bottom:10px;}
.righty ul li {color:#878787; padding-bottom:5px; float:none; clear:both;}
.righty .heading {text-transform:uppercase; text-decoration:underline; color:#f68933; font-size:1.1em; display:block; padding-bottom:5px; float:left;}
.righty ul li.column {float:left; display:inline; width:160px; clear:none;}
.righty ul li.immunity, .righty ul li.cholesterol, .righty ul li.calcium, .righty ul li.colon, .righty ul li.osteoporosis, .righty ul li.real-yogurt, .righty ul li.organic, .righty ul li.recycle {background:url(../images/nutrition-icons-1.jpg) no-repeat -5px 0px; padding-left:80px;}
.righty ul li.cholesterol {background-image: url(../images/nutrition-icons-2.jpg);}
.righty ul li.calcium {background-image: url(../images/nutrition-icons-3.jpg);}
.righty ul li.colon {background-image: url(../images/nutrition-icons-4.jpg);}
.righty ul li.osteoporosis {background-image: url(../images/nutrition-icons-5.jpg);}
.righty ul li.real-yogurt {background-image: url(../images/nutrition-icons-6.jpg); background-position:0px 0px;}
.righty ul li.organic {background-image: url(../images/nutrition-icons-7.jpg); background-position:0px 0px;}
.righty ul li.recycle {background-image: url(../images/nutrition-icons-8.jpg); background-position:0px 0px;}
.righty ul#column {float:left; display:inline; width:280px; padding-right:9px; padding-bottom:0px;}

.home .frame {background:url(../images/home-bg.jpg) no-repeat 90% 0%;}
.home .lefty {width:335px; float:left;}
.home .lefty h1 {background: url(../images/big-headline-bg.jpg) no-repeat 0px 100%; font-weight:normal; color:#f68933; font-size:35px; padding:20px 0px 30px 68px; text-transform:none;}
.home .lefty h1 span {display:block; padding-left:30px;}

#no-browser {display:none;}

.content p.sched {border-bottom: 1px dotted #dddddd; padding-bottom:2px; margin-bottom:4px;}
.content p.sched b {width: 80px; display:block; float:left;}