/* CSS Document created by Snowflake Creative */

/*****************************************************
					Main styles
*****************************************************/
html{ background:url(../img/css/wood-bg.jpg) repeat-x #000; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
body{ background:url(../img/css/top-bar.png) repeat-x; width:100%; margin:0; padding:1px 0 0 0;}
#container{ width:987px; margin:0px auto 0 auto; position:relative; padding:1px 0 0 0; }
.clear{ clear:both;}
img{ border:none;}
h1{ height:29px; margin:0 0 18px 0; padding:0; color:#FFF; font-size:29px; line-height:29px; font-weight:100;}
h2{ margin:0 0 18px 0; padding:0; height:29px; color:#FFF; font-size:29px; line-height:29px; font-weight:100;}
h3{ margin:5px 0 0 0;}
p{ margin:0 0 18px 0; font-size:14px; color:#d8d8d8; line-height:21px;} 
p a{ color:#f57b20; text-decoration:none;}
p a:hover{ text-decoration:underline;}

/*****************************************************
					Header styles
*****************************************************/
.contact-details{ position:absolute; left:0; top:45px;}
.contact-details .phone{ background:url(../img/icons/telephone.png) no-repeat left top; padding:0 0 0 60px; }
.contact-details .email{ background:url(../img/icons/email.png) no-repeat left top; padding:0 0 0 60px; margin:16px 0 0 0;}
.contact-details p.header{ margin:0; height:29px; padding:0; color:#FFF; font-size:29px; line-height:29px; font-weight:100;}
.contact-details p{ margin:0; color:#FFF;}
.contact-details p a{ color:#FFF; text-decoration:none;}
.contact-details p a:hover{ color:#f57b20;}
.logo{ width:258px; margin:40px auto 0 auto;}
/****Twitter box*****/
.twitter-box{ background:url(../img/css/twitter-box.png) no-repeat; width:222px; height:176px; padding:20px 14px; position:absolute; right:0; top:0; z-index:1;}
.twitter-box .twitter-txt{ margin:0; height:70px; overflow:hidden; }
.twitter-box .twitter-txt .twtr-tweet-wrap{ margin:0; padding:0;}
.twitter-box .twitter-txt .twtr-tweet-text{ width:222px; }
.twitter-box .twitter-txt .twtr-hd, .twtr-ft{ display:none;}
.twitter-box p.header{ margin:0 0 10px 0; height:29px; padding:0; color:#FFF; font-size:29px; line-height:29px; font-weight:100;}


/*****************************************************
					Navigation styles
*****************************************************/
.navigation{ width:987px; height:33px; background:url(../img/nav/navigation-bg.png) no-repeat; margin:20px auto 0 auto; padding:25px 0;}
.navigation ul{ margin:5px 0 0 66px; padding:0;}
.navigation ul li{ margin:0; padding:0; float:left; list-style:none; margin:0 30px 0 0;}
.navigation ul li a{ height:44px;text-decoration:none; font-size:24px; text-align:left; margin:0; float:left; }
.navigation ul li a.home{ background:url(../img/nav/home.png); width:93px; height:40px;}
.navigation ul li a.find{ background:url(../img/nav/find.png); width:93px; height:40px;}
.navigation ul li a.menu{ background:url(../img/nav/menu.png); width:93px; height:40px;}
.navigation ul li a.about{ background:url(../img/nav/about.png); width:109px; height:40px;}
.navigation ul li a.careers{ background:url(../img/nav/careers.png); width:93px; height:40px;}
.navigation ul li a.contact{ background:url(../img/nav/contact.png); width:94px; height:40px;}
.navigation ul li a.club{ background:url(../img/nav/club.png); width:93px; height:40px;}
.navigation ul li a:hover{ background-position:0 40px;}
.navigation ul li a.active{ background-position:0 80px;}


/*****************************************************
					Home Content
*****************************************************/
.home-content{ width:987px; background:url(../img/css/stripes.png) no-repeat; margin:10px 0 0 0; padding:1px 0 0 0;}
.home-content .left-column{ width:376px; float:left; margin:10px 0 0 10px; }
.home-content .right-column{ width:561px; float:right; margin:10px 10px 0 0; }

/****Small box*****/
.home-content .left-column .small-box{ background:url(../img/css/small-box.png) repeat-y; width:376px; margin:0 0 20px 0; }
.home-content .left-column .small-box .box-inner{ background:url(../img/css/circles.png) no-repeat bottom left; padding:25px 6px 10px 14px; margin:0 0 0 8px;}
/****Medium box*****/
.home-content .right-column .medium-box{ background:url(../img/css/medium-box.png) repeat-y; width:561px; margin:0 0 20px 0; }
.home-content .right-column .medium-box .box-inner{ background:url(../img/css/circles.png) no-repeat bottom left; padding:15px; }
.home-content .right-column .medium-box .box-inner .slideshow{ background:#000; width:530px; height:260px; border:solid 1px #797979;}

/*****************************************************
					   Content
*****************************************************/
.content{ width:987px; background:url(../img/css/stripes.png) repeat; margin:5px 0 0 0; padding:1px 0 0 0;}
.content .left-column{ width:670px; float:left; margin:10px 0 0 10px; }
.content .right-column{ width:264px; float:right; margin:10px 10px 0 0; }
/****Large box*****/
.content .left-column .large-box{ background:url(../img/css/large-box.png) repeat-y; width:670px; margin:0 0 20px 0; }
.content .left-column .large-box .box-inner{ background:url(../img/css/circles.png) no-repeat bottom left; padding:20px 14px 15px 14px; }

a.menuPdf{ float:left; width:189px; white-space:nowrap; margin:0 20px 10px 0;}

/*****************************************************
				Inline boxes - no background
*****************************************************/
.inline-box{ width:264px; float:right; padding:8px 0;}
.inline-box#left{ float:left; border-right:solid 1px #aaaaaa; padding-right:16px;}
.inline-box#top{ border-bottom:solid 1px #aaaaaa; padding-bottom:16px;}
.inline-box .box-image{ bordeR:solid 1px #797979; width:262px; height:77px; margin:0 0 10px 0;}
.inline-box .box-image#menu{ background:url(../img/general/menu-box.jpg) no-repeat;}
.inline-box .box-image#club{ background:url(../img/general/club-box.jpg) no-repeat;}
.inline-box .box-image#find{ background:url(../img/general/find-box.jpg) no-repeat;}
.inline-box .box-image#xmas{ background:url(../img/general/xmas-box.jpg) no-repeat;}

/*****************************************************
					    Buttons
*****************************************************/
a.club-button{ background:url(../img/buttons/sign-up.png) no-repeat; height:36px; width:94px; float:right;}
a.club-button:hover{ background-position:bottom;}
a.menu-button{ background:url(../img/buttons/view-menu.png) no-repeat; height:36px; width:120px; float:right;}
a.menu-button:hover{ background-position:bottom;}
a.find-button{ background:url(../img/buttons/find-us.png) no-repeat; height:36px; width:92px; float:right;}
a.find-button:hover{ background-position:bottom;}
a.follow-button{ background:url(../img/buttons/follow-us.png) no-repeat; height:36px; width:120px; float:right;}
a.follow-button:hover{ background-position:bottom;}

/*****************************************************
					    Form styles
*****************************************************/
form{ margin:0 0 18px 0; width:360px; margin:0 auto;}
form fieldset{ border:none;}
form label{ width:120px; float:left; color:#d8d8d8; font-size:14px; padding:2px 0 0 0;}
form input[type="text"]{ width:230px; float:right; background:#aaaaaa; bordeR:solid 1px #333; height:20px; margin:0 0 8px 0;}
form textarea{ background:#aaaaaa; border:none; width:230px; margin:0 0 8px 0; float:right;}
form input[type="submit"]{ background:url(../img/buttons/submit.png); height:36px; width:97px; border:none; float:right;}
form input[type="submit"]:hover{ background-position:bottom;}

/*****************************************************
						  Footer
*****************************************************/
.footer{ background:url(../img/css/footer.png) no-repeat; width:987px; text-align:center; height:55px; color:#FFF;  padding:18px 0 0 0; margin:25px 0 0 0;}
.footer p a{ color:#FFF; text-decoration:none;}
.footer p a:hover{ color:#da1818;}
.footer p{ margin:0; line-height:18px; font-size:13px; color:#FFF; }
.footer a.snowflake{ background:url(../img/css/snowflake.png) no-repeat right; padding:0px 70px 2px 0; }

