/*
Theme Name: Chugwater
Theme URI: http://chugwatersodafountain.com/
Description: Built by David McGuffin, Pixel Wonders, LLC.
Version: 1
Author: David McGuffin
Author URI: http://pixelwonders.com/
Tags: orange, cream, 1 column

*/

/* Layout & Backgrounds */
* { margin: 0; padding: 0; }
body { background: url(images/background-screen.jpg) repeat; }
#background-header { background:url(images/background-header.png) repeat-x top; }
#website-wrapper { margin: 0 auto; padding: 20px 0 20px 0; width: 964px; }

#page-background { background: url(images/background-page.gif) repeat-y; }
#page-footer-treatments { background: url(images/background-page-treatments.gif) no-repeat bottom; }
#page-contents { padding: 46px; width: 872px; height: auto; }

#home-page-block-left { float: left; width: 300px; padding-right: 25px; }
#home-page-block-middle { float: left; width: 210px; padding-left: 20px; }
#home-page-block-right { float: right; width: 274px; padding-right: 10px; }
#gray-line { width: 960px; margin: 0 auto; background-color: #999; height: 2px; }

#footer-navigation { background-color: #f79762; padding: 15px; text-align: center; }
#footer { padding: 30px 46px 30px 46px; width: 872px; height: 49px; background: url(images/common-elements.png) no-repeat 0 -133px; }
.footer-blocks { float: left; width: 290px; }
#open-7-days { display: block; width: 66px; height: 55px; float: left; background: url(images/common-elements.png) no-repeat -57px -249px; }
#copyright { margin: 5px 0 3px 0; border-top: solid 1px #000; }
#copyright-block-left { float: left; width: 300px; font: 10px/1em Arial, Helvetica, sans-serif; }
#copyright-block-right { float: right; width: 300px; height: auto; }
#web-design-by { float: right; text-align: right; font: 10px/1em Arial, Helvetica, sans-serif; }
#pw a { display: block; width: 38px; height: 38px; background: url(images/common-elements.png) no-repeat -6px -247px; float: right; }

.clearall { clear: both; }

/* Typography */
body { font: 12px/1.4em Arial, Helvetica, sans-serif; }
.navigation-i-bars { padding: 0 20px 0 20px; }
p { margin: 0 0 10px 0; }
a { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #666; }
.footer-nav a { text-decoration: none; color: #000; }
.footer-nav a:hover { text-decoration: underline; color: #C60; }
h2 { font: 20px/1.2em Arial, Helvetica, sans-serif; margin: 0 0 20px 0; }
.linklove { display: none; }

/* Navigation */
#navigation-area { display: block; width: 964px; height: 61px; background: url(images/common-elements.png) no-repeat; }
#home-button { float: left; }
#home-button a { display: block; width: 121px; height: 61px; }
#home-button a:hover { background: url('images/common-elements.png') no-repeat 0 -64px; }
#soda-button { float: left; }
#soda-button a { display: block; width: 213px; height: 53px; }
#soda-button a:hover { background: url('images/common-elements.png') no-repeat -121px -64px; }
#beer-button { float: left; }
#beer-button a { display: block; width: 213px; height: 54px; }
#beer-button a:hover { background: url('images/common-elements.png') no-repeat -334px -64px; }
#links-button { float: left; }
#links-button a { display: block; width: 123px; height: 60px; }
#links-button a:hover { background: url('images/common-elements.png') no-repeat -547px -64px; }
#find-button { float: left; }
#find-button a { display: block; width: 127px; height: 60px; }
#find-button a:hover { background: url('images/common-elements.png') no-repeat -670px -64px; }
#contact-button { float: left; }
#contact-button a { display: block; width: 166px; height: 60px; }
#contact-button a:hover { background: url('images/common-elements.png') no-repeat -797px -64px; }

/* Image Galleries */
#img_gallery { width: 544px; float: right; }
#img_gallery a { outline:none; border:none; }
#img_gallery a img { border:none; }

/* --- IMAGE STAGE */
#fullimg{
	width: 270px;
	overflow: hidden;
	height: 191px;
	background: #ffffff;
	border: solid 2px #999;
	float: left;
}
#fullimg img { width: 270px; }
#fullimg p, #fullimg span{
	position:absolute;
	background: #ffffff;
	opacity: .5;
	color:white;
	margin:0px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* --- SLIDER --- */
#img_gallery #wrapper{
	overflow: hidden;
	width: 544px;
	margin: 0;
}

#items {
	margin:0;
	padding:0;
	list-style:none;
	width: 220px;
	position: relative;
	letter-spacing:0em;
}
#items li{
	float:left;
	list-style:none;
	margin: 0;
	padding: 0 5px 7px 5px;
}
#items .thumb{
	width: 94px;
	height: 72px;
	cursor: pointer;
	margin: 0;
}
#items .large{
	display:none;
	position:absolute;
}
#fullimg .loading{
	width: 0;
	height: 0;
}
#fullimg .thumb{display:none;}

#items .item  p, #items .item  span{
	display:none;
	text-indent: -2000em;
	margin: 0;
}
#moveleft, #moveright{
	margin:0px;
	height:0;
	color: white;
	width: 0;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; 
	display:block;
	cursor: pointer;
	float:left;
	visibility: hidden;
}
/* END Image Galleries CSS */