/*
                                   .MMM
                                   .MMM
                                   .MMM
                                   .MMM
  ,MMMMMMMM .  MMMMMMMMM    MMMMMMMMMMM
 MMMMMMMMMMMM.MMMMMMMMMMM.MMMMMMMMMMMMM
MMMM    .8MMMMMMM    .MMMMMMM?    .MMMM
MMM      .MMMMMM      .MMMMMM.     ~MMM
MMM.      MMMMMM.      MMMMMM.    .7MMM.
MMMM.   .MMMMMMMM    .MMMMMMMM.  .+MMMM.
MMMMMMMMMMMMO.MMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMM.. .+MMMMMM MMM. MMMMMMMM.
MMM
MMM
MMM               Pad Creative - design
MMM               www.padcreative.co.uk

*/

@import url('reset.css');

* { margin:0; padding:0; } 

body { color: #4f5159; font-size:62.5%; font-family: Arial, SunSans-Regular, sans-serif; line-height:150%; background-color: transparent; background-image: url(../images/bg.jpg); background-attachment: fixed; background-repeat: repeat; background-position: 0 0; text-align:center; } 

h1 { font-size: 2.1em; line-height: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 15px; } 
h2 { font-family: Georgia; font-size: 2.5em; color: #f05a28; font-weight: normal; margin-bottom: 5px;  }
h2.two_lines { line-height: 1.3em; padding-bottom: 10px; }
h3 { font-size: 1.5em; padding-bottom: 10px; } 
h4 { font-family: Georgia; font-size: 2em; color: #f05a28; font-weight: normal; margin-bottom: 10px; line-height: 1.2em;  }
h4.grey { color: #4f5159; padding-bottom: 10px;  } 
h5 { font-family: Georgia; font-size: 1.5em; color: #f05a28; font-weight: bold; } 
h6 { font-family: Arial; font-size: 1.8em; line-height:normal; color: #f05a28; font-weight: bold; } 

p, li { font-size: 1.4em; } 
p { margin-bottom: 20px; }
p.intro { font-size: 1.8em; } 
a:link, a:visited, a:active { color: #4f5159; text-decoration: underline; } 
a:hover { color: #f05a28;; text-decoration: none; } 
strong { font-weight: bold; }


/* 
	 Background and containers 
 	 --------------------------------------------------------------------
*/

div#outer_container { margin: 0px auto 0px; width: 982px; background-image:  url(../images/inner_bg.png); background-repeat: repeat-y; padding: 0 24px; }
div#container { background-color: #fef9ee; text-align: left; width: 982px; } 
div#pageholder { background-color: transparent; width: 100%; display: block; } 

/* 
	 Buttons - master styles 
 	 --------------------------------------------------------------------
*/

div.buttons { clear: both; }
div.buttons ul li { float: left; margin-right: 15px; font-size: 1em; }
div.buttons input.button { width: 60px; padding: 4px 0 5px; border: solid 1px #f47a49; border-color: #f47a49 #c6471f #c6471f #f47a49;  background-color: #f3703c; text-align: center; font-size: 1.1em; line-height: 1em; color: #fff; text-decoration: none; display: block; }
div.buttons input.button:hover { background-color: #f05a28; }


/* 
	 Forms - master styles 
 	 --------------------------------------------------------------------
*/
div.forms { clear: both; float: left; overflow: hidden;  margin-bottom: 45px; }

div.forms fieldset { float: left; clear: both; }

div.forms legend { background:#F2673A; color:#fff; font-size: 1.3em; font-weight:bold; padding: 3px 5px; margin-bottom: 15px; float: left; clear: both; }

div.forms dl { float: left; clear: both;  }
div.forms dt { clear: both; text-align: left; margin: 0 0 2px 0; float: left; overflow: hidden; }
div.forms dd { clear: both; margin: 0 0 8px 0; float: left; } 
div.forms div.form_element { margin-bottom: 8px; }

div.forms label { font-size:1.2em; font-weight:bold; color: #f05a28; }
	div.forms label span.detail { font-size: 0.85em; color: #f05a28; font-weight: normal; }
	
div.forms input.text_field { width: 300px; height: 18px; background-color: #fff; padding: 0 2px; }
div.forms select { width: 300px; }


div.forms textarea.query { width: 300px; padding: 2px; background-color: #fff; overflow: auto; }

div.forms input,
div.forms textarea,
div.forms select { font:12px/15px Arial, Helvetica, sans-serif; color: #f05a28; font-weight: bold; }



/* 
	 Header 
 	 --------------------------------------------------------------------
*/

div#header { clear: both; background-image: url(../images/orning.jpg); background-repeat: no-repeat; background-position: right top; width: 982px /* Site width in here */; height: 202px /* Header height in here */; margin-bottom: 0px; }
div#header div#header_contents { clear: both; width: 982px; height: 234px; } 
div#header div#logo { float: left; padding-left: 30px; padding-top: 60px; width: 258px;  }
 
div#header div#orning { float: left; padding: 136px 0 0 223px; width: 440px; }
div#header div#orning ul { float: left; }
div#header div#orning ul li { float: left; margin-right: 10px; font-size: 1.7em; color: black; font-family: Georgia; display: inline; }
div#header div#orning ul li a { color: black; text-decoration: none; }
div#header div#orning ul li a:hover { color: #fe9f78; text-decoration: none; }

div#top_menu { clear: both; float: left; width: 942px; padding-left: 40px; padding-bottom: 30px; }
div#top_menu ul { float:left; clear: both; } 
div#top_menu ul li { float: left; font-size: 1.6em; line-height: 1em; background-image: url(../images/nav_divider.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 12px; margin-right: 11px; } 
div#top_menu ul li a { color: #808080; text-decoration: none; font-family: Georgia; padding-bottom: 15px; background-image: none;} 
div#top_menu ul li a:hover { color: #f05a28; text-decoration: none; } 
div#top_menu ul li#end { background-image: none; padding-right: 0px; } 
div#top_menu ul li a.current { background-image: url(../images/fork.jpg); background-repeat: no-repeat; background-position: center bottom; color: #f05a28; }

 



/* 
	 Left Column 
 	 --------------------------------------------------------------------
*/

div#left { width: 248px; /* width of the left column content area */ overflow: hidden; float: left; padding-top: 20px; padding-left: 40px; padding-right: 30px; /* Width of the gutter between the left and main columns */ padding-bottom: 30px; } 
div#left div#leftmenu { margin-bottom: 30px; } 
div#left div#leftmenu ul {  } 
div#left div#leftmenu li { font-size: 1.5em; margin-bottom: 20px; } 
div#left div#leftmenu li a { color: #123456; font: Georgia; font-size: 1.6em; text-decoration: none; display: block; } 
div#left div#leftmenu ul li a:hover { color: #f05a28; } 
div#left div#leftmenu ul li a.current { color: #f05a28; } /* apply this class to the <li> menu item of the current page */
div#left div#intro p {color: #4f5159; font-family: Arial; font-size: 1.4em; line-height: 150%;}
div#cater_for h2 {font-family: Georgia; font-size: 2.5em; color: #f05a28; font-weight: normal; margin-bottom: 10px; line-height: normal; }
div#cater_for ul { margin: 0px; }
div#cater_for ul li {font-family: Georgia; font-size: 1.7em; color: #4f5159; font-weight: normal; line-height: 200%; }
div#left div.dotted {width: 254px; height: 2px; margin: 20px 0 30px -10px; }
div#left div#register {margin-bottom: 20px; margin-top: 30px; padding-top: 15px; background-image: url(../images/register_box.jpg); padding-left: 17px; width: 224px; height: 153px; background-repeat: no-repeat; }
div#left div#register h3 { color: #fff; text-transform: uppercase; line-height: 125%; }
div#left div#register h3 span.line_2 { font-family: Georgia; font-weight: bold; font-size: 1.25em;  }
div#left div#register div.forms input.text_field { width: 196px; }
div#left div#register div.register_message { float: left; padding-bottom: 20px; }
div#left div#social_media { margin-bottom: 30px; }
div#left div#social_media ul { float: left; clear: both; }
div#left div#social_media ul li { float: left; margin-right: 5px; font-size: 0.8em; }
div#left div#social_media ul li a { text-decoration: none; }
div#left div#social_media ul li a:hover { color: #f05a28; }
div#left div#social_media ul li.links { width: 140px; }
div#left div#social_media p { margin-top: 8px;  }
div#left div#social_media p span.click_smaller { font-size: 0.9em; }

/* 
	 Main Column 
 	 --------------------------------------------------------------------
*/
div#main { width: 602px; /* width of the main column content area */ float: left; padding-right: 30px; /* Width of the gutter between the main column and the right-hand-side of the site - not strictly necessary */  padding-bottom: 30px; } 
div#main.menu_main div#menu_content { width: 492px; padding-top: 135px; padding-left: 65px; margin-right: 65px;  }
div#main.menu_main { width: 602px; height: 810px; background-image: url(../images/menu_board.jpg); background-repeat: no-repeat; float: left;}
div#main.menu_main div#menu_content p { font-family: arial; font-size: 1.8em; color: #fff; font-weight: normal; line-height: 120%;  }
div#main.menu_main div#menu_content p.menu_intro { font-size: 1.8em; font-family: Georgia; color: #f05a28;  }
div#main.menu_main div#menu_content ul { float: left; width: 200px; font-family: arial; font-size: 1.2em; color: #fff; font-weight: normal; }
div#main.menu_main div#menu_content ul li { line-height: 100%; padding-bottom: 10px; }
div#main.menu_main div#menu_content ul li.menu_asterisk { font-size: 1.1em; color: #fff; }
div#main.menu_main div#menu_content ul li.specials { font-family: georgia; color: #f05a28; font-size: 1.4em; }
div#main.menu_main div#menu_content ul.menu1 { float: left; margin-right: 55px; }
div#main.menu_main div#menu_content ul.menu2 {}

div#main div#rotating_img { clear: both; margin-bottom: 20px; height: 378px; }
div#main div#rotating_img.hide { display: none; }

div#main div#main_content div#rotating_img { clear: both; margin-top: 30px; margin-bottom: 20px; height: 378px; }
div#main div#main_content div#rotating_img.hide { display: none; }

div#main p, div#main li { line-height: 1.4em; } 
div#main p.intro { /* Any styles specific to <p class="intro"> */ } 
div#main div#main_contact { float: left; clear: both; margin-bottom: 20px; }
div#main div#main_contact ul { float: left; }
div#main div#main_contact ul li {float: left; font-family: Georgia; line-height: 1em; color: #f05a28; font-size: 2.3em; padding: 7px 0; }
div#main div#main_contact ul li a { color: #f05a28; text-decoration: none;  }
div#main div#main_contact ul li a:hover { color: #fe9f78; text-decoration: none;  }
div#main div#main_contact ul li.tel { padding-right: 30px; margin-right: 20px; background-image: url(../images/ketchup.jpg); background-repeat: no-repeat; background-position: top right; }


div#main_content { clear: both; }
div#main_content div.message { border: solid; border-color: #f05a28; padding: 8px; margin-bottom: 30px; }
div#main_content img.square_left { float: left; padding-right: 20px; }
div#main_content img.square_right { float: left; }
div#main_content p.intro { line-height: normal; }
div#main_content h2 span.italic { font-style: italic; }
div#main_content table.locations_table { margin-bottom: 20px; }
div#main_content table.locations_table td.left { font-size: 1.4em; font-weight: bold; padding-right: 20px; padding-bottom: 10px; }
div#main_content table.locations_table td.right { font-size: 1.4em; font-weight: normal; padding-bottom: 10px;}

div#main_content ul.event_list { float: left; width: 200px; padding-right: 35px;  }
div#main_content ul.event_list2 { float: left; width: 300px;  }
div#main_content ul li { margin-bottom: 10px; }
div#main_content ul li.bold { font-weight: bold;  color: #f05a28; }
div#main_content ul li.asterisk { list-style-type: none; font-size: 1.1em; margin-bottom: 30px;}
div#main div#testimonial { clear: both; width: 500px; }
div#main div#testimonial h2 { font-family: Georgia; font-size: 2.5em; color: #f05a28; font-weight: normal; margin-bottom: 20px;  }
div#main div#testimonial p { font-family: Georgia; font-size: 1.7em; color: #4f5159; font-weight: normal; line-height: 140%; }
div#main div#testimonial span.testim_orange { color: #f05a28; }
div#main div#testimonial p.testim_name { font-family: Arial; font-size: 1.7em; color: #4f5159; font-weight: bolder; padding-bottom: 45px;  }
div#main div.map { width: 280px; padding-top: 10px; padding-bottom: 30px; }


/* For gallery */
div#main div#gallery { float: left; margin-top: 20px; margin-bottom: 20px;  }
div#main div#gallery ul { width: 602px; overflow: hidden; } 
div#main div#gallery ul li { float: left; width: 194px; list-style-type: none; margin-bottom: 8px; margin-right: 10px; }
div#main div#gallery ul li a { text-decoration: none; }
div#main div#gallery ul li.right { margin-right: 0px; }
div#main div#gallery ul li img { height: 133px; }
div#main div#gallery ul li p { margin-bottom: 0px; font-size: 1.1em; }
div#main div#gallery h2.gallery { margin-bottom: 25px; }
div#main div#gallery ul li.portrait { float: left; width: 143px; list-style-type: none; margin-bottom: 8px; margin-right: 10px; }
div#main div#gallery ul li.portraitright { float: left; width: 143px; list-style-type: none; margin-bottom: 8px; margin-right: 0px; }
div#main div#gallery ul li.portrait img { height: 194px; }
div#main div#gallery ul li.portraitright img { height: 194px; }

/* For bullet points */
div#main ul.bullets { margin-left: 15px; margin-bottom: 20px; } 
div#main ul.bullets li { margin-bottom: 10px; list-style-type: disc; } 
div#main_content ol li {color: #4f5159; font-family: Arial; font-size: 1.4em; margin-left: 15px; margin-bottom: 10px; list-style-type: disc; width: 602px; line-height: 140%;}
div#main ul.bullets li.asterisk { list-style-type: none; font-size: 1.1em; margin-bottom: 30px;}
div#main ul.no_bullets { margin-bottom: 20px; }

/* For images */
div#main img.fullwidth { margin-bottom: 20px; } 
div#main img.rightpic { float: right; clear: both; margin-top: 3px; margin-bottom: 20px; margin-left: 15px; } 
div#main img.leftpic { float: left; clear: both; margin-top: 3px; margin-bottom: 20px; margin-right: 15px; }
div#main img.event_img { margin-bottom: 20px; margin-top: 20px; }


/* 
	 Right Column 
 	 --------------------------------------------------------------------
*/


/* 
	 Footer 
 	 --------------------------------------------------------------------
*/
div#footer { padding: 10px 0 40px 0px; margin: 0 30px 0 30px; /* Padding is set as Top, Right, Bottom, Left */ width: 922px/* Site width in here */; clear: both; border-top: solid 1px #bbb; }
div#footer p { font-size: 1em; margin-bottom: 10px; padding-top: 3px; color: #b2b2b0; }
div#footer ul { float:left; margin-bottom: 0px; }
div#footer ul a { text-decoration: none; color: #4f5159; }
div#footer ul a:hover { text-decoration: none; color: #f05a28; }  
div#footer ul li { float: left; color: #4f5159; font-size: 1.2em; line-height: 1em; background-image: url(../images/nav_divider.gif); background-repeat: no-repeat; background-position: right 0px; padding-right: 18px; margin-right: 17px; }
div#footer ul li#footer_end { background-image: none; padding-right: 0px; } 


/* 
	 Misc 
 	 --------------------------------------------------------------------
*/
div.clear { clear: both; } 
li.clear { clear: both; }




/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev { 
left: 0; 
float: left;
}
#lightbox-nav-btnNext { 
right: 0; 
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px; 
color: #666; 
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%; 
float: left;
text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
width: 66px; 
float: right;
padding-bottom: 0.7em;	
}