@charset "UTF-8";
/* CSS Document */
/* Created by: Joel Kidd of http://www.joelkidd.com    */
/* Colors used for this site 
	Green - #1B6703
	Light Green - #DFF1DB
*/

html, body {height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif;}

img.bg {
	width: 100%;
	height:100%;
	position: fixed;
	top: 0;
	left: 0;
	/* Set rules to fill background 
	min-height: 100%;
	min-width: 1024px;*/

	/* Set up proportionate scaling
	width: 100%;
	height: auto; */

	/* Set up positioning 
	position: fixed;
	top: 0;
	left: 0;*/
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

#body-top { width:960px; margin: 0 auto; position: relative; clear: left;}
#body-middle { width:930px; height:110%; margin: 0 auto; background-image:url(../images/background_middle.png); background-repeat:repeat-y; position: relative; clear: left; padding: 15px; display:block;}
#body-bottom { width:960px; margin: 0 auto; position: relative; clear: left; height:100px;}

/* clear before the bottom div to get the background of the body-middle div to show up*/
.clear { clear:both;}

#footer { width:930px; height:55px; margin: 0 auto; background-image:url(../images/background_middle.png); background-repeat:repeat-y; position: relative; clear: left; padding: 15px; display:block; font-size:10px; text-align:center;}

#bottom { background-image:url(../images/grass.png); background-repeat: repeat-x; position: fixed; bottom: 0; left: 0; width: 100%; height: 75px; }

#logo { position:relative; margin: 15px 15px 0px 15px; float:left; }
#slogan { position:relative; margin-top: 15px; margin-left: 5px; float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 36px; color:#ffffff; padding-top: 30px; }


p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; list-style-position:inside;}

/* Headers */
h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 24px;}
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 22px;}
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 20px;}
h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px;}
h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px;}
h6 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}

/* Navigation styling */
#nav-container { width: 960px; float:left; clear:left; margin-bottom: 10px; }
#nav {	margin: 0; position:relative; }
#nav li { list-style-type:none; font-size:13px; font-weight:bold; display: inline; }
#nav li a.home { background-image: url(../images/nav_backgrounds.png); background-repeat:no-repeat; padding: 23px 46px; margin-left: 3px; color: #1B6703; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#nav li a.about { background-image: url(../images/nav_backgrounds.png); background-repeat:no-repeat; padding: 23px 35px; margin-left: 3px; color: #1B6703; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#nav li a.contact { background-image: url(../images/nav_backgrounds.png); background-repeat:no-repeat; padding: 23px 28px; margin-left: 3px; color: #1B6703; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#nav li a.offers { background-image: url(../images/nav_backgrounds.png); background-repeat:no-repeat; padding: 23px 18px; margin-left: 3px; color: #1B6703; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#nav li a.payment { background-image: url(../images/nav_backgrounds.png); background-repeat:no-repeat; padding: 23px 7px; margin-left: 3px; color: #1B6703; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }

#nav li a.home {background-position:0px -56px;}
#nav li a:hover.home {background-position:0px 0px;}
#Home #nav li a.home {background-position:0px 0px;}
#Home #nav li a:hover.home {background-position:0px 0px;}

#nav li a.about {background-position:0px -56px;}
#nav li a:hover.about {background-position:0px 0px;}
#About #nav li a.about {background-position:0px 0px;}
#About #nav li a:hover.about {background-position:0px 0px;}

#nav li a.contact {background-position:0px -56px;}
#nav li a:hover.contact {background-position:0px 0px;}
#Contact #nav li a.contact {background-position:0px 0px;}
#Contact #nav li a:hover.contact {background-position:0px 0px;}

#nav li a.offers {background-position:0px -56px;}
#nav li a:hover.offers {background-position:0px 0px;}
#Offers #nav li a.offers {background-position:0px 0px;}
#Offers #nav li a:hover.offers {background-position:0px 0px;}

#nav li a.payment {background-position: 0px -56px;}
#nav li a:hover.payment {background-position: 0px 0px;}
#Payment #nav li a.payment {background-position: 0px 0px;}
#Payment #nav li a:hover.payment {background-position: 0px 0px;}

/* Page specific styling */

/* Home page */
#home-top-section { width: 900px; height: 270px; position:relative; float:left; background-image:url(../images/background_home_main.png); background-repeat:no-repeat; margin: 0px 15px; }
#home-main-image { float:left; width: 470px; margin:5px; padding: 5px; }
#home-hours { float:left; width: 300px; margin: 25px 40px; }
ul.hours { margin: 0px; padding:0px; list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 40px; }
li.hours { padding:0px; }
#home-intro {width: 575px; position:relative; float:left; margin: 10px 18px; padding: 0px 25px; border-right: 1px solid #1B6703;}
#home-news {width: 220px; position:relative; float:left; margin: 10px; padding: 0px 5px;}
ul.news { margin: 0px; padding:0px; list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
li.news { padding:0px; }

/* About us page */
#about-main-info {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; width: 600px; margin-left: 15px; border-right: 1px solid #1B6703; padding-right: 15px; float:left;}
#about-address {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; width: 150px; margin: 15px 25px; float:left;}
#about-hours {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; width: 150px; margin: 15px 25px; float:left;}

/* Contact us */
#contact-header { margin: 10px 10px 10px 50px; }
#contact-form { width: 600px; margin: 10px auto;}
#contact-left { margin: 10px; width: 115px; float:left; clear:left;}
#contact-right { margin: 10px; width:300px; float:left; text-align:center;}
#contact-comments { margin: 10px; width:300px; float:left;}

/* Payments page */
#pay-left-content {width: 560px; position:relative; float:left; margin: 10px 10px; padding: 0px 20px 0px 10px; border-right: 1px solid #1B6703; }
#pay-right-content {width: 290px; position:relative; float:left; margin: 5px; padding: 0px 5px;}
#left-content p { font-size: 14px;}