@charset "UTF-8";

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

[Stylesheet]

Project:			fourwindsvillas holding page
Version:			1.0
Last change:		14.12.2009
Assigned to:		Alex
Primary use:		fourwindsvillas

-------------------------------------------------------------------------------

[Table of contents]

1. Browser Reset
2. General Layout

-------------------------------------------------------------------------------

[Color codes]

Background:			#FFFFFF (white)
Content:			#666666 (mid dark grey)
Header h1:			#666666 (mid dark grey)
Header h2:			#666666 (mid dark grey)
Header h3:			#666666 (mid dark grey)

a (standard):		#666 (mid dark grey)
a (visited):		#666 (mid dark grey)
a (active):			#666 (mid dark grey)

-------------------------------------------------------------------------------

[Typography]

Body copy:			1.2em/1.6em Arial, Verdana, Helvetica, Geneva, sans-serif;
Header h1:			2.7em/1.3em Arial, Verdana, Helvetica, Geneva, sans-serif;
Input, textarea:	1.1em Arial, Verdana, Helvetica, Geneva, sans-serif;

Notes:				Notes here...

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

/*/////////////////////////////////////////////////////////////////////////////
1. Browser Reset
////////////////////////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {
	background: #2c599d url(../images/htmlbg.gif) top left repeat-x;
}

body {

	color: #666;
	font:76%/140% "Century Gothic", Arial,Verdana,Helvetica,sans-serif;
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.number1 {
	background-color: #000000;
	width: 200px;
	height: 400px;
	float: left;
}

.number2 {
	background-color: #990033;
}

.width {
	float: inherit;
	width: 200px;
	height: 100px;
}

.clear {
	clear: both;
}

/*/////////////////////////////////////////////////////////////////////////////
2. General Layout
////////////////////////////////////////////////////////////////////////////*/

a,
a:link {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: underline;
}

a:active {
	color: #666;
	text-decoration: underline;
}

p {
	padding-bottom: 18px;
}

p.lastp {
	padding-bottom: 0;
}

.dark {
	color: #333;
}

h1#welcome a {
	background: transparent url(../images/start.jpg) top center no-repeat;
	display: block;
	width: 1000px;
	height: 760px;
	margin: 55px auto 0 auto;
}

h1#welcome a span {
	display: block;
	height: 0;
	text-indent: -9999px;
}

#flash {
	margin: 55px auto 0 auto;
	width: 1002px;
	height: 550px;
}

.container {
	margin: 0 auto;
	width: 980px;
	padding: 70px 0 20px 0;
}

.header {
	background: transparent url(../images/headerbg.jpg) top left no-repeat;
	width: 980px;
	height: 432px;
}

.content {
	background: #FFF url(../images/contentbg.gif) top right no-repeat;
	width: 889px;
	padding: 37px 48px 37px 43px;
	line-height: 1.6;
}

.content_left {
	width: 539px;
	float: left;
}

.content_right {
	width: 	296px;
	float: right;
	padding-top: 50px;
}

.siteend {
	background: transparent url(../images/siteend.jpg) top left no-repeat;
	width: 980px;
	height: 15px;
}

ul#headernav {
	float: right;
	padding: 113px 30px 0 0;
}

ul#headernav li {
	float: left;
	padding-right: 10px;
}

ul#headernav li#navenquiry,
ul#headernav li#navbook {
	border-left: 1px solid #000;
	float: left;
	padding-left: 11px;
}

ul#headernav li a {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 20px;
	color: #000;
	text-decoration: none;
}

h2.mainhead,
h2.mainheadfirst {
	font-size: 18px;
	font-weight: normal;
	padding: 65px 0 20px 0;
	color:#333;
}

h2.mainheadfirst {
	padding: 0 0 20px 0;
}

#map {
	margin: 10px 0 10px 0;
	height: 231px;
	width: 539px;
}

img.img {
	border: 10px solid #e8eaec;
	margin-bottom: 40px;
}

form#contactform {
	margin: 25px 0 0 0;
}

form#contactform label {
	display: block;
	float: left;
	color: #666;
	width: 80px;
	padding-top: 2px;
}

form#contactform label#emaillabel {
	display: block;
	float: left;
	color: #666;
	width: 50px;
}

form#contactform input.comment_field {
	background: #fbfbfb;
	border: 1px solid #ccc;
	width: 173px;
	color: #999999;
	padding: 3px;
	font:1.05em "Century Gothic", Arial,Verdana,Helvetica,sans-serif;
}

form#contactform textarea {
	background: #fbfbfb;
	border: 1px solid #ccc;
	width: 450px;
	height: 120px;
	color: #999;
	padding: 3px;
	font:1.05em "Century Gothic", Arial,Verdana,Helvetica,sans-serif;
	float: right;
}

form#contactform input#submit {
	margin-top: 66px;
	opacity: 0.7;
}

h3.thanks {	
	color: #666;
	padding: 0;
	margin: 10px 0;
	font-size: 14px;
}

.formitem_name {
	float: left;
	margin-right: 45px;
}

.formitem_message {
	margin-top: 15px;
}