/* CSS Document */

/* Tenerife Property Video Blog - http://www.propertyforsaleintenerife.com */

html, body {margin: 0; padding: 0;}

body {
		font-family: Arial, Helvetica, sans-serif;
		color: #333;
		font-size: 12pt;
}
input, textarea {color: #333;}
#frame {
		margin: 0 auto;
		padding: 0;
		width: 960px;
}
		#header {
				margin: 0;
				padding: 0;
				width: 960px;
				height: 106px;
		}
				#header img {
						float: left;
						margin: 0;
						padding: 0;
						border: none;
				}
				#header form {
						float: right;
						margin: 18px 0 0 0;
						padding: 0;
						width: 302px;
						height: 32px;
						background: url(images/tagsformbg.gif) no-repeat;
				}
				#header input {
						margin: 0;
						padding: 0;
						border: 0px;
						float: left;
				}
										#header input:focus {outline: none;} /* Prevents the input border in Chrome. */
				#header .input {
						margin-top: 7px;
						margin-left: 10px;
						margin-right: 10px;
						width: 190px;
				}
				#header .search {
						width: 92px;
						text-align: center;
						color: #fff;
						font-size: 12pt;
						height: 32px;
						background: url(images/tagssearchbg.gif) no-repeat;
						cursor: pointer;
				}
				#header .contact {
						float: right;
						display: inline;
						margin: 10px 0 0 0;
						padding: 0;
						width: 300px;
						text-align: right;
				}
						#header .contact img {float: none}
		#nav {
				width: 950px;
				height: 35px;
				margin: 0;
				padding: 0 0 0 10px;
				background: url(images/navbg.png) no-repeat #26428d;
		}
				#nav ul {
						margin: 0;
						padding: 0;
						list-style: none;
						display: inline;
				}
				#nav li {
						display: inline;
						float: left;
						margin: 7px 10px 0 0;
						padding: 0;
						height: 21px;
						line-height: 21px;
				}
						#nav li:hover {background: url(images/navhoverleft.gif) left no-repeat #4d6cce;}
				#nav a {
						display: block;
						color: #fff;
						text-transform: uppercase;
						text-decoration: none;
						font-size: 10pt;
						font-weight: bold;
						height: 21px;
						margin: 0;
						padding: 0 10px;
				}
						#nav a:hover {background: url(images/navhoverright.gif) right no-repeat;}
		#content {
				width: 918px;
				padding: 20px;
				margin: 0;
				border-left: 1px solid #26428d;
				border-right: 1px solid #26428d;
		}
				#col1 {
						float: left;
						margin: 0 20px 0 0;
						padding: 0;
						width: 600px;
				}
				#col2 {
						float: left;
						margin: 0;
						padding: 0;
						width: 298px;
				}
				h1, h3 {
						color: #fd7a1f;
						font-size: 14pt;
						font-weight: normal;
						text-transform: uppercase;
						display: block;
						width: 580px;
						margin: 0;
						padding: 0 10px 3px 10px;
						height: 32px;
						border-bottom: 5px solid #fd7a1f;
				}
				h3 {
						color: #26428d;
						border-bottom-color: #26428d;
						width: 278px;
				}
				h1 img, h3 img {
						margin-right: 10px;
						margin-bottom: -3px;
						position: relative; bottom: -3px;
				}
				h2 {
						font-size: 18px;
						font-weight: normal;
						margin: 10px 0 0 10px;
				}
				a {color: #4e6dca;}
						.thumbnail-area {
								width: 172px;
								height: 132px;
								margin: 10px 10px 0 10px;
								padding: 0;
								float: left;
								display: inline;
						}
						.thumbnail { /* The thumbnail images for the articles. */
								margin: 0;
								float: left;
								display: inline;
								padding: 5px;
								border: 1px solid #bbb;
								-moz-box-shadow: 0px 0px 5px #bbb;
								-webkit-box-shadow: 0px 0px 5px #bbb;
								box-shadow: 0px 0px 5px #bbb;
						}
						.video-overlay {
								width: 172px;
								height: 132px;
								padding: 0;
								margin: 0 -172px 0 0;
								float: left;
								display: inline;
								position: relative;
								left: -172px;
								background: url(images/videooverlay.png) center no-repeat;
								opacity: 0.5;
								filter:alpha(opacity=50);
								cursor: pointer;
						}
						.video-overlay:hover {opacity: 0.75; filter:alpha(opacity=75);}
						.byline, .search-details {
								float: right;
								width: 390px;
								height: 40px;
								font-size: 10pt;
								margin: 10px 10px 10px 0;
								padding: 0;
						}
						.search-details {
								font-size: 13pt;
								color: #4fa739;
								height: 30px;
						}
								.search-details table {
										margin: 0;
										padding: 0;
										width: 390px;
										height: 30px;
								}
										.search-details table td {width: 195px;}
								.byline img {
										float: left;
										margin: 0 10px 0 0;
										border: 1px solid #4c6dce;
										width: 38px;
										height: 38px;
										display: inline;
								}
				p {margin: 10px 0 0 10px;}
				.clear {clear:both; height: 0px;}
				.content-img {
						margin: 0 10px 0 10px;
						float: right;
						display: inline;
						padding: 5px;
						border: 1px solid #bbb;
						-moz-box-shadow: 0px 0px 5px #bbb;
						-webkit-box-shadow: 0px 0px 5px #bbb;
						box-shadow: 0px 0px 5px #bbb;
				}
						#col1 hr {
								color: #333;
								background: #333;
								height: 1px;
								border: 0px;
								width: 580px;
								margin: 10px 10px 0 10px;
								padding: 0;
						}
						.readmore {
								float: right;
								margin: 10px 10px 0 0;
								opacity: 0.75;
								filter:alpha(opacity=75);
						}
						.readmore:hover {opacity: 1; filter:alpha(opacity=100);}
						.viewmorearticles {
								margin: 30px 180px 10px 180px;
								width: 240px;
								position: relative;
								z-index: 50;
						}
						.viewmorearticles img {opacity: 0.75; filter:alpha(opacity=75);}
						.viewmorearticles:hover img {opacity: 1; filter:alpha(opacity=100);}
						#col2 form {
								margin: 15px 10px 10px 10px;
								padding: 0;
								width: 278px;
						}
						#col2 table {
								margin: 0;
								padding: 0;
								width: 278px;
						}
								#col2 table th {
										font-size: 10pt;
										color: #26428d;
										font-weight: normal;
										text-align: left;
										border-bottom: 10px solid #fff;
										text-decoration: none;
										vertical-align: middle;
										text-align: right;
								}
								#col2 form input, #col2 form select {
										width: 170px;
										margin: 0 0 10px 10px;
										float: right;
										outline: none;
										border: 1px solid #bbb;
								}
								#col2 form select {width: 172px;}
								#col2 form .submit {
										width: 107px;
										height: 32px;
										text-align: center;
										color: #fff;
										font-size: 12pt;
										background: url(images/col2submit.gif) no-repeat;
										border: 0px;
										margin-bottom: 0;
										cursor: pointer;
								}
								#col2 table a {
										float: right;
										font-size: 8pt;
										color: #4d6cce;
								}
						#col2 .badges {
								width: 298px;
								margin: 0;
								padding: 0;
								text-align: center;
						}
								#col2 .badges img {
										border: 0px;
										margin: 30px 0 0 0;
										opacity: 0.75;
										filter:alpha(opacity=75);
										cursor: pointer;
								}
								#col2 .badges img:hover {opacity: 1.0; filter:alpha(opacity=100);}
						#col2 .author-info {
								width: 258px;
								padding: 15px 20px 15px 20px;
								background: #4d6cce;
								margin: 0 0 20px 0;
								color: #fff;
								font-size: 9pt;
						}
								#col2 .author-info img {
										width: 100px;
										height: 100px;
										float: right;
										margin: 0 0 20px 20px;
										border: 1px solid #fff;
								}
						#col1 .share {
								width: 200px;
								float: right;
								margin: 10px 10px 0 0;
								padding: 0;
								text-align: right;
						}
						#col1 .back {
								font-size: 9pt;
								margin: 12px 20px 0 20px;
								float: left;
						}
						#col1 .article-image {
								padding: 5px;
								border: 1px solid #bbb;
								-moz-box-shadow: 0px 0px 5px #bbb;
								-webkit-box-shadow: 0px 0px 5px #bbb;
								box-shadow: 0px 0px 5px #bbb;
								margin: 20px auto 10px auto;
						}
						#col2 .article-list {
								list-style-image: url(images/articlelistimg.gif);
								list-style-position: inside;
								font-size: 9pt;
								margin: 10px 20px;
								padding: 0;
						}
						#col2 .col2back {
								opacity: 0.75;
								filter:alpha(opacity=75);
								cursor: pointer;
								margin: 0 0 20px 0;
						}
						#col2 .col2back:hover {opacity: 1.00; filter:alpha(opacity=100);}
/* Property Search Form. */
		.checkbox-option {
				width: 190px;
				margin: 10px 0 0 10px;
				padding: 0;
				display: inline;
				float: left;
				font-size: 11pt;
		}
				.checkbox-option input {margin: 0 10px 10px 0; vertical-align: text-top;}
				.bedrooms {margin: 10px 10px 0 15px;}
		.price {margin: 10px 0 0 10px;}
				.price select {
						margin: 0 15px 10px 10px;
						width: 170px;
						border: 1px solid #bbb;
						vertical-align: text-top;
				}
		#col1 form .submit {
				width: 200px;
				height: 58px;
				background: url(images/col1submit.gif) no-repeat;
				font-size: 20pt;
				color: #fff;
				margin: 30px 200px 10px 200px;
				padding: 0;
				border: 0px;
		}
/* Property Details Page.*/
		.largeimage-area {
				width: 312px;
				height: 237px;
				float: left;
				margin: 10px 20px 0 10px;
				display: inline;
				padding: 0;
		}
				.largeimage-area img {
						padding: 5px;
						border: 1px solid #bbb;
						-moz-box-shadow: 0px 0px 5px #bbb;
						-webkit-box-shadow: 0px 0px 5px #bbb;
						box-shadow: 0px 0px 5px #bbb;
				}
				.property-details {
						width: 248px;
						margin: 20px 10px 0 0;
						padding: 0;
						float: left;
				}
						.property-details th {
								background: #fd7a1f;
								text-align: left;
								padding: 5px 10px;
								font-size: 16pt;
								text-decoration: none;
								font-weight: normal;
								color: #fff;
								border-right: 1px solid #fff;
								border-bottom: 1px solid #fff;
						}
						.property-details td {
								background: #fed3b5;
								border-right: 1px solid #fff;
								border-bottom: 1px solid #fff;
								padding: 7px 10px;
								font-size: 9pt;								
						}
				.view-more-images {
						font-size: 9pt;
						margin: 0 0 10px 10px;
				}
				.price-button {
						text-align: center;
						font-size: 20pt;
						width: 240px;
						height: 39px;
						margin: 20px 180px 0 180px;
						padding: 0;
						color: #fff;
						line-height: 39px;
						background: url(images/priceback.gif) no-repeat;
				}
				.gallery-image {
						float: left;
						display: inline;
						margin: 20px 0 0 21px;
						width: 172px;
						height: 132px;
				}
						.gallery-image img {
								padding: 5px;
								border: 1px solid #bbb;
								-moz-box-shadow: 0px 0px 5px #bbb;
								-webkit-box-shadow: 0px 0px 5px #bbb;
								box-shadow: 0px 0px 5px #bbb;
								background: #fff;
						}
						.gallery-image .hidden {
								display: none;
								float: left;
								position: relative;
								margin-top: -132px; /* Brings the image back inline with the top of the div */
								z-index: 100;
						}
						.gallery-image:hover .hidden {
								display: block;
						}
/* Enquiry Form. */
		.enquiry {
				width: 520px;
				margin: 20px 40px 10px 40px;
				padding: 0;
		}
				.enquiry th {
						padding: 5px 10px;
						font-size: 13pt;
						color: #fff;
						background: #fd7a1f;
						font-weight: normal;
						text-align: left;
						border-bottom: 1px solid #fff;
				}
				.enquiry td {padding: 5px 10px;}
				.enquiry input {
						width: 300px;
						border: 1px solid #bbb;
						font-size: 12pt;
				}
				.enquiry textarea {
						width: 350px;
						border: 1px solid #bbb;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12pt;
				}
				.enquiry .sendenquiry {
						font-size: 12pt;
						width: 151px;
						height: 32px;
						color: #fff;
						background: url(images/enqsubmit.gif) no-repeat;
						text-align: center;
						border: 0px;
						margin: 10px 0 0 0;
				}
		#footer {
				width: 920px;
				padding: 20px;
				background: #26428d;
				color: #fff;
				font-size: 9pt;
				margin: 0;
		}
				#footer a {color: #fff; text-decoration: none;}
				#footer .contact {
						width: 460px;
						float: right;
						margin: 0;
						padding: 0;
						text-align: right;
				}
		#bottom-bar {
				width: 960px;
				height: 10px;
				background: #fe7a1e;
				margin: 0;
				padding: 0;
		}
.latest-property {width: 200px; float: left; margin: 10px 0;}
.latest-property .thumbnail {margin-left: 14px; margin-right: 14px; float: none;}
.latest-property .titlediv {font-weight: bold; text-align: center; font-size: 9pt; font-style: italic; padding-top: 5px; padding-bottom: 5px;}
.more-properties {text-align: right; font-size: 9pt; font-style: italic; padding-top: 0px; padding-bottom: 5px; padding-right: 10px; margin: 0;}