html, body {height:100%}

body {
	background:url(../images/body_bg.gif) repeat-x top;
	position:relative;
	padding:0;
	margin:0;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:20px;
}

div#container {
	position: relative;
	min-height: 100%;
	width:800px;
	margin:0 auto;
}
* html #container
{
height: 100%;
}

div#footer {
	position: relative;
	margin-top: -69px;
	width:100%;
	height:44px;
	padding:0 0 0 0;
	background:url(../images/footer_bg.gif) repeat-x top;
	text-align:right;
	font-size:12px;
}
div#footer_container {
	width:800px;
	margin:0 auto;
	line-height:37px;
}
div#footer_container a {
	color:#999;
}div#footer_container a:hover {color:#666}
div#footer_container a span {
	color:#999;
}

 a#bloomingdigital {
	line-height:35px;
	display:block;
	float:right;
	height:27px;
	width:118px;
	padding:0 102px 0 0;
	background:url(../images/bloomingdigital.gif) 69px 0 no-repeat;
}
a#top_logo {
	display:block;
	height:89px;
	float:right;
	width:156px;
	background:url(../images/top_logo.gif) no-repeat center;
}a#top_logo span {display:none}

div#top_contact {
	padding:0;
	margin:0;
	width:644px;
	float:right;
	height:89px;
	text-align:right;
}
div#top_contact img {
	margin:23px 0 9px 0;
	padding:0;
}

a#top_email {
	display:block;
	background:url(../images/top_email.gif) 0 0 no-repeat;
	margin:0 0 0 385px;
	height:17px;
}
a#top_email span {display:none}
a#top_email:hover {background-position: 0 -17px;}

div#banner_home, div#banner_training, div#banner_massage, div#banner_studio, div#banner_about, div#banner_mobile, div#banner_accommodation {
	width:800px;
	padding-bottom:110px;
}

div#banner_home {background:url(../images/banner_home.gif) 0 0 no-repeat;}
div#banner_training {background:url(../images/banner_training.jpg) 0 0 no-repeat;}
div#banner_massage {background:url(../images/banner_massage.jpg) 0 0 no-repeat;}
div#banner_studio {background:url(../images/banner_studio.jpg) 0 0 no-repeat;}
div#banner_about {background:url(../images/banner_olly.jpg) 0 0 no-repeat;}
div#banner_mobile {background:url(../images/banner_mobile.gif) 0 0 no-repeat;}
div#banner_accommodation {background:url(../images/banner_accommodation.jpg) 0 0 no-repeat;}

div#moreaboutus, div#helpwith {
	width:248px;
	float:right;
	text-align:right;
}
div#moreaboutus img {border:0; margin:0; padding:0 0 0 16px; display:block;}
div#moreaboutus a {color:#666;	text-align:left;}
div#moreaboutus a:hover {color:#0092d8;}
div#moreaboutus a span {display:none}

div#helpwith {
	padding:147px 0 0 0;}
	
	div#helpwith ul {
		list-style:none;
		margin:0 0 0 16px;
		padding:17px 17px 11px 17px;
		display:block;
		background-color:#e6e6e6;
		color:#666;
		line-height:20px;
		text-align:left;
	}
	div#helpwith ul li {
		padding:0 0 0 28px;
		margin:0 0 17px 0;
		background-position:0 5px;
		background-repeat:no-repeat;
	}
	div#helpwith ul li.gr {background-image:url(../images/list_green.gif)}
	div#helpwith ul li.ye {background-image:url(../images/list_yellow.gif)}

a#more_findus {
	display:block;
	height:42px;
	width:215px;
	background:url(../images/more_findus.gif) 16px 0 no-repeat;
	padding:50px 0 0 33px;
}
a#more_mobile {
	display:block;
	background:url(../images/more_mobile.gif) 0 0 no-repeat;
	width:215px;
	height:135px;
	padding:60px 0 0 33px;
}

div#welcome {
	float:right;
	width:552px;
	text-align:left;
	padding:190px 0 0 0;
}
div#welcome p {
	padding:0 16px 0 0;
	margin:6px 0 20px 0;}

a#home_thestudio, a#training_mobile, a#mobile_personal {
	display:block;
	width:521px;
	height:47px;
	color:#666;
}a#home_thestudio:hover, a#training_mobile:hover, a#mobile_personal:hover {color:#0099e4;}
a#home_thestudio span, a#training_mobile span, a#mobile_personal span {display:none}

a#home_thestudio {background:url(../images/home_thestudio.jpg) 0 0 no-repeat; padding:60px 0 0 22px;}
a#training_mobile {background:url(../images/mobile_biglink.gif) 0 0 no-repeat; padding:60px 0 0 22px;}
a#mobile_personal {background:url(../images/link_long_personaltraining.jpg) 0 0 no-repeat; padding:48px 0 0 22px; margin:40px 0 0 0;}


div#studio_imgs {
	width:517px;
	height:180px;
	background:url(../images/studio_imgs.gif) 0 0 no-repeat;
	padding:19px 0 19px 19px;
	margin:50px 0 0 0;
}
div#studio_imgs span {display:none}
div#studio_imgs p {display:block; padding:0 0 0 395px; line-height:15px; font-size:12px; margin:7px 0 25px 0;}
div#studio_imgs a img {border:0; margin:0 8px 0 0;}


/*----------------------MENU--------------------------*/
ul#menu {
	display:block;
	width:800px;
	height:39px;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
ul#menu li {
	display:block;
	float:left;
	height:39px;
	position:relative;
}
ul#menu li a {
	display:block;
	height:39px;
	background-position:0 -78px;
}
ul#menu li a span {
	display:none;
}
ul#menu li a:hover, ul#menu :hover > a {background-position:0 -39px;}

ul#menu li a#home, ul#menu li a#home_on { background-image:url(../images/menu_home.gif); width:108px;}
ul#menu li a#home_on {background-position:0 0; cursor:default;}
ul#menu li a#studio, ul#menu li a#studio_on { background-image:url(../images/menu_studio.gif); width:150px;}
ul#menu li a#studio_on {background-position:0 0; cursor:default;}
ul#menu li a#about, ul#menu li a#about_on { background-image:url(../images/menu_about.gif); width:157px;}
ul#menu li a#about_on {background-position:0 0; cursor:default;}
ul#menu li a#training, ul#menu li a#training_on { background-image:url(../images/menu_training.gif); width:198px;}
ul#menu li a#training_on {background-position:0 0; cursor:default;}
ul#menu li a#massage, ul#menu li a#massage_on { background-image:url(../images/menu_massage.gif); width:187px;}
ul#menu li a#massage_on {background-position:0 0; cursor:default;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
ul#menu ul {visibility:hidden;position:absolute;height:122px;top:39px; left:-5px; width:198px; background:url(../images/menu_ds_sides.png) repeat-y center; padding:0 5px 0 5px;}

/* style the second level links */
ul#menu ul li {height:auto; padding:0; background:#fff;}

ul#menu ul li.btn {height:8px; background:url(../images/menu_ds_btn.png) no-repeat center; border:0;}
ul#menu ul li.btn a {height:8px; background:none; border:0; padding:0;}
ul#menu ul a, ul#menu ul a:visited {background:#fff; color:#515151; width:198px; line-height:30px; height:auto;}
ul#menu ul a span { border-bottom:1px dashed #ccc; display:block; margin:0 20px 0 20px; width:158px; padding:5px 0 5px 0; cursor:pointer;}
ul#menu ul a:hover { background:#eeeeee; color:#7eb60a;}

ul#menu ul li a.last span, ul#menu ul li a.last:visited span { border:0;}

/* make the second & third level visible when you hover on first level list OR link */
ul#menu li:hover ul,
ul#menu a:hover ul,  
ul#menu :hover ul ul,  
ul#menu :hover ul :hover ul {visibility:visible;}

div#menu_arrow, div#menu_arrow_training, div#menu_arrow_massage, div#menu_arrow_studio, div#menu_arrow_about, div#menu_arrow_mobile {
	position:absolute;
	margin:0 auto;
	height:11px;
	width:800px;
	top:128px;
}
div#menu_arrow {background:url(../images/menu_arrow.gif) 44px 0 no-repeat;}
div#menu_arrow_training {background:url(../images/menu_arrow.gif) 505px 0 no-repeat;}
div#menu_arrow_massage {background:url(../images/menu_arrow.gif) 695px 0 no-repeat;}
div#menu_arrow_studio {background:url(../images/menu_arrow.gif) 173px 0 no-repeat;}
div#menu_arrow_about {background:url(../images/menu_arrow.gif) 325px 0 no-repeat;}
div#menu_arrow_mobile {display:none}




/*----------------------GENERAL--------------------------*/

.clear {clear:both; margin:0; padding:0;}

a { 
	text-decoration:none;
}
a img {
	border:0;
}

p {
	color:#797979;
	line-height:26px;
}
p span { color:#009ae5; }
p a, p a:visited, a.email, a.email:visited {color:#7eb800}
p a:hover, a.email:hover { color:#009ae5; }

div#side_grey { background-color:#e6e6e6; display:block; margin:0 0 0 16px; padding:8px 0 11px 0; text-align:center;}

div#map {

}

div.map_one {
	width:209px;
	height:273px;
	margin: 0 auto;
	padding:0;
}

a#uboss_s {
	display:block;
	width:210px;
	height:154px;
	background:url(../images/ubos_square.gif) 0 0 no-repeat;
	margin: 11px auto 0 auto;
}
 a#uboss_s span {display:none}
 
 a#side_thestudio {
	 display:block;
	 background:url(../images/sidelink_thestudio.jpg) center top no-repeat;
	 width:198px;
	 height:155px;
	 margin:0 auto;
	 text-align:left;
	 color:#555555;
	 padding:40px 0 11px 7px;
	 border-bottom:dashed 1px #999;
}a#side_thestudio:hover, a#side_contact:hover {color:#009ae5}
 a#side_thestudio span {display:none}
 
 a#side_contact {
	 display:block;
	 width:212px;
	 height:52px;
	 background:url(../images/sidelink_contact.gif) 0 0 no-repeat;
	 color:#555555;
	 text-align:left;
	 padding:52px 0 0 20px;
 }
  a#side_contact span {display:none}
  
  a#large_map {
	  display:block;
	  text-align:center;
	  font-size:12px;
	  color:#7eb800;
	  padding:10px 10px 10px 12px;
  }
  
  div#contact_details {
	  text-align:left;
	  color:#555555;
  }
    div#contact_details img {
		display:block;
		margin:20px 0 0 0;
	}
	
	div#footer_right {
		float:left;
		width:450px;
		text-align:left;
		padding: 25px 0 0 0;
	}
a#logo_vtct, a#logo_reg {
		display:block;
		height:57px;
		width:84px;
		float:left;
	}
	
	a#logo_reg {
		background:url(../images/logo_reg.gif) 0 0 no-repeat;
	}
		a#logo_vtct {
		background:url(../images/logo_vtct.gif) 0 0 no-repeat;
	}

a#logo_reg span, a#logo_vtct span {display:none}

		div#footer_left {
			float:left;
			width:350px;
	}
	
	div.link a img {
		float:left;
		margin:10px 30px 10px 0;
		border:0;
	}
	div.link a.link_txt {
		display:block;
		float:left;
		margin:10px 0 0 0;
		color:#555555;
	}
	div.link a.link_txt span {color:#7eb800}
	div.link a.link_txt:hover span {color:#009ae5}
	
	
	a.box {
		display:block;
		width:238px;
		height:38px;
		font-family:Tahoma, Geneva, sans-serif;
		text-decoration:none;
		color:#666666;
		float:left;
		padding:62px 0 0 22px;
	}
	a.box:hover {color:#0099e4;}
	a.box span {display:none;}
	
	a.box_mobile_l {background:url(../images/box_mobile_left.jpg) 0 0 no-repeat;display:block;}
	a.box_mobile_r {background:url(../images/box_mobile_right.jpg) 0 0 no-repeat; margin:0 0 0 12px;}
	a.box_personal_l {background:url(../images/box_personal_left.jpg) 0 0 no-repeat}
	a.box_studio_l {background:url(../images/box_studio_left.jpg) 0 0 no-repeat}
	a.box_accom_r {background:url(../images/box_accom_right.jpg) 0 0 no-repeat; margin:0 0 0 12px;}
	
	div.cottage { text-align:left;}
	
	div.cottage div {float:left}
	
	div.cottage div.text {
		width:542px;
	}
	div.cottage div.photos {
		width:218px;
		border:1px solid #ccc;
		margin:65px 0 0 24px;
		padding:7px;
	}
	div.cottage div.enlarge {
		font-size:11px;
		margin:8px 0 0 24px;
		padding:0 0 0 20px;
		line-height:11px;
		height:15px;
		color:#666;
		background:url(../images/icon_enlarge.gif) 0 0 no-repeat;
	}
	
	div.cottage h2 {
		display:block;
		height:30px;
		line-height:35px;
		border-bottom: 1px solid #ccc;
		margin:30px 0 0 0;
		padding:5px 0 0 0;
		text-align:right;
		font-weight:normal;
		font-size:11px;
		color:#666;
	}
	div.cottage h2 span {display:none}
	div.cottage h2.wreckers {background:url(../images/h2_wreckers.jpg) 0 0 no-repeat}
	div.cottage h2.swallows {background:url(../images/h2_swallows.jpg) 0 0 no-repeat}
	
	div.photos img.photo_mid { margin:0 8px 0 8px;}
	div.photos img.photo_top { margin:0 0 8px 0;}
	
	a.info {
		display:block;
		background:url(../images/icon_info.gif) 0 0 no-repeat;
		text-decoration:none;
		height:32px;
		line-height:30px;
		padding:0 0 0 45px;
		color:#0095dd;}
		
		a.info span {display:block; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; height:30px; background:#fff;}
		a.info:hover span {background:#F5F5F5;}



div.accom_map {
	float:left;
	width:230px;
	height:230px;
	margin:0 30px 10px 0;
	border:1px solid #ccc;
}

div#location {
	text-align:left;
	padding:70px 0 0 0;
}

div.button {
	margin:20px 0 0 0;
}