@charset "UTF-8";
/* CSS Document */

/* TOC
0  - Global Colour guide
1: - Global Styles & structure 
2: - Global Typography
3: - menu and logo
4: - index
5: - about styles
6: - gallery styles
7: - contact styles
8: - Footer
*/


/* 0 :-------- Global Colour guide ------------
	
	Header text: #a78c6c (gold)
	paragraph text: #515151 (grey)
	footer text: #414141 (dark grey)
	links (body): #fff (white)
	
*/ 


/* 1: ---------- Global Styles & Structure---------------  */
#logos{text-align:center; position: relative; float: left; width: 100%; height: 100px;}
strong {font-weight: bold;}
*{margin: 0; padding: 0; border: 0; font-weight: normal; } 	
body{margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: url("images/bg_30.jpg") repeat-x;}
 

#all-box {position: relative; height: 1387px; width: 998px; text-alight:center;  margin: 0 auto; }

#row_1 { position: relative; float: left; width: 100%; height: 192px; }
#right_main_menu{position: relative; float: left; width: 379px; height: 192px; background: url(images/right_main_menu_bg.jpg);}
#logo{position: relative; float: left; width: 291px; height: 192px; background: url("images/logo.jpg");}
#left_main_menu{position: relative; float: left; width: 328px; height: 192px; background: url("images/left_main_menu_bg.jpg");}


/* 4: ------------------ index------------------------  */

#row_2 { position: relative; float: left; width: 100%; height: 434px;}
#intro{ position: relative; float: left; width: 284px; height: 434px; background: url("images/intro2.jpg");}
#learnmore{position: relative; float: left; width: 284px; height: 64px;  margin-top: 320px; }

#flash{ position: relative; float: left; width: 714px; height: 434px; }

#row_3 {position: relative; float: left; width: 100%; height: 515px; background-image: url("images/right_side_bg.png"); margin-top: 30px;}
body#index #col_1{ position: relative; float: left; width: 565px; height: 434px; margin-right:55px; margin-left:10px;}
#carry_out{ position: relative; float: left; width: 255px; height: 140px; margin-right:45px;}
#blog{ position: relative; float: left; width: 255px; height: 140px; }
#history{ position: relative; float: left; width: 565px; height: 220px; background: url("images/history.jpg") no-repeat;}
#history h1{ text-align:center; margin-top: 15px;}
#history p{ margin-right: 20px; margin-left: 20px; margin-top: 20px; font-size: 14px; line-height: 25px;}

body#index #col_2{ position: relative; float: left; width: 317px; height: 434px; }

#footer { position: relative; float: left; width: 100%; height: 200px;  }


/* 2: ---------- Global Typography----------------------  */

h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color: #3d3c30; margin-bottom: 7px; text-align:left;}
h2 {font-family: Tahoma, Geneva, sans-serif; font-size: 15px; color: #3d3c30; margin-bottom: 7px; text-align:left; margin-bottom: 10px; line-height: 25px;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #3d3c30; margin-bottom: 7px; text-align:left; line-height:30px;  margin-bottom: 20px; margin-left:5px; font-style:italic;}
P  {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; line-height: 20px; color: #3d3c30; margin-bottom: 15px; text-align:left;}


/* 3: ------------------ menu ------------------------  */

#hours {position:relative; float: left; width: 200px;  height: 200px;}
#twitter{position:relative; float: left; width: 90px;  height: 200px; margin-left: 20px;}

#nav-boxleft{
	width: 328px;
	position: absolute;
	
	
	height: 20px;
	margin-top: 85px;
}

#nav-boxleft ul{list-style-type: none; height: 50px; margin: 0; padding: 0; float: left; /*contain floated list items */}
#nav-boxleft li {margin: 0px; padding: 0px; float: left; width: 100%; width: 100px;}
#nav-boxleft a {display: block; color: #CCC; text-decoration:none;  line-height: 3; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
text-transform: uppercase; font-size: 14px; text-align: left; letter-spacing: 1.5px;}
#nav-boxleft a:link, #nav-box a:visited{color: #ccc;}
#nav-boxleft a:hover{color: #999;}
#nav-boxleft a.active  {color: #999; }



#nav-box-right{
	width: 328px;
	position: absolute;
	
	
	height: 20px;
	margin-top: 85px;
}

#nav-box-right ul{list-style-type: none; height: 50px; margin: 0; padding: 0; float: left; /*contain floated list items */}
#nav-box-right li {margin: 0px; padding: 0px; float: left; width: 100%; width: 100px;}
#nav-box-right a {display: block; color: #CCC; text-decoration:none;  line-height: 3; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
text-transform: uppercase; font-size: 14px; text-align: right; letter-spacing: 1.5px;}
#nav-box-right a:link, #nav-box a:visited{color: #ccc;}
#nav-box-right a:hover{color: #999;}
#nav-box-right a.active  {color: #999; }

/* 4: ------------------ side menu ------------------------  */

#nav { margin: 0px; padding: 0px; list-style-type: none; width: 234px; float: left; margin-left: 0px; margin-top: 15px; }
#nav li{ margin: 0; padding:0; float: left; width: 100%;}
#nav a { display: block; text-decoration: none; padding: 0 15px; line-height: 2.1; color:#ccc; font-size: 14px; letter-spacing: 1px; text-align:center;}
#nav a:hover { color: #a78c6c;}
#nav li.current a { color: #a78c6c;}






/* 4: ------------------ secondary pages ------------------------  */

#col_11 {position: relative; float: left; width: 234px; height: 806px; background:url(images/secondary_pages_col_1.jpg) no-repeat;}
#col_22 {position: relative; float: left; width: 761px; height: 806px; background: url(images/secondary_col_2_bg.jpg)}
#right_main_menu_secondary{position: relative; float: left; width: 379px; height: 192px; background: url(images/right_menu_bg_secondary_pages.jpg);}
#content{position: relative; float: left; width: 596px; height: 750px;  margin-top: 40px; margin-left: 65px; margin-right:100px;}
#intro-text{position: relative; float: left; width: 596px; height: 51px; }
#main{position: relative; float: left; width: 596px; height: 700px; }
#mainimg{position: relative; float: left; width: 320px; height: 250px; }
#quote{position: relative; float: left; width: 276px; height: 250px; }
 #form {  postion: relative; float: left; width: 254px; height: 380px;  margin-right: 50px;}
 #map { postion: relative; float: left; width: 270px; height: 380px;}


/*----------------------form-------------------------------------*/

#entryForm input.s365 {
width:365px;
}
master.c...=20100305 (line 1372)
#entryForm input.text {
background:#FFECBB none repeat scroll 0 0;
border:1px solid #9C7839;
font-family:Georgia,Times,'Times New Roman',serif;
font-size:14px;
padding:3px 4px 5px;
width:300px;
}
#entryForm input.s365 {
width:365px;
}
master.c...=20100305 (line 1372)
#entryForm input.text {
background:#FFECBB none repeat scroll 0 0;
border:1px solid #9C7839;
font-family:Georgia,Times,'Times New Roman',serif;
font-size:14px;
padding:3px 4px 5px;
width:300px;
}

/*----------------------CONTACT FORM---------------------------------*/

div#contact{ 
width: 210px; 
} 

div#contact label, div#contact input, div#contact textarea{ 
display: block; 
width: 100%; 
} 

div#contact input, div#contact textarea{ 
background: #F5F4ED;  
border: 1px solid #AEADAA; 
} 

div#contact textarea{ height: 150px; }

div#contact input{ line-height: 20px; }

div#contact label{ color: #515151; font-size: 12px; margin: 3px 0 3px 0;}
div#contact .submit{ width: 85px; color: #53452e; margin-top: 15px; }

ul.list {  color: #8fa0a1; font-size: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 33px; text-align:center; list-style: none;
}

ul.list a {display: block; color: #8fa0a1; text-decoration:none;}