* { margin:0; padding:0; }

/* BODY */
body { font:14px "Lucida Grande", Arial, Sans-Serif; color:#2f2f2f; background:#4a4949 url(images/bg_page.jpg) repeat-x 0 0; }
img { border:none; }
a:link, a:visited { text-decoration:none; color:#28718c; }
a:hover, a:active { text-decoration:underline; color:#000; }
.clear { clear:both; }

/* HEADER */
#badgeContainer { position:absolute; top:0; left:0; width:100%; }
#badge { margin:0px auto; width:910px; }
#dealsContainer { display:none; float:left; width:100%; background-color:#496f32; color:#fff; }
#deals { margin:0px auto; padding:30px 60px 20px 35px; width:815px; }
#deals h2 { font-size:16px; margin-bottom:7px; }
#deals p { font-size:12px; }
#deals .coupon { padding:15px; background-color:#618b47; margin-bottom:20px; border:2px dotted #7fad4a; }
#dealbadge { float:right; padding:20px 80px 0 0; }
#headerContainer { float:left; width:100%; }
#header { margin:0px auto; width:910px; height:313px; background:url(images/bg_header_winter.jpg) repeat-x 0 0; }
#header h1 a { display:block; text-indent:-9999px; width:371px; height:85px; position:relative; top:76px; left:255px; /*background:url(images/bg_logo.png);*/ outline:none; }
#nav { height:67px; position:relative; top:161px; left:179px; width:670px; }
#nav li { float:left; list-style:none; }
#home { background:url(images/bg_home_on.jpg); }
#home a:link, #home a:visited { display:block; width:106px; height:67px; background:url(images/bg_home_off.jpg); text-indent:-9999px; }
#home a:hover, #home a:active { display:block; width:106px; height:67px; background:url(images/bg_home_on.jpg); outline:none; }
#home a.active:link, #home a.active:visited { display:block; width:106px; height:67px; background:url(images/bg_home_on.jpg); outline:none; }
#about { background:url(images/bg_about_on.jpg); }
#about a:link, #about a:visited { display:block; width:135px; height:67px; background:url(images/bg_about_off.jpg); text-indent:-9999px; }
#about a:hover, #about a:active { display:block; width:135px; height:67px; background:url(images/bg_about_on.jpg); outline:none; }
#about a.active:link, #about a.active:visited { display:block; width:135px; height:67px; background:url(images/bg_about_on.jpg); outline:none; }
#packages { background:url(images/bg_packages_on.jpg); }
#packages a:link, #packages a:visited { display:block; width:135px; height:67px; background:url(images/bg_packages_off.jpg); text-indent:-9999px; }
#packages a:hover, #packages a:active { display:block; width:135px; height:67px; background:url(images/bg_packages_on.jpg); outline:none; }
#packages a.active:link, #packages a.active:visited { display:block; width:135px; height:67px; background:url(images/bg_packages_on.jpg); outline:none; }
#refur { background:url(images/bg_refur_on.jpg); }
#refur a:link, #refur a:visited { display:block; width:184px; height:67px; background:url(images/bg_refur_off.jpg); text-indent:-9999px; }
#refur a:hover, #refur a:active { display:block; width:184px; height:67px; background:url(images/bg_refur_on.jpg); outline:none; }
#refur a.active:link, #refur a.active:visited { display:block; width:184px; height:67px; background:url(images/bg_refur_on.jpg); outline:none; }
#faq { background:url(images/bg_faq_on.jpg); }
#faq a:link, #faq a:visited { display:block; width:110px; height:67px; background:url(images/bg_faq_off.jpg); text-indent:-9999px; }
#faq a:hover, #faq a:active { display:block; width:110px; height:67px; background:url(images/bg_faq_on.jpg); outline:none; }
#faq a.active:link, #faq a.active:visited { display:block; width:110px; height:67px; background:url(images/bg_faq_on.jpg); outline:none; }


/* CONTENT */
#contentContainer { float:left; width:100%; height:275px; background:url(images/bg_content.jpg) repeat-x 0 0; }
#content { margin:0px auto; width:850px; line-height:18px; padding:0 30px 0 30px; }
#treat { float:left; width:270px; height:247px; padding-top:55px; background:url(images/bg_line.jpg) no-repeat 245px 10px; }
#treat p { width:215px; padding-left:8px; }
#treat h1 { width:187px; height:51px; background:url(images/bg_treat.jpg) no-repeat; text-indent:-9999px; }
#chews { float:left; width:325px; height:247px; padding-top:55px; background:url(images/bg_line.jpg) no-repeat 295px 10px; }
#chews p { width:260px; padding-left:8px; }
#chews h1 { width:256px; height:51px; background:url(images/bg_chews.jpg) no-repeat; text-indent:-9999px; }
#meet { float:left; width:200px; padding-top:55px; }
#meet p { width:230px; padding-left:8px; }
#meet h1 { width:187px; height:51px; background:url(images/bg_meet.jpg) no-repeat; text-indent:-9999px; }
#start { width:195px; height:48px; margin-top:20px; background:url(images/bg_start_on.jpg) no-repeat -9999px -9999px; }
#start a:link, #start a:visited { display:block; width:195px; height:48px; background:url(images/bg_start_off.jpg); text-indent:-9999px; }
#start a:hover, #start a:active { display:block; width:195px; height:48px; background:url(images/bg_start_on.jpg); outline:none; }
#riley { float:right; margin:0 0 10px 15px; padding:5px; border:1px solid #ccc; }

/* EXTRAS */
#extrasContainer { float:left; width:100%; height:357px; background:url(images/bg_extras.jpg) repeat-x 0 0; }
#extras { margin:0px auto; width:850px; padding:0 30px 0 30px; }
#wagging { float:left; width:580px; background:url(images/bg_extraline.jpg) no-repeat 550px 60px; }
#wagging h1 { height:35px; width:333px; background:url(images/bg_wagging.jpg) no-repeat 0 0; margin-top:47px; text-indent:-9999px; }
#wagging h2 { color:#4f5151; font-size:14px; font-weight:normal; padding:0 0 0 3px; }
#testimonial { height:120px; width:442px; background:url(images/bg_testimonial.jpg) no-repeat 0 0; margin-top:20px; padding:30px 40px 30px 30px; }
#testimonial p { font:14px/18px Arial, Sans-Serif; }
#testimonial #name { float:right; font-weight:bold; padding-right:15px; margin-top:15px; }
#chase { float:left; width:267px; }
#chase h1 a { display:block; width:269px; height:77px; background:url(images/bg_chase.jpg) no-repeat 0 0; margin-top:29px; text-indent:-9999px; outline:none; }
#twitter { width:267px; height:202px; background:url(images/bg_twitter.jpg) no-repeat 0 0; }
#twitter ul { font:12px/16px Arial, Sans-Serif; padding:25px; }
#twitter ul li { list-style:none; }
#twitter a { font-size:11px; }

/* SUBCONTENT */
#subcontentContainer { float:left; width:100%; padding:60px 0 140px 0; background:#fcfdfe url(images/bg_subcontent.jpg) repeat-x bottom left; }
#subcontent { margin:0px auto; width:750px; padding:0 130px 0 30px; line-height:22px; }
#subcontent h1 { margin-bottom:25px; }
#subcontent h2 { font-size:18px; margin-bottom:5px; }
#subcontent p { padding-bottom:20px; }
#subcontent #faqs { padding-bottom:40px; } 
#subcontent #faqs p { padding-bottom:20px; border-bottom:1px solid #e7e7e7; margin-bottom:20px; }
#subcontent #package .top { width:744px; height:30px; background:url(images/bg_top.jpg) no-repeat 0 0; }
#subcontent #package .middle { width:674px; background:url(images/bg_middle.jpg) repeat-y 0 0; padding:0 40px 0 30px; line-height:18px; }
#subcontent #package .middle h2 { font-size:22px; margin-bottom:10px; padding-top:20px; }
#subcontent .first { padding-top:0px !important; }
#subcontent .last { border-bottom:0px !important; }
#subcontent #package .bottom { width:744px; height:30px; background:url(images/bg_bottom.jpg) no-repeat 0 0; }
#subcontent .prices { float:left; margin:0 20px 10px 0; }
#subcontent .priceBox { float:left; padding:15px 5px 0 0; margin-right:8px; width:105px; height:70px; border:1px solid #9bc4d4; background-color:#7bacc0; text-align:center; }
#subcontent .priceBox h3 { font-size:40px; font-family:Arial, Sans-Serif; letter-spacing:-2px; color:#fff; margin:10px 0 5px 0; }
#subcontent .priceBox h4 { font-size:20px; font-weight:normal; font-style:italic; letter-spacing:-1px; color:#fff; }
#subcontent .small { font-size:12px; padding-left:15px; }
#subcontent #carte .top { width:744px; height:30px; background:url(images/bg_top.jpg) no-repeat 0 0; }
#subcontent #carte .middle { width:674px; background:url(images/bg_middle.jpg) repeat-y 0 0; padding:0 40px 0 30px; line-height:18px; }
#subcontent #carte .middle h2 { font-size:22px; margin-bottom:10px; padding-top:20px; }
#subcontent #carte .middle p {  }
#subcontent #carte .bottom { width:744px; height:30px; background:url(images/bg_bottom.jpg) no-repeat 0 0; }
#subcontent .entry { width:100%; clear:both; border-bottom:1px solid #e7e7e7; }
#subcontent .pricetag { font-size:14px !important; color:#709941; margin-left:10px; } 
#subcontent .carte { margin-top:30px; }

.cf-ol li { list-style:none; }
.cf-ol label { width:100%; float:left; font-weight:bold; margin-bottom:4px; }
.cf-ol input, .cf-ol textarea, .cf-ol select { margin-bottom:15px; margin-right:5px; padding:3px; font-size:14px; width:250px; } 
.cf-ol textarea { margin-bottom:15px; margin-right:5px; padding:3px; font-size:14px; width:320px; } 
.reqtxt { font-size:12px; font-style:italic; }
.emailreqtxt { font-size:12px; font-style:italic; }
.cf_hidden { display:none; }
.sendbutton { font-size:16px; }

/* FOOTER */
#footerContainer { float:left; height:357px; width:100%; background:url(images/bg_footer.jpg) repeat-x 0 0; }
#footer { margin:0px auto; width:850px; line-height:18px; padding:0 30px 0 30px; }
#footer ul { width:100%; border-bottom:1px solid #5e5e5e; padding-bottom:25px; margin:45px 0 15px 0; }
#footer ul li { display:inline; margin-right:18px; }
#footer a { color:#fff; }
#footer p { font:12px Arial, Sans-Serif; color:#a3a3a3; }
#footer #psi { position:relative; top:-20px; left:780px; width:67px; height:80px; }
