/* ============================ common ============================== */

body { 
	color: #efefef; background: #000;
	font: normal 69% Verdana, Tahoma, Arial, sans-serif;
}

a { color: #00b4ef; text-decoration: none; }
a:hover, a:active, a:focus { color: #000; background: #00b4ef; }

img { display: block; }
a img { border: none; }
strong{ font-weight: bold; }
em{ font-style: normal; }

input.text{
	padding: 0.1em;
	color: #000; background: #fff;
	border: 1px solid #0090c5;
	font: normal 1.1em Verdana, Tahoma, Arial, sans-serif;
}
select{
	color: #000; background: #fff;
	border: 1px solid #0090c5;
	font: normal 1.1em Verdana, Tahoma, Arial, sans-serif;
}
input.submit{
	padding: 0.1em 0.5em;
	color: #fff; background: #0c9bd3 url(../img/bg-button.gif) repeat-x 0 0;
	font: normal 0.9em Verdana, Tahoma, Arial, sans-serif;
	border: none;
}

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.aural{
	position: absolute;
	left: -2007px;
	font-size: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */



.fbicon {display:inline;
}

.holder{ 
	width: 812px;
	margin: 0 auto 10px auto;
}

#header{

}

#content{
margin-top: -10px;
	padding: 38px 0 21px 0;
	background: #0380ba url(../img/bg-content.gif) repeat-x;
}

#main{
	float: right;
	width: 585px;
	padding: 0 0 20px 0;
	background: #000; 
}
#main.single{
	float: none;
	margin: 0 auto;
	background: #000; 
	width: 620px;
}

#side-bar{ 
	float: left;
	width: 195px;
}

#footer{
	clear: both;
	padding: 0 0 36px 0;
	background: #0e5b91 /*url(../img/bg-footer.gif) repeat-x 0 0*/;
	border-top: 30px solid #0b5d95;
}
/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header h1{
position: relative;
	float: left;
	margin: 20px 14px 4px 11px;
	display: inline;
}

.call-us{
	float: left; position: relative;
	margin: 14px 0 0 122px;
	width: 380px; height: 45px;

}
.call-us a{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/call-us-now.gif) no-repeat 0 0;
}

.call-us a:hover{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/call-us-now.gif) no-repeat 0 0;
}

.call-us a span {
display: none;
}

#select-city{
	float: right;
	width: 200px;
	margin: 20px 11px 0 0;
	display: inline;
}
#select-city label{
	display: block;
	margin: 0 0 9px 0;
	font-size: 0.9em; font-weight: bold; text-transform: uppercase;
}
#select-city select{ width: 160px; }

#banner{
	clear: both;
	width: 810px; height: 280px;
padding: 15px 0;
background: #000;
}

#nav li{
	float: left;
}
#nav a{
	display: block;
	padding: 5px 6px;
	color: #fff;
	font-size: 1.1em; font-weight: bold; text-transform: uppercase;
}
#nav .active a, 
#nav a:hover, 
#nav a:active, 
#nav a:focus{ color: #fff; background: #001d31; }

/* ========================== header end ============================ */

/* ============================ content ============================= */

.leisures-list{
	height: 151px;
}
.leisures-list li{
	float: left;
	width: 25%;
}
.leisures-list li img{
	margin: 0 auto;
}

#main h2{
	width: 585px; height: 1.1em;
	margin: 0 0 10px 0; padding: 20px 0 0 0;
	font-size: 2em; font-weight: normal; 
	
}
#main.single h2{
	background: #000;
}


#main h2 span{
	display: block;
	width: 545px; height: 1.1em;
	margin: 0 18px 0 22px;
}

.post{ margin: 0 18px 0 22px; font-size: 1.3em; }
.post h3{
	margin: 0 0 20px 0;
	font-weight: bold; text-transform: uppercase;
}
.post p{
	margin: 0 0 1em 0;
	line-height: 1.5em;
}

.single p{
	margin: 0 0 1em 0;
	line-height: 1.5em;
	font-size: 85%;
}
.post ul{
	margin: 0 0 1em 2em;
	line-height: 1.5em;
	list-style: disc;
}
.post ol{
	margin: 0 0 1em 2em;
	line-height: 1.5em;
	list-style: decimal;
}
.post img{
	display: block;
	margin: 0 auto 1em auto;
}

.post strong {
font-weight: bold;
}

.post em {
font-style: italic;
}

.post blockquote {
margin-left: 20px;
margin-right: 20px;
}



ul.activites-list{
	margin: 0 0 0 22px;

	list-style: none;
}
ul.activites-list li{
	position: relative; float: left;
	width: 171px; height: 231px;
	margin: 0 1px 1px 0; 
	overflow: hidden;
	background: #111;
border: 4px solid #111;
border-bottom: none;
}
ul.activites-list li a{
	display: block;
	width: 171px; height: 171px;
}
ul.activites-list li a:hover,
ul.activites-list li a:focus,
ul.activites-list li a:active{ background: none; }
ul.activites-list li a span{
	float: left;
	margin: 180px 5px 10px 5px; padding: 5px 5px 5px 22px;
	color: #fff;
	font-size: 1em;
	background: url(../img/act-icon.gif) no-repeat #111 0 3px;
}
ul.activites-list li a:hover span,
ul.activites-list li a:focus span,
ul.activites-list li a:active span{ color: #00b4ef; }

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

#side-bar h2{
	width: 177px; height: 15px;
	padding: 10px 9px 0 9px;
	font-size: 1.4em; font-weight: bold;
	background: #000;
}

.sub-nav{
	margin: 0 0 20px 0; padding: 20px 9px 10px 9px;
	background: #000; 
}
.sub-nav li{
	margin: 0 0 10px 0; padding: 0 0 2px 20px;
	background: url(../img/bullet.gif) no-repeat 0 0;
	font-size: 1.1em;
}
.sub-nav a{
	color: #fff;
	font-weight: normal;
}
.sub-nav a:hover,
.sub-nav a:focus,
.sub-nav a:active{ color: #000; }

.sub-nav ul.children{ display: none; }

#side-bar a img{ margin: 0 0 20px 0; }

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

#mailing-form{
	float: left;
	width: 244px;
	margin: 0 40px 50px 0;
	display: inline;
}
#mailing-form label{
	display: block; position: relative;
	width: 100%; height: 20px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #80a3b9;
}
#mailing-form label span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/mailing-list.gif) no-repeat 0 0;
}
#mailing-form .text{
	float: left;
	width: 200px;
}
#mailing-form .submit{ float: right; }

#search-form{
	float: left;
	width: 244px;
	margin: 0 40px 50px 0;
	display: inline;
}
#search-form label{
	display: block; position: relative;
	width: 100%; height: 20px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #80a3b9;
}
#search-form label span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/search.gif) no-repeat 0 0;
}
#search-form .text{
	float: left;
	width: 200px;
}
#search-form .submit{ float: right; }

#call-now-block{
	float: left;
	width: 244px;
}
#call-now-block h2{
	display: block; position: relative;
	width: 100%; height: 20px;
	margin: 0 0 10px 0;
}
#call-now-block h2 span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/call-now.gif) no-repeat 0 0;
}
#call-now-block p{
	display: block; position: relative;
	width: 100%; height: 16px;
}
#call-now-block p span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/0800456123123.gif) no-repeat 0 0;
}

.admin-login{
	clear: both;
	padding: 15px 0 0 0;
	text-align: right;
	border-top: 1px solid #80a3b9;
}
.admin-login a{
	color: #fff;
	font-size: 0.8em;
}
.admin-login a:hover, 
.admin-login a:active, 
.admin-login a:focus{ color: #000; }


/* =========================== footer end =========================== */


#home-butts a.home-stag {
width: 198px;
height: 149px;
background: url(../img/home-stag.jpg) no-repeat #000;
display: block;
margin-bottom: 15px;
float: left;
margin-right: 7px;
}

#home-butts a.home-hen {
width: 198px;
height: 149px;
background: url(../img/home-hen.jpg) no-repeat #000;






display: block;
margin-bottom: 15px;
float: left;
margin-right: 7px;
}

#home-butts a.home-corporate {
width: 198px;
height: 149px;
background: url(../img/home-corporate.jpg) no-repeat #000;
display: block;
margin-bottom: 15px;
float: left;
margin-right: 6px;
}

#home-butts a.home-bespoke {
width: 198px;
height: 149px;
background: url(../img/home-bespoke.jpg) no-repeat #000;
display: block;
margin-bottom: 15px;
float: left;
}

#home-butts a.home-team-building {
width: 198px;
height: 149px;
background: url(../img/home-team-building.jpg) no-repeat #000;
display: block;
margin-bottom: 15px;
float: left;
}

#home-butts a span {
display: none;
}

#side-bar a.facebook {
height: 195px;
background: url(../img/funk_fb.jpg) 0 0 no-repeat;
display: block;
margin-bottom: 15px;}

#side-bar a.facebook {
width: 195px;
height: 60px;
background: url(../img/funk_fb.jpg) 0 0 no-repeat;
display: block;
margin-bottom: 15px;
}

#side-bar a:hover.facebook {
width: 195px;
height: 60px;
background: url(../img/funk_fb.jpg) 0 -70px no-repeat;
display: block;
}

#side-bar a.facebook span {
display: none;
}


#side-bar a.twitter {
height: 195px;
background: url(../img/twit.jpg) 0 0 no-repeat;
display: block;
margin-bottom: 15px;}

#side-bar a.twitter {
width: 195px;
height: 60px;
background: url(../img/twit.jpg) 0 0 no-repeat;
display: block;
margin-bottom: 15px;
}

#side-bar a:hover.twitter{
width: 195px;
height: 60px;
background: url(../img/twit.jpg) 0 -53px no-repeat;
display: block;
}

#side-bar a.twitter span {
display: none;
}


#side-bar a.callback {
width: 195px;
height: 60px;
background: url(../img/side-callback.gif) 0 0 no-repeat;
display: block;
margin-bottom: 15px;
}

#side-bar a:hover.callback {
width: 195px;
height: 60px;
background: url(../img/side-callback.gif) 0 -60px no-repeat;
display: block;
}

#side-bar a.callback span {
display: none;
}

#side-bar a.email {
width: 195px;
height: 60px;
background: url(../img/side-email.gif) 0 0 no-repeat;
display: block;
margin-bottom: 15px;
}

#side-bar a:hover.email {
width: 195px;
height: 60px;
background: url(../img/side-email.gif) 0 -60px no-repeat;
display: block;
}

#side-bar a.email span {
display: none;
}

#side-bar a.quote {
width: 195px;
height: 60px;
background: url(../img/side-quote.gif) 0 0 no-repeat;
display: block;
margin-bottom: 15px;
}

#side-bar a:hover.quote {
width: 195px;
height: 60px;
background: url(../img/side-special-offers.gif) 0 -60px no-repeat;
display: block;
}

#side-bar a.special {
width: 195px;
height: 60px;
background: url(../img/side-special-offers.gif) 0 0 no-repeat;
display: block;
margin-bottom: 15px;
}

#side-bar a:hover.special {
width: 195px;
height: 60px;
background: url(../img/side-special-offers.gif) 0 -60px no-repeat;
display: block;
}
#side-bar a.special span {
display: none;
}

#side-bar a.testimonials {
width: 195px;
height: 296px;
background: url(../img/side-testimonials.jpg) 0 0 no-repeat;
display: block;
margin-bottom: 15px;
}

#side-bar a.testimonials span {
display: none;
}

.creds-logo {
background: url(../img/creds-logo.gif) no-repeat;
padding-top:0px;
height: 110px;
}

#footer p {
margin-bottom: 10px;
}

#footer p.creds {
margin-left: 305px;
}

.single-package {
background: #111;
padding: 5px;
margin-bottom: 1px;
}

.single-package img {
margin: 0 10px 5px 0;
}

.single-package img.alignleft{

}

.dest {
background: #111;
padding: 5px;
margin-bottom: 1px;
}

.dest img {
float: left;
margin: 0 10px 5px 0;
}

.footer-seolinks li {
display: inline;
padding: 1px;
}

ul#hen-tabby-nav, ul#stag-tabby-nav{
margin: 44px 0 0 22px;
padding: 0;
width: 500px;
}

ul#hen-tabby-nav li, ul#stag-tabby-nav li{
margin-right: 1px;
display: block;
float: left;
}

ul#hen-tabby-nav li a, ul#stag-tabby-nav li a{
display: block;
float: left;
padding: 7px 7px 7px 25px;
background-color: #111;
border: 1px solid #003366;
background: url(http://www.funkimunkileisure.com/wp-content/themes/funkiminki/img/act-icon.gif) 5px 5px no-repeat;
}

ul#hen-tabby-nav li a:hover, ul#stag-tabby-nav li a:hover{
color: #fff;
}

ul#hen-tabby-nav li a.selected, ul#stag-tabby-nav li a.selected{
color: #fff;
display: block;
float: left;
padding: 7px 7px 8px 25px;
background-color: #000;
border: 1px solid #003366;
border-bottom: none;
}

.tabcontent{
clear: both;
}

.post em{
font-style: none;
font-style: normal;
padding-top: 20px;
display: block;
}

img.holly{
position: absolute;
right: 0;
top: 0;
}

img.holly2{
position: absolute;
left: 0;
top: 0;
}


/* =========================== smart banner =========================== */


.col-2 {
/* margin: 0 0 0 600px; 
position: relative;
width: 100px;
left: 600px;
z-index: -10;*/
}

#sidebar_right{
float: right; 
position:fixed;
padding-left: 97% }


#wrapper {
background: #000000 repeat-x;
margin:0 auto;
padding:0 0 0 0;
position:relative;
}

/* =========================== smart banner end =========================== */

/* =========================== start div#twit =========================== */

#twit {padding-bottom: 20px;}

/* =========================== end div#twit =========================== */

.image-left {float: left; padding-right: 15px; padding-bottom: 15px;}