@charset "UTF-8";
/* Hartleys styles */

/*
Colours:
Dark-brown (average colour used in wallpaper): rgb(60,36,21)
Mid-brown: rgb(96,56,19)
Caramel (average colour used in wallpaper): rgb(159,130,83)
Beige: rgb(215,181,114) NEW rgb(183,125,49)
Red: rgb(155,14,16)
Purple: rgb(90,22,45)
Green: rgb(66,87,34)

*/

body { font-family:"Lucida Grande",  Arial, Helvetica, sans-serif; font-size:65.5%; background-image:url('/images/bkg_wallpaper.gif'); background-repeat:repeat; margin:0; padding:0; }
body.cookery_teambuilding { background-image:url('/images/bkg_wallpaper_redNEW1.gif'); }
body.cookery_masterclasses { background-image:url('/images/bkg_wallpaper_caramelNEW2.gif'); }
body.corporate_entertainment { background-image:url('/images/bkg_wallpaper_purple.gif'); }

ul { padding:0 0 0 1.5em; margin-left:0; margin:0 0 15px 0; font-size:1em; line-height:1.4em; color:rgb(96,56,19); text-align:justify; }
li {margin:0 0 5px 0;}

p { margin:0 0 10px 0; font-size:1em; line-height:1.4em; color:rgb(96,56,19); text-align:justify; }

#page_home p { margin:0 0 10px 0; font-size:1em; line-height:1.4em; color:rgb(96,56,19); text-align:left; color:white;}

h1 { font-weight:normal; font-size:1.4em; color:rgb(215,181,114); margin:0 0 10px 0; }
h2.buttons { font-weight:normal; font-size:1.2em; line-height:1.4em; color:white; margin: 0 0 0px 0;}
h2 { font-weight:normal; font-size:1.2em; line-height:1.4em; color:white; margin: 0 0 5px 0;}
h4 { font-weight:normal; font-size:1.1em; color:rgb(215,181,114); margin:3px 0 10px 0; }
h5 { font-weight:normal; font-size:1em; line-height:1.4em; color:white; }
img { border:0; }
a { color:rgb(215,181,114); text-decoration:none; outline-style: none; }
a:hover { text-decoration:underline; }
.float_left { float:left; }
.float_right { float:right; }
.clear { clear:both; }
.brown_italic { font-style: oblique; color: rgb(96,56,19);}
.brown { color:rgb(96,56,19); }
.cream { color:rgb(215,181,114); margin:0px 0px 0px 0px; }
.quote { color:rgb(215,181,114); font-size:0.9em; margin: 0 0 10px 0; }
.testimonial {margin:0;}
.white { color: white; margin: 0; }
.bold {font-weight:bold;}
.uppercase {text-transform:uppercase; color:white;}
.line {border-top:1px solid rgb(60,36,21);padding: 0 0 10px 0;}

#container {}

#header {width:770px; padding:0; margin:20px auto 0 auto;}

#logo { position:absolute; top:38px; left:38px; }
#logo_home { position:relative; top:18px; left:38px; }

#tagline {position:relative; top:-50px; left:470px;}

#breadcrumb { position:absolute; top:48px; left:40px; color:rgb(96,56,19);}

#menu_column { width:250px; }
#menu_swoosh { position:absolute; top:90px; left:0; z-index:100;}

#menu { margin:0; padding:0; margin:200px 0 0 38px; width:174px; text-align: left; }
#menu ul { list-style-type:none; padding:0; }
#menu li { display:block; padding:2px 5px 5px 15px; margin: 0 0 5px 0; text-transform: uppercase; color: rgb(215,181,114); border-bottom: rgb(215,181,114) 1px solid; text-align:left; cursor:pointer; }
#menu li .selected {padding:5px 10px 5px 10px; display: block; margin: 0px; color:rgb(215,181,114)}
#menu li a { display:block; width:auto; color: white; outline-style: none;}
#menu li a:hover { text-decoration: none; color:rgb(215,181,114);}

#menu li.menu_header { background-position:bottom center; background-repeat:no-repeat; }
li#menu_chocolate { background-color:rgb(60,36,21);/* background-image:url('/images/bkg_brown-gradient.jpg');*/ }
li#menu_teambuilding { background-color:rgb(155,14,16);/* background-image:url('/images/bkg_red-gradient.jpg'); */}
li#menu_masterclasses { background-color:rgb(183,125,49); /*background-image:url('/images/bkg_caramel-gradient.jpg');*/ }
li#menu_corporate_entertainment { background-color:rgb(90,22,45); /*background-image:url('/images/bkg_green-gradient.jpg');*/ }

#menu ul ul { margin:5px 0 0 0; width:auto; padding-left:15px; display:none; }
#menu ul ul li { margin:0; padding-left:0; border:0; }
#menu ul ul li a { display:block; }
#menu ul li:hover ul , #menu ul li.sfhover ul { display:block; }

.events #menu_chocolate ul { display:block; }
.cookery_teambuilding #menu_teambuilding ul { display:block; }
.cookery_masterclasses #menu_masterclasses ul { display:block; }
.corporate_entertainment #menu_corporate_entertainment ul { display:block; }

#menu_contact { margin-top:40px; /*position:absolute; top:620px; left:0;*/ text-align:center; width:252px; }
#menu_email_link { font-weight:normal; margin:0 0 0 0;}

#contact_centered { clear:both; margin-top:40px; text-align:center;}
#contact_centered h2 { font-size:1.8em; }
#contact_centered a { color:white; }

#main { background-color:white; background-image:url('/images/pic_swoosh-whitebkg.jpg'); background-repeat:no-repeat; background-position:0 47px; width:600px; padding:0 0 0 0; position:absolute; left:252px; top:0; z-index:20;}
#page_home #main { background-color:transparent; position:static; width:770px; padding:0; margin:20px auto 0 auto; }

#text {	margin:132px 40px 20px 40px;}

.heading { margin:0 0 25px 0; }
.beige_box_plain .heading { margin:0 0 15px 0; }


#pictures { margin:20px 0 20px 0;}
#pictures img.left_image { margin-right:20px; }
#pictures img.right_image { margin-left:0; }
#big_picture { margin:0 0 20px 0;}

.hen_parties { margin:0 13px 20px 0; width:160px; float:left; }
.stag_parties { margin:0 13px 20px 0; width:160px; float:left;}
.other_parties { margin:0 0px 20px 0; width:160px; float:left; }
.parties_image {display:block; width:160px;}
.parties_text {display:block; background-color:rgb(66,87,34); padding:10px; width:140px;}


#homepage_boxes { margin:0px; padding:10px; background-color:white; }
#homepage_boxes h2 {font-weight:normal; font-size:1.2em; line-height:1.4em; color:white; margin: 40px 0 10px 0;}
#homepage_boxes h3 { color:white; margin:15px 0 5px 0; font-size:1em; line-height:1.4em; text-transform:uppercase; font-weight:normal; }
#homepage_boxes a { color:white; text-decoration:none; }
#homepage_boxes a:hover { text-decoration:none; }
#homepage_boxes .box { padding:10px; margin:0 10px 0px 0; float:left; width:160px; background-repeat:no-repeat; background-position:10px 10px; }
.brown_box { background-color:rgb(60,36,21); background-image:url('images/bkg_home_hartleys_brown.gif'); }
.red_box { background-color:rgb(155,14,16); background-image:url('images/bkg_home_hartleys_red.gif'); }
.beige_box { background-color:rgb(183,125,49); background-image:url('images/bkg_home_hartleys_beige.gif'); }
.green_box { background-color:rgb(66,87,34); background-image:url('images/bkg_home_hartleys_green.gif'); }
#homepage_boxes .box.green_box { margin:0; }
.purple_box { background-color:rgb(90,22,45); background-image:url('images/bkg_home_hartleys_purple.gif'); }
#homepage_boxes .box.purple_box { margin:0; }

a.enter_box { margin:10px 0 0px 0; padding:6px 12px 6px 12px; width:76px; }
a.enter_box:hover { text-decoration:underline; }
/*.enter_box p { text-transform:uppercase; color:white; margin:0px; font-size:0.9em;}
.enter_box a { color:white; text-decoration:none; }
.enter_box a:hover { text-decoration:none; }*/

#enter_box_brown { background-color:rgb(60,36,21); }
#enter_box_red { background-color:rgb(155,14,16); }
#enter_box_beige { background-color:rgb(183,125,49); }
#enter_box_purple { background-color:rgb(90,22,45); }
#enter_box_green { background-color:rgb(66,87,34); }

/*#page_the_restaurant .enter_box_red , #page_canape_making .enter_box_red { margin:10px 0 0px 0; padding:4px; background-color:rgb(155,14,16); text-transform:uppercase; color:white; width:55px; font-size:0.5em;}*/

.brown_box_testimonials { background-color:rgb(96,56,19); padding:15px; margin:0 60px 20px 60px; }
#page_testimonials .brown_box_testimonials { background-color:rgb(96,56,19); padding:15px; margin:0 0px 20px 0px; }

.brown_box_contact { background-color:rgb(96,56,19); padding:15px; margin:40px 0 20px 0; }
.brown_box_contact p { color:white; }

#lower_boxes { margin-top:20px; }

.beige_box_plain { background-color:rgb(215,181,114); padding:15px; width:215px; height:160px; }
.beige_box_plain a { color:rgb(96,56,19); text-decoration:none; }
.beige_box_plain a:hover { text-decoration:underline; }

#news_box { margin:0 27px 20px 0; float:left; }
#news_box p { text-align:left;}

#testimonials_box {background-color:rgb(215,181,114); padding:15px; margin:0 0px 20px 0px; float:left; width:215px; height:160px;}

/*.brown_box_news {background-color:rgb(96,56,19); padding:15px; margin:0 60px 20px 60px; }

.brown_box_testimonials {background-color:rgb(96,56,19); padding:15px; margin:0 60px 20px 60px; }*/

.news_headline {border-bottom:1px solid rgb(96,56,19);}
.news_headline p { margin:7px 0 0 40px; color:rgb(96,56,19); line-height:1.2em;}
.news_headline_pic { float:left; }
.box_link { margin:10px 0 0 0; }

.gallery_image { float:left; margin:0 12px 50px 0; width:165px; height:124px; }
.gallery_image img {border:0;}
.gallery_image .caption { font-size:0.9em; margin:8px 0 0 0; text-align:left; color:rgb(96,56,19); font-weight:normal;}

.gallery_image_last { float:left; margin:0 0px 50px 0; width:165px; height:124px; }
.gallery_image_last img {border:0;}
.gallery_image_last .caption { font-size:0.9em; margin:8px 0 0 0; text-align:left; color:rgb(96,56,19); font-weight:normal;}

.news-article_last { margin-bottom:0px; padding: 15px 0 0px 0;}
.news_thumbnail {float:right; padding:5px 0 5px 5px; width:120px; margin: 0 0 0 15px; }
.news_thumbnail img {margin-bottom:10px; display: block; }

.news_date {float:right; margin:0px 0 0 0; font-size:0.9em;}

#team_table {margin: 20px 0px 20px 0px;}
td.table_pic { margin:20px 0px 10px 0px;} 
.table_text { font-size:1em; line-height:1.4em; color:rgb(96,56,19); font-weight: bold; padding-top: 15px; }

table.venues {padding:0 0 0 0; margin:40px 0 0 0; border-collapse:collapse; width:auto;}
table.venues td.column_1 {padding: 0 0 0 0px; }
table.venues td.column_2 {padding: 0 0 0 7px; }
table.venues td.column_3 {padding: 0 0 0 7px; }
table.venues td.column_4 {padding: 0 0 0 7px; }

#events_boxes { margin:0px 0 20px 0px; }
.event_box { float:left; width:157px; border:1px solid rgb(215,181,114); margin:0 20px 20px 0; }
.event_box_1 { float:left; width:157px; border:1px solid rgb(215,181,114); margin:0 0px 20px 0; }
.event_box h4 {padding:0px; margin: 0 0 10px 10px; color:rgb(60,36,21); font-size:11px;}
.event_box_1 h4 {padding:0px; margin: 0 0 10px 10px; color:rgb(60,36,21); font-size:11px;}
.event_image {padding:10px;}

.details {float:right; background-color:rgb(215,181,114); padding:15px; width:140px; height:225px; /*margin:85px 0 0 0;*/ margin:0; }
.details p {text-align:left;}

.book_online {float:right; background-color:rgb(215,181,114); padding:15px; width:140px; height:192px; margin:0px 0 0 0;}
.book_online p {text-align:left;}

#button {margin: 0 0 20px 0;}

.tab_top { text-transform:uppercase; color:white; padding:8px 0 8px 15px; position:absolute; top:0px; left:40px;}
#purple_bar { background-color:rgb(90,22,45);}
#purple_bar_2 { background-color:rgb(90,22,45); position:absolute; top:0px;}
#red_bar { background-color:rgb(155,14,16);}
#red_bar_2 { background-color:rgb(155,14,16); position:absolute; top:0px;}
#brown_bar { background-color:rgb(96,56,19);}
#brown_bar_2 { background-color:rgb(96,56,19); position:absolute; top:0px;}
#beige_bar { background-color:rgb(215,181,114);}
#beige_bar_2 { background-color:rgb(215,181,114); position:absolute; top:0px;}
#green_bar { background-color:rgb(66,87,34);}
#green_bar_2 { background-color:rgb(66,87,34);position:absolute; top:0px;}

/* Booking form */

#booking_form td { vertical-align:middle; color:rgb(96,56,19);}
#booking_form .gap { padding-top:20px; }

.client_logo {float:left; margin: 10px 13px; width:142px; height:60px; }
/*.client_logo_last {float:left; margin:0 0px 25px 0; width:142px; height:60px; }*/
#testimonial_logos {margin:30px 0 0px 0;}



/* Footer */

#footer { padding-right: 0px; border-top: rgb(215,181,114) 1px solid; padding-left: 0px; float:none; padding-bottom:15px; margin:0 40px 0px 40px; padding-top: 10px; }
#footer p { font-size: 0.9em; margin: 0px; }
p#footer_copyright { margin: 5px 0px 0px 0px; }
#footer a { color:rgb(215,181,114); text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#page_home #footer { display:none; }