/*=================================================================================

Project:	    Management One
Version:		1.0
Last Changed:	04.05.2009
Author:			Daniel Rus

=================================================================================*/


/*=================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT  
	2.3 FOOTER
3 NAVIGATION
	3.1 MAIN NAVIGATOR
	3.2 LANGUAGES
4. FORMS
=================================================================================*/


/* 1. GENERAL -------------------------------------------------------------------*/

html
{
	height: 100%;
}

body
{
	height: 100%;
	background: #ffffff url(../images/bgMain.gif) repeat-x;	
	margin: 0;
	font: normal 0.85em/1.5em "Times New Roman", Times, serif;
	color: #333333;
}

h1
{
	margin: 1em 0 0.8em -0.5em;
	font-weight: bold;
	font-size: 1.6em;
}

h2
{
	margin: 1em 0 0.5em 0;
	font-weight: bold;
	font-size: 1.5em;
}

img
{
	border: none;
}


p
{
	margin: 1em 0;
	text-align: justify;
}

em
{
	font-weight: bold;
	font-size: 1.2em;
}

a
{
	color: #1171d3;
	text-decoration: none;
}

a:hover
{
	color: #3d9dff;
}

.clearAll
{
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}





/* 2. LAYOUT --------------------------------------------------------------------*/

#container
{
	width: 866px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* 2.1 HEADER ---------------*/

#header
{
	height: 548px;
}

.logo
{
	float: left;
	margin-top: 50px;
}

.languages
{
	clear: left;
	float: left;
	padding: 6px 0 0 70px;
}

.phone
{
	float: right;
	width: 250px;
	height: 134px;
	background: url(../images/phone.gif) no-repeat left center;
	text-indent: -9999px;
}

.topPhoto
{
	clear: both;
	height: 234px;
	padding: 140px 0 0 590px;
	background: url(../images/topPhoto.jpg) no-repeat;
}
	

/* 2.2 CONTENT  -------------*/

#content
{
	padding: 20px 20px 140px 20px;
}

.contentBody
{
	float: left;
	width: 580px;
}

.infoForm
{
	float: right;
	width: 200px;
	background: url(../images/bgFormInfo.gif) no-repeat 0 50px;
}

.infoForm form
{
	padding: 20px 0 0 24px;
	text-align: left;
}

.features
{
	float: left;
	width: 270px;
	padding-left: 20px;
	font-size: 0.9em;
}

.features ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.features h2
{
	margin-top: 0;
	font-size: 1.2em;
}

.infoForm h2
{
	color: #1171d3;
	padding-left: 10px;
}

.promo
{
	clear: both;
	padding-top: 10px;
}

.promo h2
{
	font-size: 1.2em;
}

.promo p
{
	font-size: 2.2em;
	margin: 0 0 0 20px;;
}

.logos
{
	float: right;
	width: 260px;
	font-size: 0.9em;
	padding-top: 20px;
}

.logos img { vertical-align: top; }

.stepNo
{
	color:#002e51;
	font-weight:bold;
}

.stepArrow
{	
	background:url(../images/arrow.gif) left top no-repeat; 
	padding-left:12px;
}


/* 2.3 FOOTER  -------------*/

#footer
{
	margin-top: -110px;
	height: 110px;
	background-color: #2a231b;
}

.footerContent
{
	width: 866px;
	margin: 0 auto;
	color: #ffffff;
	background: url(../images/bgFooter.gif) no-repeat top right;
}

.copyright
{
	float: left;
	width: 260px;
	height: 100px;
	margin-top: 30px;
	background: url(../images/copyright.gif) no-repeat;
	text-indent: -9999px;
}






/* 3. NAVIGATION  ----------------------------------------------------------------*/

/* 3.1 MAIN NAVIGATOR ----------------*/

#navMain
{
	height: 41px;
	background-color: #f7f6f6;
	padding-left: 1px;
}

#navMain ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#navMain ul li
{
	float: left;
	width: 215px;
	padding-right: 1px;
}

#navMain ul li a
{
	float: left;
	width: 215px;
	height: 41px;
	text-indent: -9999px;
}

#navMain ul li a:hover
{
	background-position: 0 -41px;
}

#navMain ul li a:focus
{
	outline: none;
}

.navMain-search { background: url(../images/btSearchLuxuryRentals.gif) no-repeat; }
.navMain-news { background: url(../images/btNews.gif) no-repeat; }
.navMain-rental { background: url(../images/btCondoRental.gif) no-repeat; }
.navMain-contact { background: url(../images/btContact.gif) no-repeat; }


/* 3.2 LANGUAGES ---------------------*/

.languages ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.languages ul li
{
	float: left;
	margin-right: 5px;
}

.languages ul li a
{
	float: left;
	width: 17px;
	height: 12px;
	text-indent: -9999px;
}

.languages ul li a:focus
{
	outline: none;
}

.french { background: url(../images/flags.gif) no-repeat 0 0; }
.german { background: url(../images/flags.gif) no-repeat -23px 0; }
.spanish { background: url(../images/flags.gif) no-repeat -46px 0; }
.italian { background: url(../images/flags.gif) no-repeat -69px 0; }
.portuguese { background: url(../images/flags.gif) no-repeat -92px 0; }


/* 3.3 FOOTER NAVIGATOR --------------*/

.navFooter
{
	padding-top: 50px;
}

.navFooter ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.navFooter ul li
{
	float: left;
	padding-left: 30px;
}

.navFooter ul li a
{
	float: left;
	height: 25px;
	text-indent: -9999px;
}

.navFooter-search { width: 115px; background: url(../images/spriteNavFooter.gif) no-repeat 0 0; }
.navFooter-news { width: 34px; background: url(../images/spriteNavFooter.gif) no-repeat -147px 0; }
.navFooter-rental { width: 125px; background: url(../images/spriteNavFooter.gif) no-repeat -217px 0; }
.navFooter-contact { width: 60px; background: url(../images/spriteNavFooter.gif) no-repeat -372px 0; }






/* 4. FORMS  ----------------------------------------------------------------------*/

form
{
	margin: 0;
	padding: 0;
}

form br { clear: left; }

form label
{
	display: block;
	font-size: 0.85em;
	color: #666666;
}

form label.labelJoin
{
	float: left;
	padding: 3px 10px 0 0;
}

.formField
{
	float: left;
	padding-right: 10px;
}

.fieldNameHolder,
.fieldPhoneHolder,
.fieldStateHolder,
.fieldZipHolder
{
	display: block;
	height: 18px;
}

.fieldNameHolder { width: 165px; height: 18px; background: url(../images/fieldName.gif) no-repeat; }
.fieldPhoneHolder { width: 109px; height: 18px; background: url(../images/fieldPhone.gif) no-repeat; }
.fieldStateHolder { width: 49px; height: 18px; background: url(../images/fieldState.gif) no-repeat; }
.fieldZipHolder { width: 74px; height: 18px; background: url(../images/fieldZip.gif) no-repeat; }

.fieldName,
.fieldPhone,
.fieldAddress,
.fieldState,
.fieldZip
{
	height: 16px;
	border: 0;
	padding: 1px 4px;
	margin: 0;
	font: bold 0.9em Arial;
	background: transparent;
}

.fieldName { width: 169px; }
.fieldPhone { width: 109px; }
.fieldState { width: 41px; }
.fieldZip { width: 72px; }

.textareaHolder
{
	display: block;
	width: 307px;
	height: 98px;
	background: url(../images/textarea.gif) no-repeat;
}

.textarea
{
	width: 299px;
	height: 96px;
	border: 0;
	padding: 1px 4px;
	margin: 0;
	font: bold 0.9em Arial;
	background: transparent;
}

.formButtons
{
	padding: 10px 0;
	text-align: right;
}