Tipples

html{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
background:#eee9e5;
font-family:helvetica,arial,verdana,sans-serif;
}

#skip{
position:absolute;
margin-left:-999px;
}

#quick_search{
display:none;
}

#font_size{
display:none;
}

.message {
padding:5px;
border:1px solid #ffeb08;
background:#fff8af;
text-align:center;
margin-bottom:10px;
font-size:85%;
width:804px;
}

#container{
position:relative;
margin:0 auto;
width:1020px;
background:url(/img/container_bg.gif);
}

/******************
HEADER STYLING    *
******************/

#header{
background:url(/img/header_img.jpg) no-repeat;
height:102px;
}

h1{
display:none;
}

#header_info{
float:right;
margin-right:30px;
}

#header_info p{
text-align:right;
}

#header_info a{
color:#f48b00;
text-decoration:none;
border-bottom:1px dotted;
}

#header_info a:hover{
border-bottom:1px solid;
}

span.info{
color:#9b2a2e;
}

/*****************
MENU STYLING     *
*****************/

#menu {
position:absolute;
top:102px;
left:30px;
background:url(/img/menu_bg.gif) 0 0 repeat-x;
width:925px;
font-size:13px;
font-family:arial, serif;
padding-left:35px;
}

#menu ul {
margin:0 0 0 40px;
padding:0;
list-style:none;
}

#menu ul ul {display:none;}

#menu ul li {
float:left;
position:relative;
}

#menu ul li a {
display:block;
float:left;
padding:8px 13px 8px 20px;
color:#E4DFB6;
text-decoration:none;
}

#menu ul li.first a {
border-left:0;
}

#menu ul li a:hover,
#menu ul li a.active {
color:#fff;
}

#menu ul li:hover ul {
display:block;
position:absolute;
width:100px;
left:0;
margin-top:31px;
margin-left:0px;
}

#menu ul li ul{
margin:0 0 0 -20px;
}

#menu ul li ul li {
display:block;
}

#menu ul li ul li a {
float:none;
width:100px;
background:#9b2a2c;
}

#menu ul li ul li a:hover{
background:#d9d0b1;
color:#000;
}

/****************
BANNER STYLING  *
*****************/

#banners{
float:right;
margin:0;
}

#banners ul{
margin:0;
padding:0;
list-style:none;
}

#banners ul li{
padding:0 0 10px 0;
}

#banners ul li a img{
border:1px solid #9b6f26;
}


/*****************
CONTENT STYLING  *
*****************/

#content h2{
margin:20px 0 0 0;
}

#content{
overflow:visible;
min-height:780px;
margin:50px 30px 10px 30px;
padding:0 0 10px 0;
background:url(/img/tipples_watermark.jpg) 140px center no-repeat;
color:#333;
}

#flash{
border:1px solid #9b6f26;
width:817px;
height:198px;
margin:50px 0 0 0;
}

#inner_content{
margin:0 160px 0 0;
}

#inner_content img{
padding-left:19px;
}

.standard_content{
width:830px;
}


/************************
UPCOMING EVENTS STYLING *
************************/

#upcoming{
min-height:275px;
overflow:visible;
background:#cda158;
width:200px;
color:#fff;
float:right;
border:1px solid #9b6f26;
padding:0 10px;
margin:-20px 20px 0 20px;
}

#upcoming h3{
font-size:150%;
font-family:Georgia;
}

ul.upcoming{
margin:0;
padding:0 0 0 0;
list-style:none;
}

ul.upcoming li{
border-bottom:1px dotted #805604;
padding:5px;
}

.date{
color:#835406;
}

/*******************
MOBILE BAR STYLING *
*******************/

ul.mobile_bar{
list-style:none;
}

ul.mobile_bar li{
padding-bottom:15px;
}

ul.mobile_bar li a{
color:#f48b00;
text-decoration:none;
border-bottom:1px dotted;
}

ul.mobile_bar li a:hover{
border-bottom:1px solid;
}

ul.link_banners li a img{
border:1px solid #9b6f26;
}

.cocktail_content a{
color:#f48b00;
text-decoration:none;
border-bottom:1px dotted;
}

.cocktail_content a:hover{
border-bottom:1px solid;
}

/***********************
EQUIPMENT HIRE STYLING *
***********************/

#order{
float:right;
margin:0 10px 0 0;
border:1px solid #9b6f26;
padding:15px;
background:#d9d0b1;
}

#order a{
color:#333;
text-decoration:none;
border-bottom:1px dotted;
}

#order a:hover{
border-bottom:1px solid;
}

#clear{
float:right;
margin:0 20px 0 0;
border:1px solid #9b6f26;
padding:15px;
background:#d9d0b1;
}

#clear a{
color:#333;
text-decoration:none;
border-bottom:1px dotted;
}

#clear a:hover{
border-bottom:1px solid;
}

ul.products{
list-style:none;
}

ul.products li{
min-height:110px;
overflow:visible;
border-bottom:1px dotted #e5e5e5;
width:770px;
padding:0 0 20px 0;
}

#product_img{
float:left;
margin-right:30px;
margin-top:5px;
}

#product_img a img{
border:1px solid #9b6f26;
}

.hire_content{
padding-left:20px;
width:630px;
}

p.hire_back a{
color:#f48b00;
text-decoration:none;
border-bottom:1px dotted;
}

p.hire_back a:hover{
border-bottom:1px solid;
}

ul.equip_hire_index{
list-style:none;
}

ul.equip_hire_index li{
padding:0 0 8px 0;
}

ul.equip_hire_index li a{
text-decoration:none;
color:#f48b00;
border-bottom:1px dotted;
}

ul.equip_hire_index li a:hover{
border-bottom:1px solid;
}

.qty{
padding:5px 0 0 0;
color:#9b6f26;
}

#order_form h2{
padding:10px 0 10px 20px;
}

#order_form .form_content input{
width:350px;
padding:3px;
}

#order_form .form_content textarea{
width:350px;
height:100px;
}

#order_form .submit{
padding:15px 0 0 28px;
}


/*********************
TESTIMONIAL STYLING  *
*********************/

.testimonials{
margin-left:20px;
}

.testimonial{
border-bottom:1px dotted;
width:790px;
padding:2px 0 0 0;
}

.testimonials h3{
font-style:italic;
}

/****************
LINKS STYLING   *
****************/

#cats{
float:right;
margin:60px 60px 0 0;
}

#links p{
padding:0 0 0 20px;
}

#links ul{
margin:0;
list-style:none;
}


ul.link li{
padding:10px 0 15px 0;
border-bottom:1px dotted #e9e9de;
width:740px;
}

#links ul li a{
color:#f48b00;
border-bottom:1px dotted;
text-decoration:none;
}

#links ul li a:hover{
border-bottom:1px solid;
}



/******************
GALLERY STYLING   *
******************/

#gallery ul{
list-style:none;
width:775px;
}

#gallery ul li{
display:inline;
}

#gallery ul li a img{
border:3px solid #e97100;
}

/*****************
CONTACT STYLING  *
*****************/

.contact_content a{
color:#f48b00;
text-decoration:none;
border-bottom:1px dotted;
}

.contact_content a:hover{
border-bottom:1px solid;
}

form{
background:#e9e9de;
width:520px;
padding:20px 15px;
margin-bottom:15px;
border:1px solid #e9e999;
}

form select{
padding:4px;
}

form label{
display:block;
padding:2px;
}

form .field{
display:block;
width:470px;
padding:4px;
}

form textarea{
height:65px;
}

form .submit{
display:block;
padding:20px 25px;
}


/*****************
FOOTER STYLING   *
*****************/

#footer{
border-top:1px dotted #9c2c2b;
background:#ffffff;
height:55px;
margin:0 30px;
}

#footer p{
text-align:right;
color:#888888;
}