@import "florida1st.css";
@import "f1st-forms.css";

/*  Colours: Turquoice background  - #5ed5fd */

body{
	background-color:white;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:1em;
	color: 	#0c5bb6;
	margin:0px;
	height:100%;
}

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:normal;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	padding-left:.1em;
	font-weight:normal;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.9em;
	padding-left:.2em;
	font-weight:normal;
}

p {
	font-size:80%;
	line-height:0.1em;
}

form {
	/* background-color:#f0edbf; */
}

input {
	font-size:11px;
}

select {
	font-size:11px;
}

blockquote {
	border: 3px double blue;
	background-color:#fdd55d;
}

ul, ol, dl {
              position: relative;  }


strong {
	color:#333333;
	font-weight:normal;
}

.vividdesign {
	position:relative;
	margin-left:5em;
}

a:link{
	/*text-decoration:none; */
}

/* main page layout element */
#villas-pagecell {
	position:relative;
	height:100%;
	width:100%;
	min-height:100%;
	background-color: white;
	z-index: 1;
	top: 1px;
}
/* browsers other than IE5x */
html>body #villas-pagecell {
	height:auto;
}
/* Villas.com Corporate Header */
#villas-header{
	background-image: url("../images/corporate-gradient-bar.jpg");
	color:white;		/* Font color for text headings */
	padding-top:1em;
}

/* Florida 1st Villas Title in heading section */
#villas-title{
	margin-left:0.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	font-style:normal;
}

.villas-title h1 {
	margin-left:0.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.7em;
	font-style:normal;
}

span.title {
	padding-left:10px;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-size:20px;
}

#headline_contact {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	top: 33px;
	right:1em;
	font-style:normal;
}

#dated{
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:white;
	font-style:normal;
	right:2em;
	top:10px;
	position:absolute;
}

/* Main Navigation Bar */
#globalNavbarBg{
	background-color: #99CDFF;
	/* villas.com colour = #f3a54a;		 Orange */
}
#globalNavbar{
	font-size: 0.9em;
	padding: 3px 6px 3px 6px; 
	border-top:thin solid white;
	border-bottom: thin solid #339BFF;
}

#globalNavbar a{
	cursor: pointer;
	padding: 3px 6px 3px 6px;
	text-decoration: none;
	color: #000065;
	vertical-align:middle;
}

#globalNavbar a:hover {
	padding-right:5px;
	padding-left:5px;
	border: 1px solid #b6670c;
	background-color: #fdd65c;
	color: #b6670c;
}

#globalNavbar img {
	border:0px;
}

.glSep{
	color:#000034;
	font-size: 0.85em;
	padding: 0px 1px 2px 1px;
}

.testimonial {
	display:block;
	color: blue;
	padding:.2em;
	font-weight:normal;
	text-align:justify;
	border: 1px solid rgb(240,202,138);
	margin-left:1em;
	margin-right:1em;
	margin-bottom:.5em;
}

.testimonial p:first-letter {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 225%; float: left;
	color:rgb(253,155,77);
	margin-right:.1em;
	margin-top:-.1em;
	margin-bottom:0;
	margin-left:0;
}

.testimonialname {
	background-image:url(../images/smiley.gif);
	background-repeat:no-repeat;
	display: block;
	color:#333;
	margin-left:1em;
	margin-top:.3em;
	padding-left:1.5em;
}

.newbuild {
	font-size:.9em;
	color: black;
	font-weight:normal;
}

/* layout and design for property views */
#newbuildproperty {
	background-color: #fff;
	padding-left:5px;
}

#newbuildproperty table {
	border:1px solid black;
	margin-top: -19px;
}

#newbuildproperty h2 {
	margin-bottom:-15px;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
}

.viewproperty {
	display:block;
	margin-top:1.5em;
	margin-bottom:1.5em;
	border: 1px solid black;
	width:600px;
	height:320px;
}

.tdheader {
	text-align:center;
	font-size:.8em;
	font-weight:bold;
	border:1px solid black;
	background-color:#FFFF99;
}
.tdcontent {
	font-size:.8em;
	text-align:center;
	border:1px solid black;
}

/* ------------------------------------ */

/* General useful elements */

.bold{
font-weight: bolder;
}

.hide {
	display:none;
}

.centre {
	text-align:center;
}

.top {
	font-size:.6em;
	text-align:right;
}

/* ------------------------------------ */

/* Display date in Header section at top right of page */

#temperature {
	font-size:x-small;
	color:white;
	font-style:normal;
	right:15em;
	top:10px;
	position:absolute;
}

#navleft{
	position: absolute;
	left:10px;
	top:90px;
	width:200px;
	padding: 0;
/*	border: 1px solid #cccccc;	*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#navleft h1{
	background-color: #FE974A; 
	color:white;
	text-align:left;
	font-size:.9em;
	font-weight:normal;
	padding-left:.3em;
	padding-right: .3em;
	padding-bottom:2px;
	padding-top:4px;
}
#navright{
	position: absolute;
	right:10px;
	top:90px;
	width:200px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#navright h1{
	background-color: #FE974A; 
	color:white;
	text-align:left;
	font-size:.9em;
	font-weight:normal;
	padding-left:.3em;
	padding-bottom:2px;
	padding-top:4px;
}

/************ sectionLinks styles **************/
#sectionLinks{
	margin: 0px;
	padding: 0px;
	font-size:.8em;
	border:1px solid #ccc;
}
#sectionLinks a:link, #sectionLinks a:visited {
	text-decoration: none;
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #0c5bb6;
	background-color:#99CDFF;
	/* background-color:#5dd5fd;	*/
	padding: 3px 0px 3px 10px;
	color: white;
}
#sectionLinks a:hover{
	border-top: 1px solid #0c5bb6;
	background-color: #FE974A;
}
#sectionLinks img{
	border:none;
}

#onsection {
	border-top: 1px solid #0c5bb6;
	background-color: #f3a54a;
}

#coming-soon {
	margin: 0;
	padding: 0;
	font-size:.8em;
	border:1px solid #ccc;
}

#coming-soon a:link, #coming-soon a:visited {
	text-decoration: none;
	display:block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #0c5bb6;
	background-color:#99CDFF;
	padding: 3px 0px 3px 10px;
	color: white;
}
#coming-soon a:hover {
	border-top: 1px solid #0c5bb6;
	background-color: #FE974A;
}

#selling-out {
	margin: 0px;
	padding:0px;
	font-size:.8em;
}
#selling-out a:link, #selling-out a:visited {
	text-decoration: none;
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #0c5bb6;
	background-color:#5dd5fd;
	padding: 3px 0px 3px 10px;
	color: white;
}
#selling-out a:hover {
	border-top: 1px solid #0c5bb6;
	background-color: #f3a54a;
}

#information {
	margin: 0;
	padding: 0;
	font-size:.8em;
	border: 1px solid #ccc;
}

#information a:link, #information a:visited {
	text-decoration: none;
	display:block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #0c5bb6;
	background-color:#99CDFF;
	padding: 3px 0px 3px 10px;
	color: white;
}
#information a:hover {
	border-top: 1px solid #0c5bb6;
	background-color: #FE974A;
}

#straplines {
	background-color: #29C1FF;
	border:3px double #339BFF;
	padding:0.5em;
	height:80px;
	font-size:.8em;
	margin-top:10px;
}

#straplines h1 {
	background-color:#339BFF;
	text-align:center;
	color:white;
	margin-bottom:.4em;
}

.straplinefact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:white;
}

/* End of Section Links */

/* -------------------------- Page Content --------------------------- */
#pageContent{
	margin-left: 210px;
	margin-right:210px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 211px;
	margin-right:211px;
	background-color: white; 
	/*border: 1px solid black;*/
}
html>body #pageContent {
margin-left: 211px;
margin-right:211px;
	}

#pageContent h1{
	margin:.5em;
}
#pageContent h2 {
	margin-left:1em;
	margin-right:1em;
	margin-bottom:.2em;
}

#pageContent h3{
	margin: .5em;
}
#pageContent p{

	letter-spacing:normal;
	line-height:normal;
	margin:1em;
	padding-left:1em;
	padding-right:1em;
	text-align:justify;
}

#pageContent table{
background-color: #FFFFCC;
font-size: .8em;
color: black;
border:3px double #fdd65c;
}

#pageContent em{
font-weight: bold;
}

#pageContent ul{
	font-size: .8em;
	color:black;
}
#homePageContent{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 15px;
}

#contact-us {
}

.services-thumbnail-right {
	float:right;
	border:1px solid #343434;
	margin-right:1em;
	margin-left: .7em;
	margin-top:.5em;
	width:195px;
	height:120px;
}

.services-thumbnail-left {
	float:left;
	border:1px solid #343434;
	margin-right:.7em;
	margin-top:.5em;
	width:195px;
	height:120px;
}

#testimonial{
	font-size:.8em;
	background-color:#f3a54a;
	color:white;
	margin-top:10px;
	border:3px double #fdd65c;
	padding:0.5em;
	text-align:left;
}

#testimonial h1 {
	background-color:#fdd65c;
	text-align:center;
}

#advert {
	margin-top:5px;
}

#advert img {
	border:none;
}

#mortgageCalc{
	background-color:#f3a54a;
	position:absolute;
	top:330px;
	right:2%;
	color:white;
	width: 200px;
	height: 150px;
	border:1px solid black;
}

#villaOrangeimage {
	top:143px;
	position:absolute;
	height:119px;
	float:right;
	z-index:100;
}

/* Resale Homes */

#resale {
	border:1px solid #FF9999;
	background-color:#f0edbf;
	margin-left:1em;
	margin-right:1em;
	color:black;
}

#resale h2 {
	border:0;
	margin-top:.5em;
	padding:0;
}

.resale_property {
	padding:3px;
}

.resale_ref {
	padding-left:1em;
	padding-top:.5em;
	font-size:.9em;
	font-weight:bold;
}
.resale_name {
	font-weight:bold;
}
.resale_desc {
	text-align:justify;
	margin-left:1em;
	margin-right:1em;
	margin-bottom:1em;
	font-size:.8em;
	line-height:1.5em;
	display:block;
}
.resale_beds {
	font-size:.8em;
	padding-left:1em;
	padding-right:2em;
}

.resale_photo {
	float:right;
	margin-right:15px;
	margin-left:15px;
	width:150px;
	height:100px;
	border:1px solid white;
}
.resale_photo_frame {
	display:block;
}

/* FAQS */

.faq_question {
	font-size:.9em;
	color:blue;
	margin-left:1em;
	margin-right:1em;
	margin-bottom:.5em;
	padding-top:.2em;
	padding-left:.4em;
	border:1px solid #f99;
	background-color:#f0edbf;
	display:block;
}

.faq_answer {
	color: black;
	padding:.5em;	
	font-weight:normal;
	text-align:justify;
	background-color:#f0edbf;
	display:block;
}

/* Buyers Guide CSS */
.guide_subject {
	font-size:.9em;
	color:blue;
	padding:.2em;
	border-top: 1px solid #FF9999;
	border-bottom: 1px solid #FF9999;
	border-right: 1px solid #FF9999;
	border-left: 10px solid #FF9999;
	background-color:#f0edbf;
	display:block;
}

#step-bar {
	background-color:#4486b0;
	padding-top:0.1em;
	padding-bottom:0.1em;
	border: 1px solid black;
	color:white;
}
#step-bar a {
	margin-right:1em;
	background-color:#418da4;
	padding-right:4em;
	border: 1px solid black;
	font-size:0.8em;
	text-decoration:none;
	color:white;
}
#step-bar a:link {
	cursor:pointer;
}
#step-bar a:hover {
}

.navigation_link {
	font-size:.9em;
}
.navigation_link a {
	padding: 0px 5px 0px 5px;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid orange;
	color: #b6670c;
	background-color:white;
	vertical-align:middle;
}

.navigation_link a:link {
	cursor:pointer;
}

.navigation_link a:hover {
	padding: 0px 5px 0px 5px;
	border: 1px solid #b6670c;
	background-color: #fdd65c;
	color: #b6670c;
}

/* Used for jumping back to top of current page */
.navigation_top {
	display:block;
	text-align:center;
	margin-bottom:.5em;
	font-size:.9em;
}
.navigation_top a{
	padding: 0px 5px 0px 5px;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid orange;
	color: #b6670c;
	vertical-align:middle;
}

.navigation_top a:hover {
	padding: 0px 5px 0px 5px;
	border: 1px solid #b6670c;
	background-color: #fdd65c;
	color: #b6670c;
}

/* Resale Image Viewer */
#servicesLargeImage {
border: 1px #c0c0c0 solid;
height: 225px;
left: 10px;
position: absolute;
top: 230px;
width: 340px;
z-index: 4
}

#servicesimages {
border: 1px #c0c0c0 dotted;
height: 185px;
left: 10px;
position: absolute;
top: 30px;
width: 340px;
z-index: 1
}

#servicesimages img {
	margin:4px;
	background-color:#ccc;
}

#packLargeImage {
	margin-bottom:10px;
	border: 1px #c0c0c0 solid;
	left: 10px;
	z-index: 4
}

#pack_gallery {
	border: 1px #ccc dotted;
	width: 680px;
	left: 10px;
	top: 30px;
	z-index: 1
}
#pack_gallery img {
	margin:4px;
	border: 1px #ccc;
	background-color:#ccc;
}

#home_sales_text {
	width:550px;
	border:1px solid black;
	margin-left:auto;
	margin-right:auto;
}

p.home_sales_text {
	padding:0;
	margin:0;
}