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

/*COLOURS = #
Beige (header) - dad1b4 
Light Beige - eee8da
Kharki Green - a0a263 / 65653c (darker for text) / 666633 ?
Bright Orange - ff9933(fd9c33)
Yellowy Orange - dfbc56
Dark Green (text) - 666633 / 5c5b2b
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

img {border:0;}

h1,h2,h3,h4,h5,h6  {font-size:100%;font-weight:normal;}

.underline { text-decoration:underline;}

/* -------------------  GENERAL STYLING -------------------  */
body {font: normal 76%/1.3 Verdana, Arial, Geneva, Helvetica, sans-serif; color: #5c5b2b; text-align:center; background-color:#f3f2ed; }

a { color:#65653c; text-decoration:none;}
a:hover { color:#ff9933;}

/* -------------------  COMMON CLASSES -------------------  */
.right { float: right !important; display: inline;}
.left { float: left !important; display: inline;}
.clear { clear:both;}

/* ------------------- LAYOUT -------------------  */

#wrap {margin:0 auto; text-align:left; overflow:hidden; width: 958px; padding-right: 7px; background: #fff url(/images/shadow.gif) right repeat-y; }

#pageWrap {}

#header { margin:0; padding:0; position: relative; height: 160px; width:958px; border-bottom: solid 1px #fff; background:#a0a263 url(/images/bg_header.jpg) top no-repeat;}
	#header h1 { text-indent:-1000em; margin:0; padding:0px; }/* -  image replace the H1 text */

#logo { }
#logo div { }
#logo div a { display: block; width: 210px; height: 130px; margin:0; padding:0;}
#logo div a * { display: none;}

#phone { position: absolute; right: 103px; bottom: 40px; color: #666633; font-size: 2.0em;}

/* ------------------- MENU -------------------  */
#menu { margin-left: 30px; background-color: #a0a263;}
#menu li { float: left; display: inline; padding-right: 10px; list-style:none; padding-top:4px;}
#menu li a { display: block; padding-left: 7px; color: #fff; font-size: 0.75em; line-height: 30px; text-decoration: none; background-position: left top; background-repeat: no-repeat;}
#menu li a:hover { text-decoration: underline;}

#dropmenudiv{position:absolute;text-align:left;color:#fff;border:1px solid #ccc;border-bottom-width: 0;font:normal 9px Verdana;line-height:13px;z-index:100;}
#dropmenudiv a{width: 100%;display: block;text-align:left;color:#fff;text-indent: 3px;border-bottom: 1px solid #ccc;padding: 1px 0;text-decoration: none;background-color:#a0a263; }/* */
#dropmenudiv a:hover{ background-color: #ff9933;}

.active {font-weight:bold;}
/* ------------------- MENU ENDS -------------------  */

#mainImg { clear:both; padding:0px; margin:0px; border-bottom:1px solid #fff; }

#content { margin:0px; }
	#content img {background: #fff; border:1px solid #bbb; padding: 4px;}


#leftContent {float:left; width:266px; padding-right:1px; background-color:#eee8da; height:100%;
	padding-bottom: 1000em;
	margin-bottom: -999.5em;}
	
	#leftContent h3 {background-color:#dfbc56; height:40px; color:#fff; padding:15px 0px 0px 20px; font-size:1.6em;}
#leftContentMain {padding:10px;}
	#leftContent h4 { padding:10px 0 0 0; font-size:1.0em; font-weight:bold;}	
	#leftContent p { padding:10px 0px; line-height:25px;}
	#leftContent img { margin-left:35px;}
	#leftContent ul, li {margin-left:5px;list-style: none; }
	
#mainContent { float:left; width:691px;line-height:1.8em;}
	#mainContent h2 { background-color:#a0a263; height:40px; color:#666633; padding:10px 0px 5px 20px;font: 2.3em Arial, Helvetica, sans-serif}
	.mainCopy { margin:13px;padding:10px; background-color:#FFFFFF}
	#mainContent h3 { clear:both;padding:15px 0px; font: 1.5em Arial, Helvetica, sans-serif;}
			#mainContent h3 a { text-decoration:none;}	
	#mainContent h4 {clear:both;font: 1.2em Arial, Helvetica, sans-serif; font-weight:bold; padding:8px 0;}
			#mainContent h4 a { text-decoration:none;}
	#mainContent img { margin:7px 0; }
#mainContent h3 img { border:0px; margin:0px; padding:0px;}
	#mainContent ul {}
	#mainContent ul li { list-style: none; line-height: 1.5em;background: url(/images/paw_print.jpg) no-repeat 0 -2px;  padding: 0 0 0 15px; } 
	#mainContent a {text-decoration:underline;}
	
#mainContent td {border-right: 1px solid #eee8da; border-bottom: 1px solid #eee8da;	background: #fff; padding: 6px 6px 6px 12px; }
	
#lftCopy { float:left; width:310px; padding-right:24px; }
#rtGal { float:left; width:310px; margin:10px; height:810px; }

#lftCopySiteMap { float:left; width:310px; padding-right:24px;}
#rtCopySiteMap { float:left; width:310px;  }
	
#footer { clear:both; position: relative; padding-bottom: 50px; background-color:#fff }
	#footermenu { padding-left: 300px; color: #fff;  font-size: 1.08em;  line-height: 40px; background-color:#a0a263}/* padding-left was 250px when we have a trade terms link in there */
	#footermenu a { margin: 0 .5em; color: #fff; text-decoration: none;}
.item { position: relative; padding-top:10px;}

#logos { padding-top: 10px; padding-left: 10px;}
	#logos a, #logos p {float: left; display: inline; margin-right: 15px; margin-bottom: 0; color: #ccc; font: .91em normal "Times New Roman", serif;}
	#logos .atol { margin:0px; padding:0px; border:0;}

/* ---------------  HOMEPAGE ---------------- */
#homeBoxes { width:650px;  }
	#homeBoxes h3 { font-size:1.3em; font-weight:bold; padding:5px 0px;}
	#homeBoxes ul li { list-style:none;}
#box1 {float:left; background-color:#eee8da; width:280px; height:250px; padding:10px; margin:10px;}
#box2 {float:left; background-color:#eee8da; width:280px; height:250px; padding:10px; margin:10px;}
#box3 {float:left; background-color:#eee8da; width:172px; height:auto; padding:10px; margin:10px;}

#whatsHotBox { clear:both; width:600px; background-color:#dfbc56; padding:10px; margin:10px; margin-top:40px; height:230px;}
	#whatsHotBox h4 { font-size:1.2em; text-decoration:underline; font-weight:bold;}
	#whatsHotBox img { float:left; margin-right:10px;}

/*#homeBoxes fieldset { float:left; margin:1em; padding: 1em; border: 1px solid #ccc; background: #fff; width:170px; height:250px; }
#homeBoxes legend { font-weight: bold; }
#homeBoxes label { float: left; width: 14em; padding-top:5px; }
#homeBoxes img { margin-bottom:10px;} */

.hmGal {width:640px; margin:auto; padding:7px; }
	.hmGal img {margin:10px; }

/* ---------------  FACT BOXES ---------------- */

#keyfacts fieldset {clear:both; float:left; margin:1em; padding:1em; padding-left:2em; border: 1px solid #ccc; background: #fff; width:580px; height:auto; }
	#keyfacts legend {margin:0; padding:5px; font-weight:bold; } /* was padding:0 0 5px 0;*/
	#keyfacts ul { float: left; width: 48em; }
	#keyfacts ul li { }
	#keyfacts ul li img {padding-left:6px;  }

#hotelFacts fieldset { float:left; margin:1em; padding: 1em; padding-left:1.2em; border: 1px solid #ccc; background: #fff; width:270px; height:auto; }
	#hotelFacts legend {margin:0; padding:5px; font-weight:bold; }
	#hotelFacts ul  { float: left; width:22em; }
	#hotelFacts ul li {  }
	#hotelFacts ul li img {padding-left:6px;  }

/*----------------- Contact FORM--------------------*/
.contact #styledForm fieldset { margin: 1em 0; padding: 1em; border: 1px solid #ccc; width:550px; }
.contact #styledForm legend { font-weight: bold; }
.contact #styledForm label { float: left; width: 14em;}

#styledForm input { width: 200px; border: 1px solid #ccc; padding: 5px; }
#styledForm textarea { width: 300px; height: 200px; border: 1px solid #ccc; padding: 3px; font-family: inherit; font-size: inherit; }
#styledForm .autoSize { width: auto; border: none; }
#styledForm .required { font-size: 0.85em; color: #760000; font-style: normal; }
#styledForm img { padding-top: 5px; }

/*----------------- EDITOR CMS STYLES --------------------*/
#editorHeader { margin:0; padding:0; position: relative; height: 160px; width:958px; border-bottom: solid 1px #fff; background:#a0a263 url(/images/bg_header.jpg) top no-repeat;}
	#editorHeader h1 { text-indent:-1000em; margin:0; padding:0px; }/* -  image replace the H1 text */

#editorContent { float:left; width:860px;line-height:1.8em; padding:0px; margin:0px;  background-color:#FFFFFF}

#editorLftContent {float:left; width:100px; background-color:#eee8da; padding:0px;height:100%;
	padding-bottom: 1000em;
	margin-bottom: -999.5em;}
	
#editorContent { float:left; }
	#editorContent h2 { background-color:#a0a263; height:40px; color:#666633; padding:10px 0px 5px 20px;font: 2.3em Arial, Helvetica, sans-serif}
	#editorContent h3 { clear:both;padding:15px 0px; font: 1.5em Arial, Helvetica, sans-serif;}

.editorCopy { margin:13px;padding:10px; background-color:#FFFFFF}