body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  text-align:center;
  padding:0px;
  margin:0px;
  font-size:10px;
  background-color: #fff;
  background-attachment: fixed;
background-image: url('http://www.scottwilliams.co.uk/images/bg/floor_bg.jpg');
background-position: top center;
background-repeat: no-repeat;
 
margin:0;
padding: 0;
 
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
  
}

/*
This next definition doesn't allow the background to get any smaller
than a predefined size (640x426px in this case). Change the values
here to match your background image size. The configuration in the
flexi-background javascript file should also match these values.
*/
 
@media only all and (max-width: 640px) and (max-height: 426px) {
body {
background-size: 640px 426px;
-moz-background-size: 640px 426px;
-webkit-background-size: 640px 426px;
}
}
 
/*
The next 2 definitions are for support in iOS devices.
Since they don't recoginze the 'cover' keyword for background-size
we need to simulate it with percentages and orientation
*/
 
@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
body {
-webkit-background-size: auto 100%;
}
}
 
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
body {
-webkit-background-size: 100% auto;
}
}

h1 {font-weight:normal;
letter-spacing:-1px;
	font-size:22px;
	color:#6e7072;
	line-height:32px;
	
}
h2 {font-weight:normal; 
font-size:18px;
	color:#6e7072;
	padding:0px;
	margin:0px;
	
}
h3 {font-weight:normal; 
font-size:13px;
	color:#6e7072;
	padding:0px;
	margin:0px;
	
}
h4 {font-weight:normal; 
font-size:11px;
	color:#6e7072;
	padding:0px;
	margin:0px;
	padding-bottom:5px;

}
a 	{ color:#6e7072;
	text-decoration: none;
			}
a:link { text-decoration: none; }
a:active {  text-decoration: none; }
a:visited {  text-decoration: none; }
a:hover {  text-decoration: underline; }

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

.left_bg { position:absolute; top:20px; left:0px;}
.right_bg { position:absolute; top:20px; right:0px;}
#topgrey { border-top:#f57d20 7px solid; width:100%; position:relative; top:0px;}
#drop_shadow {


	position:relative;
	background-image:url(http://www.scottwilliams.co.uk/images/furniture/drop_shadow.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:26px;
			margin:auto;
			width:1050px;
			
			}
#filler {min-height:500px;}
#container {
	position:relative;
background-color: #fff;
text-align:left;
			margin:auto;
			width:1030px;

			}

#topnav {position:relative;
		left:104px;
		top:0px;
		}




#leftnav {position:absolute;
		left:50px;
		top:130px;
		font-size:12px;
		}
		
		
#content {position:relative; left:144px; top:124px; width:763px; padding-bottom:150px; min-height:450px; }

#footspacer {position:relative; }
.properties {position:relative; top:0px; left:0px; width:260px; padding-bottom:15px; height:110px;  }
.propertyinfo {margin-left:158px; width:130px; position:relative; top:10px; padding-bottom:10px;}
.thumbshadow{float:left; position:relative; left:-14px; top:3px; width:162px; background-image: url("images/furniture/thumbholder_top.jpg"); margin-bottom:25px;}
.thumbholder {position:relative; width:130px;  left:18px; top:12px; text-align:center;  }
.best_panel {position:relative; top:0px; left:0px; height:180px;}
.best_panel2 {position:relative; top:0px; left:0px; height:250px;}
.best_thumb { position:relative; top:10px;}

.bestthumbshadow{float:left; position:relative; left:-14px; top:3px; width:162px; background-image: url("images/furniture/thumbholder_top.jpg"); margin-bottom:25px;}
.bestthumbholder {position:relative; width:130px;  left:18px; top:12px; text-align:center;  }

.bestcallthumbshadow{float:left; position:relative; left:-14px; top:3px; width:215px; background-image: url("images/furniture/best_thumbholder_top.jpg"); margin-bottom:25px;}
.bestcallthumbholder {position:relative; width:180px;  left:18px; top:12px; text-align:center;  }
.bestcallshadowbottom {position:relative; left:-18px;}


.best_text {float:right; position:absolute; left:150px; width:100px;}

.shadowbottom {position:relative; left:-18px;}

#scrollingthumbs {width:700px; height:105px; overflow:hidden;}

#mainpic {width:763px; height:431px; background-color:#FaFaFa; display: table-cell;  vertical-align: middle; border:0px solid #ccc;  }

#villa_quote {	
				position:absolute; 
				width:200px;
				top:20px; 
				left:20px;
				line-height:14px;
				padding:15px; 
				background-image: url("images/furniture/white_out.png");}

#mainpicture {position:relative; left:-1px;}

.minithumb {width:105px; 
			height:87px;
			 background-image: url("images/furniture/mini_shad.jpg"); display:inline; cursor:text;}
.minithumbpic {position:relative;  background: url("images/furniture/mini_shad.jpg") -4px -2px no-repeat; padding:10px; padding-right:18px;}
.minithumbpic2 { padding-right:10px;}

.toplogo {position:absolute; top:70px; left:144px;}
.propertyteaser {color:#6e7072; font-size:9px;}



#propertydetails {
width:763px;
	position: relative; 
	top:-15px;
	padding-bottom:10px;
	min-height:400px;
}
.threecols { width:244px; float:left;  padding-right:10px;  color:#6e7072; font-size:10px; min-height:250px;}

.fourcols { width:180px; float:left;  padding-right:10px;  color:#6e7072; font-size:10px;}
.destcols { width:170px; float:left;  padding-right:10px;  color:#6e7072; font-size:10px;}
.atributes {padding:0px; margin:0px; padding-bottom:10px;}
.attributeheading {padding-top:10px;}
.Article {	
	column-count: 3;
	column-gap: 20px;	
	padding: 0px;
	color:#6e7072; font-size:10px; 	
}
.comments_cols {	
	column-count: 3;
	column-gap: 20px;	
	padding: 0px;
	color:#6e7072;
	font-size:10px; 	
}
.red {color:#990000;}
#destination_copy {position:relative; left:0px; top:15px; min-height:200px;}
#destination_left {
	width:180px; 
	position:absolute; 
	left:0px; 
	top:0px;
}
#destination_content {
	width:550px; 
	position:relative; 
	left:220px; 
	top:0px;
	
}
#destination_right {
	width:180px; 
	float:right; 
	position:relative;
	top:0px;
	left:-10px;
	color:#6e7072;
	
}
#best_for_callout {
position:absolute;
left:635px;

top:135px;
width:188px;
}
#tools {position:relative; top:50px;}

#offers_other {position:absolute;
width:200px;
			left:630px;
			top:227px;
			min-height:265px;
			padding-top:0px;
			margin-bottom:0px;
			
}

#offers {position:absolute;
width:200px;
			left:630px;
			top:134px;
			min-height:265px;
			padding-top:0px;
			margin-bottom:0px;
			
}
.offershadow{float:left; 
			position:relative; 
			left:-14px; 
			top:3px; 
			width:224px;
			background-image: url("images/furniture/offerholder_top.jpg"); 
			margin-bottom:20px;}
.offerholder {position:relative; width:130px;  left:18px; top:18px; text-align:center; padding-bottom:3px;  }
.shadowbottom2 {position:relative; left:-18px; top:0px;  padding-bottom:3px;}
.topnav 	{
	font-size:13px;
	color:#cddbd1;
	padding-right:7px;
	padding-left:7px;
	border-right:1px #cddbd1 solid;
			}
.topnav:link { color: #cddbd1; text-decoration: none; }
.topnav:active { color: #cddbd1; text-decoration: none; }
.topnav:visited { color: #cddbd1; text-decoration: none; }
.topnav:hover { color: #f57d20; text-decoration: none; }

.topnava 	{
	font-size:13px;
	color:#f57d20;
	padding-right:7px;
	padding-left:7px;
	border-right:1px #cddbd1 solid;
			}
.topnava:link { color: #f57d20; text-decoration: none; }
.topnava:active { color: #f57d20; text-decoration: none; }
.topnava:visited { color: #f57d20; text-decoration: none; }
.topnava:hover { color: #f57d20; text-decoration: none; }

.topnavf 	{
font-size:13px;
	color:#cddbd1;
	padding-right:7px;
			}
.topnavf:link { color: #cddbd1; text-decoration: none; }
.topnavf:active { color: #cddbd1; text-decoration: none; }
.topnavf:visited { color: #cddbd1; text-decoration: none; }
.topnavf:hover { color: #f57d20; text-decoration: none; }

.topnavfa 	{
font-size:13px;
	color:#f57d20;
	padding-right:7px;
			}
.topnavfa:link { color: #f57d20; text-decoration: none; }
.topnavfa:active { color: #f57d20; text-decoration: none; }
.topnavfa:visited { color: #f57d20; text-decoration: none; }
.topnavfa:hover { color: #f57d20; text-decoration: none; }

.destinations {font-size:11px;}
.propnav 	{
	font-size:13px;
	color:#6e7072;
	padding-right:7px;
			}
.propnav:link { color: #6e7072; text-decoration: none; }
.propnav:active { color: #6e7072; text-decoration: none; }
.propnav:visited { color: #6e7072; text-decoration: none; }
.propnav:hover { color: #f57d20; text-decoration: none; }

.propnavact 	{
	font-size:13px;
	color:#f57d20;
	padding-right:7px;
			}
.propnavact:link { color: #f57d20; text-decoration: none; }
.propnavact:active { color: #f57d20; text-decoration: none; }
.propnavact:visited { color: #f57d20; text-decoration: none; }
.propnavact:hover { color: #f57d20; text-decoration: none; }
#signup_ds {
	visibility:hidden;
	z-index:9;
	position:absolute;
	left:592px;
	padding-right:20px;
	padding-bottom:20px;
	background: url("images/furniture/sign_up_ds.png") -8px -8px no-repeat;
	
}
#signup_form {

	z-index:9;
	padding:10px;
		background-color:#f57d20;
		width:290px;
		/*width:340px;*/
		height:45px;
		letter-spacing:0px;}

.signup_button {
	padding-top:2px;
		padding-left:2px;
		height:30px;
		width:80px;
		display:inline-block;
	  background: url("images/furniture/button.png") 0 0 no-repeat;
	  border:0;
}
.signup_email {
	width:197px; 
	margin-right:8px;
}
.signup_button:hover {
	background-position: -82px 0;
}

.leftnavbut {
padding-top:8px;
padding-left:8px;
color:#000;
text-decoration:none;
display:block;
height:24px;
width:71px;
   background: url("images/furniture/button.jpg") 0 0 no-repeat;
   }
.leftnavbut:hover {
   background-position: -80px 0;
 	color:#fff;
text-decoration:none;
   }
.leftnavbut:active {
   background-position: -80px 0;
   color:#fff;
text-decoration:none;   
   }

.leftnavbuta {
padding-top:8px;
padding-left:8px;
color:#fff;
text-decoration:none;
display:block;
height:24px;
width:71px;
background: url("images/furniture/button.jpg") 0 0 no-repeat;
 background-position: -80px 0;
   
   }
.leftnavbuta:hover {
   background-position: -80px 0;
 	color:#fff;
text-decoration:none;
   }
.leftnavbuta:active {
   background-position: -80px 0;
   color:#fff;
text-decoration:none;   
   }   

.dashedborder {
background: url("images/furniture/dash.jpg") 0 0 repeat-x;
width:262px;
position:relative;
top:0px;
vertical-align:top;
}
.dashedborder2 {
background: url("images/furniture/dash.jpg") 0 0 repeat-x;
width:292px;
position:relative;
top:0px;
vertical-align:top;
}
.dashedborderbestfor {
background: url("images/furniture/dash.jpg") 0 0 repeat-x;
width:188px;
position:relative;
top:0px;
vertical-align:top;
}
.dashedborderofferstop {
background: url("images/furniture/dash.jpg") 0 0 repeat-x;
width:200px;
position:relative;
top:0px;
vertical-align:top;
}
.dashedborderoffersbot {
background: url("images/furniture/dash.jpg") 0 0 repeat-x;

width:200px;
height:1px;
position:absolute; 
bottom:1px;
vertical-align:top;
}
.grey {color:#6e7072;}
.comments {color:#6e7072; line-height:16px; padding:0px; margin:0px; padding-top:15px;}
.comments2 {color:#6e7072; line-height:16px; padding:0px; margin:0px; }
.black {color:#000;}
.black2 {color:#000; padding-bottom:10px;}
.black3 {color:#000; font-size:12px;}
.padd4 {padding:4px;}

.clear_float {clear:both; padding-bottom:30px;}
.kill_float {clear:both; }
.alpha-shadow {
	 float: left;
	position:relative;
	top:3px;
	left:0px;
	background: url(images/furniture/drop_shadow_2.png)  no-repeat bottom right;
	margin-right:10px;
  }
.alpha-shadow div {
	position:relative;
	
  background: url(images/furniture/drop_shadow_2_mask.png)  no-repeat left top !important;
}

.alpha-shadow img {
	position:relative;
	margin-bottom:12px;
	margin-right:12px;
	padding-top:8px;
	top:0px;
	left:0px;
}

.comments_holder  {
	padding-left:0px;
	padding-top:5px;
	margin-right:10px;
	width:262px; 
background: url("images/furniture/dash.jpg") 0 0 repeat-x;
float:left;
padding-bottom:20px;
}

.submit {height:26px; width:75px; border:0px; background: url('images/furniture/button.jpg') 0 0 no-repeat;}

.submit:hover {background-position: -80px 0; color:#fff;}
/* Gallery Styles */

.social2 li {
		list-style-type:none;
		display:inline;	
		
	}
.social
{
	position:relative;
	top:4px;
}

.orange {color:#f57d20;}

#facebook { background: url('images/furniture/facebook.png') 0px 0px no-repeat;			
height:18px; 
			width:18px; 
			display: inline-block;
	
}
#facebook:hover { background: url('images/furniture/facebook.png') 0px -18px no-repeat;
			
			height:18px; 
			width:18px; 	
}
#twitter { background: url('images/furniture/twitter.png') 0px 0px no-repeat;
			height:18px; 
			width:18px; 
			display: inline-block;
	
}
#twitter:hover { background: url('images/furniture/twitter.png') 0px -18px no-repeat;
			
			height:18px; 
			width:18px; 	
}

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 664px; /* Set to gallery width, in px or percentage */
height: 130px; /* Set to gallery height */
float:left;
z-index:2;

}
#scroller {	width:80px;  
			font-size:10px;
			float:left; 
			position:relative; 
			padding-left:10px;
			top:30px; 
			z-index:3;
			height:50px;}
#scroller2 {	width:130px;  
			font-size:10px;
			float:left; 
			position:relative; 
			padding-left:13px;
			top:0px; 
			z-index:3;
			height:50px;}
#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

/* scaleable background image */
img#expando {
display: none;
position: absolute;
z-index: 1;
-ms-interpolation-mode: bicubic;
}
 
.wide img#expando,
.tall img#expando {
display: block;
}
 
.wide img#expando {
height: auto;
width: 100%;
}
 
.tall img#expando {
height: 100%;
width: auto;
}