/*
*************************************************

DUKES WALK - BEACH HUT RESORTS
General Screen Styles

http://www.beachhutresorts.com/

*************************************************
*/


/*-------------------------------------------    
    General Selectors
-------------------------------------------*/

html 				{ padding: 0;margin: 0;}
body 				{ font-size: 13px;line-height: 18px;font-family:Arial, Helvetica, sans-serif;padding: 0;margin: 0;color:#6a6a6a; background:#f5e6cd url(../images/bg.jpg) no-repeat top center; }

h1, h2, h3, h4, h5 	{ margin:0; padding:0; padding-bottom:10px; color:#333; font-weight:normal; font-size:14px; }

a					{ text-decoration:none;  color:#06407c; font-weight:bold; cursor:pointer; }
a:hover				{ text-decoration:underline; }

hr 					{ float:left;clear:both; color: #ddd; background-color: #ddd; height: 1px;border: 0;  width: 100%; margin:18px 0; }

p 					{ margin:0; padding:0; padding-bottom:10px; }

.clear				{ clear:both; }

/*-------------------------------------------    
    Template
-------------------------------------------*/

#all 				{ width:962px;margin:0 auto;  }

#header				{ margin:0 auto; width:962px; height:204px;   }

#header #logo		{ float:left; width:215px; height:168px; background: url(../images/logo.png) no-repeat top; display:block; }
#header #tagline	{ float:left; font-size:14px; font-style:italic; color:#0c447f; padding-top:8px; margin-left:72px; }
#header #callus		{ float:right;   background:#6b3e08 url(../images/contactbg.jpg); font-size:17px; color:#fff; padding:40px 14px 14px 14px;    }

#menu				{ clear:both;float:left; border-top:4px #894c1a solid; background:#104f91 url(../images/menubg.gif) repeat-x top; width: 962px; font-size:14px; }
#menu ul 			{ float:left; width:962px;  margin:0; padding:0; }
#menu li 			{ list-style-type: none;float: left;  }
#menu li a 			{ display:block; color:#fff;padding:11px 23px 12px 24px; background:url(../images/menu-divider.gif) repeat-y top right; }
#menu li a.noborder { background:none; }
#menu li a.noborder:hover { background:#1662b2; }
#menu li a:hover 	{ background:#1662b2 url(../images/menu-divider.gif) repeat-y top right;text-decoration:none; }
#menu li a.active { background:#fff; color:#06407c; }

#genPanel			{ float:left; position:relative; background:#fff; width:934px; padding:14px; padding-bottom:24px; }
#genPanel h1 { font-size:24px; border-bottom:1px #ccc dotted; padding:10px 0 14px 0; margin-bottom:16px; color:#06407c; }
#genPanel #header_img {list-style: none;padding: 0;margin: 0; }
#genPanel #header_img li {list-style: none;}

#genPanel .btn-makebooking	{ float:right; display:block; position:absolute; top:14px; right:14px; background:url(../images/btn-makebooking.jpg) no-repeat; width:137px; height:33px;  }

/*-------------------------------------------    
    Homepage
-------------------------------------------*/
#h-flash			{ float:left; width:626px; height:344px; margin-bottom:16px;  }

#h-bookonline			{ float:right; width:293px; background:#eeeae2;   }
#h-bookonline h3		{ float:left; background:url(../images/h-bookonline-bg.jpg) no-repeat; width:293px;  color:#fff; font-size:16px; padding:10px 12px;   }
#h-bookonline .bookform { float:left; padding:16px; width:260px; color:#87734b; }

#h-bookonline .bookform input, #h-bookonline .bookform select { border:1px solid #87734b; padding:4px 6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; }
#h-bookonline .bookform select { padding:4px; }
 .bookform .pull { font-size:15px; padding-bottom:18px; line-height:1.4; }
 .bookform .pull strong { color:#000; }
#h-bookonline .bookform .formline1 { float:left; padding-bottom:16px;}
#h-bookonline .bookform .formline1 label { float:left; width:84px; padding-top:4px; }
#h-bookonline .bookform .formline1 img { float:left;  padding-left:4px; }
#h-bookonline .bookform .formline1 input { float:left;  }


#h-bookonline .bookform .submit-btn 			{ float:right;  width:120px;  cursor:pointer; border:outset 1px #7f4804; background:#965403 url(../images/inputbtn-bg.gif) repeat-x left top; color:#fff; font-weight:bold; font-size:14px; padding: 6px; margin-bottom:0;  font-family:Arial, Helvetica, sans-serif; text-align:center;}
#h-bookonline .bookform .submit-btn:hover 		{ background:#965403; color:#fff;}

#h-messages				{ float:right; width:293px; margin-bottom:16px; }
#h-messages .item 		{ float:left; width:293px; padding:18px 0 8px 10px; border-bottom:1px #e3ddd0 solid;}
#h-messages .item img 	{ float:left; padding-right:20px; }
#h-messages .item a		{ color:#000; }
#h-messages .item h3 	{ font-size:19px; margin:0; padding:0; padding-bottom:6px; }
#h-messages .item h4 	{ font-size:15px; color:#999; font-weight:normal; }

#h-aboutarea			{ float:left; display:block; width:279px; line-height:21px; font-size:14px;   }
#h-aboutarea .imgbox 	{ float:left;  width:279px; height:152px; background:url(../images/h-aboutportal.jpg) no-repeat; margin-bottom:14px; }

#h-aboutarea .imgbox h3, #h-hutfeat .imgbox h3					{ background:#0c447f; color:#b9d3ef; font-size:17px; font-weight:normal; float:left; padding:6px 12px; margin-top:119px; }
#h-aboutarea .imgbox h3 strong, #h-hutfeat .imgbox h3 strong 	{ color:#fff; }
#h-aboutarea .introline, #h-hutfeat .introline 					{ color:#212121; font-weight:bold; }

#h-hutfeat				{ float:left; display:block; width:265px; margin-left:18px; line-height:21px; font-size:14px;   }
#h-hutfeat .imgbox 		{ float:left; width:265px; height:152px; background:url(../images/h-hutportal.jpg) no-repeat; margin-bottom:14px; }


#h-localatt				{ float:right; width:350px; margin-left:16px; color:#6a6a6a; font-size:12px; line-height:18px; }
#h-localatt h2			{ float:left; background:#92590b url(../images/h-localatt-bg.jpg) no-repeat; width:326px; color:#fff; font-size:16px; padding:10px 12px; margin-bottom:16px;  }
#h-localatt .item h3	{  color:#010101; font-weight:normal; font-size:16px;   }
#h-localatt .item 		{ float:left; padding-bottom:14px; }
#h-localatt .item img	{ float:left; padding-right:16px;  }

#h-asfeat			{ float:left; width:928px; padding-top:10px;   }
#h-asfeat h5 			{ color:#06407c; font-size:15px; width:100%; background:url(../images/header-line.gif) repeat-x; font-weight:normal; letter-spacing:-0.5px; margin-bottom:8px; }
#h-asfeat h5 em 		{ background:#fff; font-style:normal; padding-right:8px; }

#h-asfeat .logos		{ float:left; width:400px; }
#h-asfeat .socials		{ float:right; width:350px; text-align:right; }
#h-asfeat .socials img 	{ padding-left:16px; }

/*-------------------------------------------    
    Other Pages
-------------------------------------------*/

.guidesbrochures { float:left; width:100%; border-top:1px #ccc dotted; border-bottom:1px #ccc dotted; padding:14px 0; margin-top:14px; }
.guidesbrochures h3 { font-size:16px; color:#888; }

.guidesbrochures ul { float:left; list-style-type:none; margin:0; padding:0; }
.guidesbrochures li { float:left; width:216px; padding-right:16px; }
.guidesbrochures li .thumb { float:left; padding-right:10px; }

/*************************/
/* 	FEATURES 	*/
/*************************/

.featuresimg 		{ float:left; width:576px; margin-bottom:20px; }

.featureside 	{ float:right; width:312px; background:#eeeae2; padding:14px; margin-left:16px; border:1px #d7c39b dotted; color:#8c7b57; }
.featureside .left	{ float:left; padding-right:10px; width:144px; }
.featureside .right	{ float:left;   width:144px; }

.featureside h2 { font-weight:normal; font-size:18px; color:#574114; }
.featureside h3 { color:#574114; font-weight:bold; padding-bottom:2px; }
.featureside ul { margin:0; padding:0; margin-left:20px; padding-bottom:4px; }
.featureside li { padding-bottom:2px; }

.featuresrest				{ float:left; width:934px;   font-size:12px; line-height:18px; margin-top:20px; }
.featuresrest h2			{ float:left; background:#92590b url(../images/woodheaderbg.jpg) repeat-x; width:910px; color:#fff; font-size:18px; padding:10px 12px; margin-bottom:16px;  }
.featuresrest .item h3	{  color:#010101; font-weight:normal; font-size:17px;   }
.featuresrest .item 		{ float:left; width:211px; padding-right:22px; font-size:13px; }

/*************************/
/* 	SERVICES 	*/
/*************************/

.servicesimg 	{ float:left; width:544px;  }

.serviceside 	{ float:left; width:340px; background:#eeeae2; padding:16px; margin-left:16px; border:1px #d7c39b dotted; color:#8c7b57; }
.serviceside h2 { font-weight:normal; font-size:18px; color:#574114; }
.serviceside ul { margin:0; padding:0; margin-left:20px; padding-bottom:4px; }
.serviceside li { padding-bottom:6px; }

.snippet, .snippet2 { float:left; width:294px; padding-right:26px; color:#777; padding-top:16px; }
.snippet2 { padding-right:0; }
.snippet h3, .snippet2 h3 { font-weight:normal; font-size:18px; }

.findoutmore { float:left; width:934px; color:#777; padding-top:20px; }
.findoutmore h3 			{ color:#06407c; font-size:15px; width:100%; background:url(../images/header-line.gif) repeat-x; font-weight:normal; letter-spacing:-0.5px;  }
.findoutmore h3 em 		{ background:#fff; font-style:normal; padding-right:8px; }

.findoutmore .copy { float:left; width:300px; }
.findoutmore .requestform { float:right; width:600px; }

.findoutmore #cform fieldset	{float:left; border:none;	margin:0;	padding:0;}
.findoutmore #cform label	{float: left;width: 120px; font-weight: bold;color:#574114;font-family:Arial, Helvetica, sans-serif; }
.findoutmore #cform input	{ float:left; border: none; border:1px #aaa solid; font-family:Arial, Helvetica, sans-serif; padding:6px; margin-right:16px;}
.findoutmore #cform ol {list-style:none; padding:0; margin:0;  }
.findoutmore #cform li {float: left;  padding: 0; padding-bottom:20px;  }
.findoutmore #antispam 	{ visibility:hidden; display:none; }

.findoutmore .submit-btn 			{ float:right; width:100px; cursor:pointer; border:outset 1px #7f4804; background:#965403 url(../images/inputbtn-bg.gif) repeat-x left top; color:#fff; font-weight:bold; font-size:14px; padding: 8px 24px; margin-bottom:0;  font-family:Arial, Helvetica, sans-serif;}
.findoutmore .submit-btn:hover 		{ background:#965403; color:#fff;}

/*************************/
/*   ABOUT THE AREA 	*/
/*************************/

.aboutmainimg { float:left; width:934px; margin-bottom:14px; }

.aboutsnippet1 { float:left; width:420px; padding-right:34px;  }
.aboutsnippet2 { float:left; width:420px;  }
.aboutsnippet1 h2, .aboutsnippet2 h2 { font-size:18px; }

.aboutareas				{ float:left; width:934px;   font-size:12px; line-height:18px; margin-top:10px; }
.aboutareas h2			{ float:left; background:#92590b url(../images/woodheaderbg.jpg) repeat-x; width:910px; color:#fff; font-size:18px; padding:10px 12px; margin-bottom:16px;  }
.aboutareas .item h3	{  color:#010101; font-weight:normal; font-size:17px;   }
.aboutareas .item h4	{  color:#888; font-weight:normal; font-size:12px; letter-spacing:1px; margin:0; padding:0;   }
.aboutareas .item 		{ float:left; padding-bottom:24px; width:444px; padding-right:22px; font-size:13px; }
.aboutareas .item img	{ float:left; padding-right:16px; padding-bottom:30px;  }


/*************************/
/* 	LOCAL ATTRACT 	*/
/*************************/

.localmainimg { float:left; width:934px; margin-bottom:14px; }
.localatts				{ float:left; width:934px;  color:#6a6a6a; font-size:12px; line-height:18px; }
.localatts h2			{ float:left; background:#92590b url(../images/woodheaderbg.jpg) repeat-x; width:910px; color:#fff; font-size:18px; padding:10px 12px; margin-bottom:16px;  }
.localatts .item h3	{  color:#010101; font-weight:normal; font-size:17px;   }
.localatts .item h4	{  color:#888; font-weight:normal; font-size:12px; letter-spacing:1px; margin:0; padding:0;   }
.localatts .item 		{ float:left; padding-bottom:24px; width:444px; padding-right:22px; font-size:13px; }
.localatts .item img	{ float:left; padding-right:16px; padding-bottom:30px;  }

/*************************/
/* 	BOOK A HUT 	*/
/*************************/
.booksteps { float:left; width:900px; border:1px #ccc solid; padding:16px; margin-bottom:20px; }
.booksteps img { float:left; padding-right:12px; }
.booksteps .step1 { float:left; width:200px; margin-left:20px; }
.booksteps .step2 { float:left; width:200px; margin-left:20px; }
.booksteps .step3 { float:left; width:200px; margin-left:20px; }
.booksteps .step4 { float:left; width:200px; margin-left:20px; }

.booksteps .step1 h4, .booksteps .step2 h4, .booksteps .step3 h4, .booksteps .step4 h4 { font-size:12px; color:#a3a2a2; letter-spacing:1px; font-weight:bold; margin:0; padding:0;  }
.booksteps .step1 h5, .booksteps .step2 h5, .booksteps .step3 h5, .booksteps .step4 h5 { font-size:16px; color:#333333; margin:0; padding:0; }

.bookform { float:left; width:540px; }
.bookform input, .bookform select { margin:0;  }
.bookform  h2 { font-size:16px; border-bottom:1px #ccc dotted; margin-bottom:20px; }
.bookform  h3 { padding-top:20px; font-size:14px; color:#555; }
.bookform form { margin:0; padding:0; }
.bookform ul { float:left; clear:left; list-style-type:none; margin:0; padding:0; }
.bookform li { float:left; margin:0; padding:0; padding-right:32px; }
.bookform li label {  padding-right:6px; color:#000; }
.bookform li input, .bookform li select { border:1px #ccc solid; font-family:Arial; padding:4px; width:140px; font-size:13px; }

.bookform .submit-btn 			{ float:right; width:100px; cursor:pointer; border:outset 1px #7f4804; background:#965403 url(../images/inputbtn-bg.gif) repeat-x left top; color:#fff; font-weight:bold; font-size:15px; padding: 6px 24px;   font-family:Arial, Helvetica, sans-serif;}
.bookform .submit-btn:hover 		{ background:#965403; color:#fff;}

.bookform .bookingtable { border:1px #666 solid; width:540px; }
.bookform .bookingtable .top { background:#555; color:#fff; }
.bookform .bookingtable .cell1 { background:#eee; border-bottom:1px #ccc dotted;  }
.bookform .bookingtable .cell2 { border-bottom:1px #ccc dotted; }
.bookform .bookingtable .cellerror { background:#e44141; border-bottom:1px #ccc dotted; }
.bookform .bookingtable .cellerror a { color:#fff; }
.bookform .bookingtable td { padding:10px;}

.bookform .desc { float:left; clear:left; width:260px; padding-bottom:14px; background:#eee; padding:16px 8px; padding-left:14px; margin-right:20px; border-bottom:1px #ccc dotted; }
.bookform .desc strong { color:#000; }
.bookform .detail, .bookform .detailerror { float:left; padding:16px 8px; color:#000;  }
.bookform .detailerror {  background:#e44141; padding:8px; margin-top:4px; color:#fff; font-weight:bold;}
.bookform .detailerror a { color:#fff; }

.bookform .ErrorMessage { background:#e44141; color:#fff; padding:8px; float:left; }

.bookformhelp { float:right; width:320px; background:#eee; padding:16px; }

.bookdetails { padding-top:24px; }
.bookdetails li { float:left; clear:left; padding-bottom:20px; }
.bookdetails li label { float:left; width:100px; }
.bookdetails li input { float:left; margin:0;  width:340px; }

/********************
    REFERRAL STYLES
********************/

.referral-table a
{ color:#333333; text-decoration:none; padding:4px;}

.referral-table a:hover
{ color:#ffffff; background:#00559e; text-decoration:none; padding:4px;}

.ref-form
{color:#00559e;	font-weight:bold;font-size: 14px;}

.ref-name
{color:#222222;	font-weight:bold;font-size: 13px;}

.referral-celltop
{
	background:#00559e;
	padding:10px;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
}

.referral-cella
{ background:#ccc; padding:10px;}

.referral-cellb
{ background-color:#EEEEEE; padding:10px;}

/*************************/
/* 	PRESS 	         */
/*************************/

.newscontent { float:left; width:540px; }
.newscontent h2 { font-size:17px; }
.newscontent .post { padding-bottom:20px; }

.newssidebar { float:right; width:320px; background:#eee; padding:16px; }

/*************************/
/* 	CONTACT US 	*/
/*************************/

.address	{ float:left; width:288px; margin-top:16px; background:#eee; padding:16px; }
.address h2 { font-size:16px; border-bottom:1px dotted #ccc; padding-bottom:6px;  color:#000;  }
.address em { color:#000000; font-style:normal; font-weight:bold; }

.contactform	{ float:right; width:590px; margin-top:16px;  }
.contactform h2 { border-bottom:1px dotted #ccc; padding-bottom:8px;  color:#000; font-size:18px;  }

.contactform #cform fieldset	{float:left;border:none;	margin:0;	padding:0;}
.contactform #cform label	{float: left;width: 500px;margin-right: 1em;font-weight: bold;color:#000;font-family:Arial, Helvetica, sans-serif; padding-bottom:6px;}
.contactform #cform input, #cform textarea 	{	border: none; border:1px #aaa solid; font-family:Arial, Helvetica, sans-serif; padding:6px;}
.contactform #cform .categoryName { color:#fff; }
.contactform #cform h3 { background:#000; color:#fff; padding:4px 8px; float:left; }
.contactform #cform ol {list-style:none; padding:0; margin:0; clear:left; }
.contactform #cform li {float: left;  clear: left;margin-bottom:1.5em;  padding: 0; }
.contactform #cform fieldset legend	{font-size:1.3em;	font-weight:normal;	color:#ccc;}
.contactform #cform em { color:#fff; font-size:0.9em; font-weight:bold; color:#d00000; font-style:normal; }
/* Required */
.contactform #cform i { color:#FF0000; font-style:italic;}
.contactform #antispam 	{ visibility:hidden; display:none; }

.contactform .submit-btn 			{ float:right; width:100px; cursor:pointer; border:outset 1px #7f4804; background:#965403 url(../images/inputbtn-bg.gif) repeat-x left top; color:#fff; font-weight:bold; font-size:14px; padding: 8px 24px; margin-bottom:0;  font-family:Arial, Helvetica, sans-serif;}
.contactform .submit-btn:hover 		{ background:#965403; color:#fff;}

/*-------------------------------------------    
    Footer
-------------------------------------------*/

#footerbg 				{ float:left; width:100%; background:#92590b url(../images/footerbg.jpg) repeat;    }
#footerwrap 			{ margin:0 auto; width:960px; }
#footer					{ float:left; background:url(../images/footertrans.png) repeat; width:912px;  font-size:13px; color:#dabd9d; padding:28px 24px 40px 24px; }

#footer a 				{ color:#dabd9d; font-weight:normal; }
#footer a:hover 		{ color:#fff; text-decoration:none; }

#footericon				{ float:left; width:43px; height:45px; margin-right:20px; background:url(../images/footer-hut.png) no-repeat;  }

.oursitemap h5, .contactdetails h5, .weoffer h5, .companyinfo h5 { color:#fff; font-size:19px; font-weight:normal; padding-bottom:20px; letter-spacing:-0.5px; }

.oursitemap 			{ float:left; width:230px; }
.oursitemap ul 			{ float:left; width:40%; margin:0; padding:0; padding-right:16px; list-style:none; line-height:24px; }
.oursitemap li a 		{ color:#dabd9d; font-weight:normal;  }

.contactdetails 		{ float:left; width:280px; padding-left:34px; line-height:24px; }
.contactdetails em 		{ float:left; width:80px; font-style:normal;  }
.contactdetails i 		{ float:left; width:180px; font-style:normal; }

.weoffer 				{ float:right; width:300px; line-height:17px; }

.companyinfo 			{ float:left; width:520px; clear:left; padding:28px 0 0 62px; }