body { margin:0px; padding:0px; background-image:url(../images/bg.jpg); background-repeat:repeat; background-position:center; width:100%; height:100%; }

.clearfloat { clear:both; }

.center { text-align:center; }
.captcha
{
  width: 150px;
}
.refresh
{
  position:relative;
  float: right;
  margin-top: -45px;
  margin-right: -22px;
}
#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}

.breadcrumbs
{
     width:780px;
     margin-top:6px;
     padding: 5px;
     color: #737373;
     font-size: 11px;
     font-weight: bold;
}
.breadcrumbs a
{
     text-decoration: none;
     color: #00305f;
     font-style: italic;
}
.breadcrumbs a:hover
{
     text-decoration: none;
     color: #00305f;
     font-style: italic;
}

a:link {
	color: #877DC7;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #877DC7;
}
a:hover {
	text-decoration: none;
	color: #877DC7;
}
a:active {
	text-decoration: none;
	color: #877DC7;
}


#header { background-image:url(../images/header.jpg); background-repeat:no-repeat; background-position:center; width:100%; height:156px; }
#menubar { width:100%; background-image:url(../images/menu.jpg); height:47px; background-repeat:repeat; }
#menuitems { width:960px; height:47px; margin:0 auto; }

#content { width:960px; margin:0 auto; }
#contentinfo { width:908px;  margin:0 auto; }

#bottomblock { width:905px; border:2px solid #f3a0ba; }
.blocks { width:270px; float:left; padding:15px; }

p {
	font-family: Helvetica,Arial,Sans-Serif;
	font-size: 12px;
	line-height: 1.7em;
	padding-top:0px;
	margin-top:0px;
	color:#3d3d3d;
	text-align: left;
}
h1 { font-family: Helvetica,Arial,Sans-Serif;  font-size: 20px; font-weight:normal; color:#3d3d3d; }
h2 { font-family: Helvetica,Arial,Sans-Serif;  font-size: 18px; font-weight:normal; color:#3d3d3d; }

.fadein { position:relative; width:908px; height:400px; margin-top:22px; }
.fadein img { position:absolute; left:0; top:0; }

#footer { width:100%; background-color:#FFF; height:40px; }
#footercontent { width:960px; margin:0 auto; padding-top:10px; }

nav#mobile { display:none; }

@media screen and (max-width: 600px) {
	
	
	.blocks { padding:0px!important; }
		
	#current-contact h1 {
line-height: 30px!important;

}

form { margin-left:10px!important; }

a.enquire-now {
	margin-left:10px!important;
}


.footer { display:none; }

p { padding-left:10px!important; padding-right:10px!important; }

td { font-family: Helvetica,Arial,Sans-Serif;  font-size: 14px; font-weight:normal; color:#3d3d3d; }

textarea    {
	width:100%;
	float:left;
}

input[type=submit] {
width:100%;float:left; }
	
	input[type=submit]:hover {
		width:100%;float:left; }

#current-contact {
	width:100%;
	left:0px;
}

#TA_certificateOfExcellence981 { width:148px!important; }

#TA_excellent261 { width:150px!important; }

#TA_linkingWidgetWAR17 { width:155px!important; }

#TA_rated739 { width:150px!important; }

.tripadvisor { margin:0 auto; }

.quickboxleft { width:100%;  }
.quickboxright { width:100%; float:left;  }

.gridright { float:left; }

#header { display:none; }

#full-width-slider { display:none; }

img.mobile { width:100%; height:auto; }
img.book { width:160px; height:auto; }

.displaynone { display:none; }

.fadein { position:relative; width:100%; height:auto; padding-bottom:50%; }
.fadein img { position:absolute; left:0; top:0; width:100%; height:auto; padding-bottom:50%;}	


div {
width: 100%!important;	
height: auto!important;	
position: relative!important;
float: none!important;
}


.left-col-heading h3 {
	margin-left: 0!important;	
}

.left-col-heading {
	width: auto!important;
}

.left-column {
width: auto!important;	
margin-right: 10px!important;
}

.header img {
width: 100%!important;
height: auto!important;	
}

.footer img {
width: 100%!important;
height: auto!important;	
}



#search input[type="text"] {
width: 60%!important;
margin-left: 15px!important;	
}



.article-main-image {
width: 100%!important;	


}

.article-main-image img {
width: 91%!important;	
min-width: 120px!important;
}

.article-main {
	margin: 0!important;
	width: auto!important;
}

iframe {
width: 90%!important;	
}

input {
width: 68%!important;	
}

textarea {
width: 68%!important;	
}

.button_search {
width: 10%!important;	
}

.map {
width: auto!important;	
}



.right-new-col {
margin: 0!important;	
}

	
	#nav#full {
		display:none
	}

	nav#mobile {
		background-color:#fbe4ec;
		box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
		display:block;
	}

	/*
	Top black bar that holds the toggle button
	*/

	nav#mobile #toggle-bar {
		line-height:70px;
		height:70px;
	}

	/*
	Toggle button #1 ("Menu")
	*/

	nav#mobile strong a {
		margin-left:30px;
		border:0px solid #FFF;
		padding:10px;
		font-family: Helvetica,Arial,Sans-Serif;
	}

	/*
	Toggle button #2 ("Navicon")
	*/

	nav#mobile .navicon {
		float: right;
		height: 6px;
		width: 34px;
		margin: 20px;
		border-top: 18px double #FFF;
		border-bottom: 6px solid #FFF;
		font-size:0;
	}

	/*
	The dropdown menu
	*/

	nav#mobile ul li {
		clear:both;
		list-style:none;
		margin-left:0px!important;
		padding:0px;
	}

	nav#mobile ul li a {
		display:block;
		text-transform:uppercase;
		letter-spacing:.2em;
		background-color:#f3a0ba;
		font-family: Helvetica,Arial,Sans-Serif;
		color:#000;
		font-size:12px;
		margin:2px 0;
		padding:6px 0 6px 8px;
	}

	nav#mobile ul ul {
		font-size:small;
	}

	nav#mobile ul ul li {
		margin-left:0px;
	}

	nav#mobile ul ul a {
		padding-left:8px;
	}

	nav#mobile ul ul a:before {
		content: "2192";
		padding-right:8px;
	}
}