body
{
padding:0;
margin:0;
background: url(../images/body_bg.jpg);
font:100% ;
line-height:1.25;  
}

p
{
margin-left:20px;
}

html
{
padding:0;
margin:0;
}

h2
{
padding:0;
margin-left:20px;
}

#wrap
{
padding:0;
margin:0 auto;
background: url(../images/wrap_bg.png) repeat-y;
width:960px;

}

.flt_right
{
float:right;
margin-top:20px;
}

.footer_link
{
color:#4F2E27;
float:right;
font-size:small;
clear:both;
margin:0 100px 0 0;
}

.footer_link a
{
text-decoration:none;
font-weight:bold;
color:inherit;
}

#facebook_icon
{
clear:right;
float:right;
margin:0px 100px 0 0;
}

#header
{
background: url(../images/header_bg.jpg) no-repeat;
width: 960px;
height: 272px;
} 


h1
{
text-align:center;
margin:0;
padding-top:60px;
}

h1 img
{
display:block;
margin-left:25%;
}

#content
{
width:855px;
margin:0 auto;
padding:0 0 40px 0;
overflow:auto;
}

.page_banner
{
margin:0 auto;
}

.index_content
{
background:#f3c0a6 url(../images/index_bg.jpg); 
}

.index_content p
{
height:472px;
width:850px;
margin:0 auto;
padding:0;
background:url(../images/drunk.png) no-repeat;
overflow:auto; 
}

.index_content p span
{
float:left;
width:300px;
margin: 180px 0 0 100px;
font-size:large;
}

.thestory_content
{background:#f3c0a6 url(../images/thestory_bg.jpg)}


.thestory_content p 
{

width:600px;
margin: 0px 0 0 30px;

}


.contact_content
{background:#f3c0a6 url(../images/contact_bg.jpg)}

#footer
{
width:1024px;
height:162px;
margin:0 auto;
padding:0;
background: url(../images/footer_bg.png);
}

ul#footer_nav
{
padding:0;
margin:20px 100px 0 0;
}

ul#footer_nav li {
font-size:small;
list-style:none;
display:inline;
}

ul#footer_nav li a
{
padding:0 0.25em;
text-decoration:none;
color:#4F2E27;
}

ul#main_navigation {
background:url("../images/nav_sprite.jpg") no-repeat;
width:580px;
height:50px;
margin:5px 0 0 50px;
padding:0;
float:left;
}



 
#main_navigation li {
float:left;
list-style:none;
display:inline;
}

#main_navigation span {
display: none;
}
 
#main_navigation li, #main_navigation a {
height:50px;
display:block;
}
 


#home {width: 105px;}
#thestory {width: 120px;}
#shop {width: 80px;}
#wholesale {width: 150px;}
#contact {width: 120px;}
 
#home a:hover {background:url("../images/nav_sprite.jpg") 0px -50px no-repeat; }
#thestory a:hover {background:url("../images/nav_sprite.jpg") -105px -50px no-repeat; }
#shop a:hover {background:url("../images/nav_sprite.jpg") -225px -50px no-repeat; }
#wholesale a:hover {background:url("../images/nav_sprite.jpg") -305px -50px no-repeat; }
#contact a:hover {background:url("../images/nav_sprite.jpg") -455px -50px no-repeat; }


#home a#current {background:url("../images/nav_sprite.jpg") 0px -50px no-repeat; }
#thestory a#current {background:url("../images/nav_sprite.jpg") -105px -50px no-repeat; }
#shop a#current {background:url("../images/nav_sprite.jpg") -225px -50px no-repeat; }
#wholesale a#current {background:url("../images/nav_sprite.jpg") -305px -50px no-repeat; }
#contact a#current {background:url("../images/nav_sprite.jpg") -455px -50px no-repeat; }


ul#footer_contact_info
{
float:left;
margin:50px 0 0 220px;
} 

ul#footer_contact_info li
{
list-style:none;
} 

ul#footer_contact_info li span
{
font-weight:bold;
}

a img
{
border:none;
} 

h3
{
line-height:75px;
background:url("../images/about_header_bg.png") top right no-repeat; 
padding:0 100px 0 30px;
display:inline-block;
}    



ul#contact_details
{
background:url("../images/contact_details_bg.png") center left no-repeat;
margin:0 auto;
padding:150px 0;
width:70%
} 

ul#contact_details li
{
list-style:none;
padding-left:280px;

line-height:2em;
} 

ul#contact_details li span
{
font-weight:bold;
}


/*--------------------Form Styling--------------------*/
/* General */


.cleanform {
	font-size:1em;
  border-top:3px solid #9b855e;
	color:#000;
	text-align:left;
	background:url("../images/form_bg.jpg") bottom left no-repeat;
	padding-bottom:20px;

}

/* Elements */

.cleanform  label,.cleanform legend{
	padding:0;
	margin:0.3em 0 
}

.cleanform fieldset{
	padding:0.7em;
	border:none;
	margin:0 0 0.5em 0;
	width:40%;
		float:left;
}

.cleanform fieldset.right_field{
	padding:0.7em;
	border:none;
	margin:0 0 0.5em 0;
	float:left;
	width:40%;
}

.cleanform fieldset.products{
	padding:0.7em;
	border:none;
	margin:0 0 0.5em 0;
	float:left;
	width:40%;
}

.cleanform label {
font-size:100%; 
}

.cleanform fieldset input {
    width:75%;
    line-height:1.5em;
	padding:0.15em;
	background: #E7E3BD;
}

.cleanform fieldset input[type="hidden"] {
    display:none;
}

.cleanform .radio input,
.cleanform .checkbox input {
    width:auto;
    border:none;
    margin:0 1.5em 0 0
 }

.cleanform input, .cleanform textarea, .cleanform select {
    display:block;
    margin-bottom:1em;
    font-size:1em;
    border:1px solid #bbb;
    padding:0.15em;
    margin-right:1em;
    	background: #E7E3BD;
 }   

.cleanform .radio label, .cleanform .radio input,
.cleanform .checkbox label, .cleanform .checkbox input {
    display:inline;
    margin:0 1.5em 0 0
}

.cleanform .radio input, .cleanform .checkbox input {
    margin:0 0.3em 0 0
}

/* Button */

.cleanform button {
	margin:0.3em 1em;
	border:1px solid #6F573B;
	background: #E7E3BD;
	font-size:1em;
	cursor:pointer;
	padding:0.5em
}

.cleanform button:hover {
	background-color:#EA8DA2;
	border:1px solid #6F573B;
	color:#eee
}

.cleanform button:active {
	background-color:#333;
	color:white;
	border:1px solid #000
}

/* information */

.cleanform .formInfo {
    margin-bottom:1em;
    padding-bottom:0.5em;
    border-bottom:0.1em solid #ddd
}

.cleanform .formInfo h2 {
	color:#00889e;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em
}

.cleanform .formInfo p{
	text-align:justify
}

.cleanform .required {
	color:#890d2f;
	font-weight:bold;
	font-size:0.8em
}

.fieldbg
{
background: url(../images/textboxbg.jpg) top center no-repeat #fff;
}
/*--------------------End of Form Styling--------------------*/ 



 table.wholesale_products
 {

 border-collapse: collapse;
 margin:1em auto;
 color:#4F2E27;
 clear:both;
 }
 
table.wholesale_products th
 {
    background-color:#EA8DA2;
    color:#000000;
    border-top:2px solid #F3BFCB;
    text-align:left;
    font-weight:normal;
 }
table.wholesale_products tr:hover
 {
 background-color:#fff;
color:#EA8DA2;
 }
 
table.wholesale_products tr
 {
 background-color:#F3BFCB;
 border-top:1px solid #fff;

 }
 
 
 
h1.imagereplacement {
text-indent: -9999px;
height: 146px;
width: 480px; 
background: url(../images/logo.png) bottom left no-repeat;
float:left;
margin:0 0 0 25%;
padding-top:60px;
}

h1.imagereplacement a
{
display:block;
height: 146px;
width: 480px;
}


h2.imagereplacement#indexstrip{
text-indent: -9999px;
height: 199px;
width: 855px; 
background: url(../images/indexstrip.png) bottom left no-repeat;
margin:0;
}

h2.imagereplacement#aboutstrip{
text-indent: -9999px;
height: 199px;
width: 855px; 
background: url(../images/aboutstrip.png) bottom left no-repeat;
margin:0;
}

h2.imagereplacement#contactstrip{
text-indent: -9999px;
height: 199px;
width: 855px; 
background: url(../images/contactstrip.png) bottom left no-repeat;
margin:0;
}

h2.imagereplacement#wholesalestrip{
text-indent: -9999px;
height: 199px;
width: 855px; 
background: url(../images/wholesalestrip.png) bottom left no-repeat;
margin:0;
}

div#video
{
float:right;
width:520px;
height:450px;
background:url("../images/tv.png") no-repeat
}

div#vidcontainer
{  
padding-left:55px;
padding-top:80px;
}