/*

Copyright Notice - - - - - - - - - - - - - - - -
  
Information in this document copyright Lance Hardy, www.imyourwebguy.com and www.lancehardyphotography.com.  
Copyright (c) 2009

End Copyright Notice - - - - - - - - - - - - - - - -
	
*/

/* Global Styles */
* { 
margin: 0;
padding: 0;
}

body {
background: #ffffff url(images/bg_main.jpg) no-repeat;
background-position: center 70px;
color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
text-align: center; 
}

h1, h2, h3, h4, h5, h6 {
line-height: 1.5em;
}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 9px;}

p {font-size: 12px;}

ul {}
ol {}
li {}
ul li {}
ol li {}

dl {}
dt {}
dd {}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img {border: 0;}
a img {border: 0;} 

hr {}

a {color: #fff; text-decoration: underline; outline: none;}
a:hover {color: #aaa; text-decoration: none;}

/* Form Styles */

form {}
label {}
input {} 
input.text {} 
input.radio, input.checkbox {border: 0; background: transparent;} 
input.button {}
input.image {border: 0;} 
select {}
option {}
textarea {}

#formMain {
text-align: left;
color: #ffffff;
padding: 0 0 0 20px;
}

label.formMain, input.formMain {
display: block;
width: 180px;
float: left;
margin-bottom: 5px;
}
label.formMain {
text-align: left;
width: 180px;
padding: 0 20px 0 4px;
}
textarea.formMain {
height: 120px;
width: 480px;
margin: 0 0 20px 0;
}

.formBoxOne {
background: #fbf6e4;
margin-right: 20px;
padding: 4px;
}


/* Layout Styles */

#wrapper {
margin: 70px auto 0 auto; 
text-align: left; 
width: 1189px;
} 

#colOne {
float: left;
width: 295px;
height: 552px;
}
#colOne h1 {
padding: 10px 0 0 80px;
}
#colOne h1 a {
display: block;
width: 174px;
height: 173px;
background: transparent url(images/logo_twist.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
font: normal 24px/1.6em verdana, helvetica, arial, sans-serif;
}
#colOne h2 {
font: normal 24px/1.5em verdana, helvetica, arial, sans-serif;
color: #991c4f;
padding: 6px 0 0 80px;
}
#colOne h4 {
padding: 10px 0 0 88px;
}
#colOne h4 a {
display: block;
width: 148px;
height: 37px;
background: transparent url(images/book_event.gif) no-repeat;
background-position: 0 0;
text-indent: -9999px;
text-decoration: none;
font: normal 20px/1.6em verdana, helvetica, arial, sans-serif;
}
#colOne h4 a:hover {
background-position: 0 -111px;
}

#colTwo {
float: left;
width: 585px;
min-height: 552px;
height: auto !important;
height: 552px;
margin-left: 7px;
background: #991c4f url(images/bg_content-top_01.jpg) top left no-repeat;
}

#middle {
width: 585px;
min-height: 552px;
height: auto !important;
height: 552px;
background: url(images/bg_content_01.jpg) bottom left no-repeat;
}
#imageSplash {
padding: 25px 0 0 1px;
}
#colThree {
float: left;
width: 295px;
height: 552px;
}
#colThree img.stripMargin {
margin: 50px 0 0 40px;
}

#winOne {
margin: 120px 0 0 35px;
width: 260px;
height: 304px;
background: transparent url(images/bg_window_01.jpg) top left no-repeat;
padding: 10px;
}
#winOne h3 {
display: block;
width: 158px;
height: 31px;
background: transparent url(images/drink_of_week.gif) top left no-repeat;
text-indent: -9999px;
}
#winOne h4 {
color: #82a86d;
padding: 5px 0 5px 0;
}
#winOne p {
color: #82a86d;
padding: 5px 0 5px 0;
line-height: 1.4em;
}
#winOne p.altHref a {
color: #991c4f;
}

/* Content Area Styles */

#content {}

#content p, #content li {
line-height: 1.5em;
}
#content p {
padding: 5px 20px 5px 20px;
}
#content li {
}

#content ul, #content ol { 
margin: 0 0 0 40px;
padding: 5px 10px 5px 15px;
}

#content dl {
padding: 5px 0 5px 0;
background: transparent url(images/bg_lime.gif) no-repeat;
background-position: 20px 8px;
}
#content dt {
line-height: 1.5em;
font-weight: bold;
padding: 0 20px 0 53px;
}
#content dd {
line-height: 1.5em;
padding: 0 20px 0 53px;
}

#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5, 
#content h6 {
line-height: 1.5em; 
padding: 5px 20px 5px 20px;
color: #ffffff;
}

#content h1 {font-size: 22px;}
#content h2 {font-size: 20px;}
#content h3 {font-size: 18px;}
#content h4 {font-size: 16px;}
#content h5 {font-size: 15px;}
#content h6 {font-size: 14px;}

#content h2.home {
display: block;
text-indent: -9999px;
width: 303px;
height: 35px;
background: transparent url(images/hg_home.gif) no-repeat;
background-position: 20px 0;
}
#content h2.services {
display: block;
text-indent: -9999px;
width: 63px;
height: 29px;
background: transparent url(images/hg_services.gif) no-repeat;
background-position: 20px 0;
}
#content h2.prices {
display: block;
text-indent: -9999px;
width: 52px;
height: 35px;
background: transparent url(images/hg_pricing.gif) no-repeat;
background-position: 20px 0;
}
#content h2.drinks {
display: block;
text-indent: -9999px;
width: 166px;
height: 35px;
background: transparent url(images/hg_drinks.gif) no-repeat;
background-position: 20px 0;
}
#content h2.faq {
display: block;
text-indent: -9999px;
width: 216px;
height: 35px;
background: transparent url(images/hg_faq.gif) no-repeat;
background-position: 20px 0;
}
#content h2.contact {
display: block;
text-indent: -9999px;
width: 106px;
height: 29px;
background: transparent url(images/hg_contact.gif) no-repeat;
background-position: 20px 0;
}


#content a {}
#content a:hover {}

#content form {}

#content input {}
#content select {}

#footer {
clear: both;
}
#footer p {}
#footer a {}
#footer a:hover {}

/* Navigation Styles */

#nav {
width: 175px;
padding: 30px 0 0 80px;
}
#nav ul {
list-style: none;
}
#nav ul li {display: inline;}
#nav ul li a {
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #7abe54;
text-decoration: none;
display: block;
width: 175px; 
padding: 4px 0 4px 3px;
border-bottom: 1px solid #7abe54;
}
#nav ul li.last a {
border: none;
}
#nav ul li a:hover {
color: #991c4f;
}

#footerNav {
padding: 10px 0 10px 0;
}
#footerNav ul {
list-style: none; 
text-align: center;
}
#footerNav ul li {
display: inline; 
padding: 0 7px 0 0;
color: #799369;
font-size: 11px;
}
#footerNav li a {
text-decoration: none;
color: #799369;
font-size: 11px;
padding: 0 10px 0 0;
}
#footerNav a:hover {
text-decoration: underline; 
}

/* Common Styles */

.clear {clear: both;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}



/* Accordion Styles */

#accordion {}
html>body #accordion {
height: auto;
}
#accordion h3 {
display: block;
height: 41px;
line-height: 41px;
font-size: 16px;
text-indent: 20px;
}
#accordion h3.accUnit {}
#accordion h3.accHours {}
#accordion h3.accFeatures {}
#accordion h3.accRefer {}

.toggler {cursor: pointer;}
 
.element {
padding: 4px 0 10px 0;
line-height: 1.4em;
margin: 5px 0 8px 15px;
}
#accordion .element p {
text-indent: 0; 
font-weight: normal;
}
.panel {
padding: 5px 0;
}

.widthOne {
display: block;
float: left;
width: 160px;
font-weight: bold;
}