/* CSS Document */

* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	background:url(../images/bodyBkg.jpg) repeat-x top #F3F0E1;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#5E5E5E;
}
a {color: #5E5E5E;}
h1, h2 {font-size:14px; position:relative; margin:0 0 10px 0;}
img {border:none; margin:0}


form {margin:0 5px;}
label {display:block;}
input {width:130px;}
select {width:130px;}

/*\ HTML Tags */

.spacer {clear:both; font-size:1px;}

/* containers */
#pageContainer {width:760px; margin:0 auto; background:url(../images/clouds.jpg) no-repeat top right; height:500px;}
#logo {width:337px; height:22px; margin:50px 0 0 10px; position:absolute;}
#logo[id] {background:url(../images/logo.png) no-repeat;}
#bird {width:241px; height:175px; position:absolute; z-index:50; top:30px; left:50%; margin-left:130px;}
#bird[id] {background:url(../images/bird.png) no-repeat;}
#left {float:left; width:541px; margin:158px 0 0 0;}
#right {float:right; width:219px; margin:100px 0 0 0; position:relative;}
#mainImage {width:541px; height:160px;}
#mainImageBorder {width:541px; height:160px; position:absolute; z-index:10; top:158px; left:50%; margin:0 0 0 -380px;}
#mainImageBorder[id] {background:url(../images/mainImageBorder2.png) no-repeat;}
#mainImage .pageTitle {width:130px; height:70px; position:absolute; z-index:60; top:0; left:51%; margin:175px 0 0 30px; cursor:default;}
#mainImage .pageTitle .red {display:block; font-family:Segoe Print; color:#000080; font-size:18px; font-weight:bold;}
#mainImage .pageTitle .normal {display:block; font-family:Segoe Print; font-size:14px; font-weight:bold;}
#gradient {width:541px; height:462px; background:url(../images/gradient.jpg) no-repeat;}
#right .top {width:219px; height:54px;}
#right[id] .top {background:url(../images/leftTop.png) no-repeat;}
#right .gradient {width:100%; height:300px; margin-bottom:-300px;} 
#right[id] .gradient {background:url(../images/gradientRight.jpg) repeat-x;}
#right .contents {position:relative; width:219px; top:50px;}
#left .contents {width:541px; margin:-470px 0 0 0;}
#left {font-size:12px;
	   font-family:Arial, Helvetica, sans-serif;
	   color:#5E5E5E;}
#left a {position:relative;}
#left a:link {text-decoration:none;}
#left a:visited {text-decoration:none;}
#left a:hover {text-decoration:underline; color:#996600;}
#left a:active {text-decoration:underline;}

/* head nav */
#headNav {position:absolute; top:45px; left:50%; z-index:60;}
#headNav ul li {list-style:none; display:inline;}
#headNav ul li a {display:block; float:left; width:66px; height:36px; margin:0 10px 0 0; cursor:pointer;}
#headNav[id] ul li a.city {background:url(../images/city.png) no-repeat;}
#headNav[id] ul li a.city:hover {background:url(../images/cityHover.png) no-repeat;}
#headNav[id] ul li a.sea {background:url(../images/sea.png) no-repeat;}
#headNav[id] ul li a.sea:hover {background:url(../images/seaHover.png) no-repeat;}
#headNav[id] ul li a.ski {background:url(../images/ski.png) no-repeat;}
#headNav[id] ul li a.ski:hover {background:url(../images/skiHover.png) no-repeat;}
/*\ head nav */

/* top nav */
#topNav {position:absolute; top:127px; z-index:200; cursor:default;}
#topNav ul li {display:inline; list-style:none; font-weight:bold; margin:0 10px 0 2px;}
#topNav ul li a {text-decoration:none;}
#topNav ul li a:link {text-decoration:none;}
#topNav ul li a:visited {text-decoration:none;}
#topNav ul li a:hover {text-decoration:underline; color:#996600;}
#topNav ul li a:active {text-decoration:underline;}
/*\ top nav */

/* news */
.newsContainer {margin:0 10px 10px; background:url(../images/newsBkg.jpg) repeat-x #FBF5DA; padding:5px;}
#newsHeader {width:100%; height:11px; position:absolute; top:-40px; right:15px;}
#newsHeader[id] {background:url(../images/newsHeader.png) no-repeat top right;}
#right .contents a {text-decoration:none; color:#507CA5; font-weight:bold; position:relative;}
#right .contents a:hover {text-decoration:underline; color:#0D508E;}
#right .contents .more {display:block; text-align:right; margin:0 0 10px 0;}
#right .contents .new {width:36px; height:37px; float:left; margin:5px 10px 10px 0;}
#right[id] .contents .new {background:url(../images/new.png) no-repeat;}
#allNews {position:absolute; z-index:60; top:145px; left:44.5%; margin-left:323px; width:150px; display:block;}
#allNews a {text-decoration:none; color:#507CA5; font-weight:bold;}
#allNews a:hover {text-decoration:underline; color:#0D508E; font-weight:bold;}

.newsArchive .newsTitle {display:block; color:#507CA5; font-weight:bold; margin:0 0 5px 0;}
 .date {color:#E5963C; float:left; margin:0 5px 0 0;}
.newsArchive .more {display:block; text-align:right; margin:0 0 10px 0; color:#507CA5; font-weight:bold;}
.newsArchive a:hover {color:#0D508E; font-weight:bold;}
.readNews {color:#5E5E5E !important; position:relative;}
.readNews img {float:left; margin:0 15px 10px 0;}


.nextNews, .prevNews {color:#C0723C; font-weight:bold; text-decoration:none; display:block; margin:10px 0 0 0;}
.nextNews {float:right;}
.prevNews {float:left;}
/*\ news */

/* right nav */
#rightNav {margin:0 5px 10px; padding:5px;}
#rightNav  ul li {list-style:none; margin:0 0 3px 0;}
#rightNav  ul li a {
	display:block;
	height:20px; 
	background-color:#F8EEC8; 
	padding:5px 0 0 5px; 
	color:#5E5E5E !important;
	text-decoration:none;
}
#rightNav  ul li a:hover {text-decoration:underline;}
#rightNav  ul li a:hover {background:url(../images/rightNavBkg.jpg) repeat-x;}
/*\ right nav */

/* section */

.section {width:527px; margin:10px auto;}
.section .border {background:url(../images/sectionBkg.png) repeat-y; padding:0 15px;}
.section .top, .section .footer {width:527px; height:35px;}
.section .top[class] {background:url(../images/sectionTop.png) no-repeat;}
.section .footer[class] {background:url(../images/sectionFooter.png) no-repeat;}
.section .content img.left {float:left;}
.section .content .rightSection {float:right; width:270px;}
.section .content .spacer {height:1px;}

.section .content p {text-align:justify;}


.sectionTwoCols {width:527px; margin:10px auto;}
.sectionTwoCols .border {padding:0 15px;}
.sectionTwoCols .border[class] {background:url(../images/sectionTwoColsBkg.png) repeat-y;}

.sectionTwoCols .top, .sectionTwoCols .footer {width:527px; height:35px;}
.sectionTwoCols .top[class] {background:url(../images/sectionTwoColsTop.png) no-repeat;}
.sectionTwoCols .footer[class] {background:url(../images/sectionTwoColsFooter.png) no-repeat;}


.sectionTwoCols .leftContent {float:left; width:230px;}
.sectionTwoCols .rightContent {float:right; width:230px;}

.sectionTwoCols .border .spacer {height:1px;}


.btn {
	width:87px; 
	height:27px; 
	display:block; 
	text-align:center; 
	padding:6px 0 0 0; 
	cursor:pointer; 
	text-decoration:none; 
	font-weight:bold;
}
.btn[class] {background:url(../images/btn.png) no-repeat;}
.btn[class]:hover {background:url(../images/btnHover.png) no-repeat;}

.title {
	width:122px; 
	height:36px; 
	display:block; 
	text-align:center; 
	padding:10px 0 0 0;
	margin:10px 0 0 0;
	position:relative;
	left:10px;
	cursor:pointer; 
	text-decoration:none; 
	font-weight:bold;
	display:block;
	float:left;
}
.title[class] {background:url(../images/titleBkg.png) no-repeat;}
.title[class]:hover {background:url(../images/titleBkgHover.png) no-repeat;}

.back {
	float:right;
	height:16px; 
	margin:20px 20px 0 0; 
	text-align:right; 
	padding:1px 17px 0 0; 
	font-weight:bold; 
	text-decoration:none;
}
.back[class] {background:url(../images/arrowBack.png) no-repeat right center;}
.back[class]:hover {background:url(../images/arrowBackHover.png) no-repeat right center;}


.section .content ul {margin:0 0 0 20px;}
.section .content li {margin:0 0 0 20px;}

.section .content .rightSection .btn {float:right; margin:-5px 0 0 0;}
.section .content .rightSection h1 {float:left; color:#175391;}
.section .content h2, .sectionTwoCols h2 {color:#C0723C;}
/*.section .content p, .sectionTwoCols p {color:#175391; margin:10px 0;}*/
.section .content .rightSection .brown{color:#FF1E00; font-weight:bold; font-size:16px;}
.section .content .rightSection .red {color:#A14E14; font-weight:bold; font-size:12px;}
.section .content .rightSection .blue {float:right; margin:-20px 0 0 0;}

.sectionTwoCols h2 {margin:0 0 10px 0;}
/*\ section */

/* footer */
#footer {width:760px; height:130px;}
#footer {font-family:Verdana, Arial;font-size:10px; font-weight:normal;}
#footer a {position:relative;}
#footer a:link {text-decoration: none;}
#footer a:visited {text-decoration: none;}
#footer a:hover {text-decoration: underline; color: #996600;}
#footer a:active {text-decoration: underline;}
#footer[id] {background:url(../images/footer.png) no-repeat; position:relative; top:30px;}
#footer .left {float:left;}
#footer .right {float:right;}
#footer .left, #footer .right {margin:60px 10px 0;}
#footer .left a {margin:0 10px 0 0;}
#footer .right .bbmedia {display:block; width:128px; height:12px; margin:30px 0 0 0; cursor:pointer;}
#footer[id] .right .bbmedia {background:url(../images/bbmediaLink.png) no-repeat;}
/*\ footer */

/* contacts */
.section .content span.left {display:block; float:left; width:100px;}
.section .content span.right {display:block; float:left; width:300px;}
.section .content form {margin:10px auto; width:400px;}
.section .content form label {width:120px; float:left; text-align:right; margin:3px 10px 0 0; color:#5E5E5E;}
.section .content form input {width:150px; float:left; margin:3px 0 0 0; background-color:#F7F1A0; border:1px solid #CECECC;}
.section .content form textarea {width:200px; height:100px; margin:3px 0 0 0; background-color:#F7F1A0; border:1px solid #CECECC;}
.section .content form #sendBtn {width:80px !important; margin-left:130px; color:#5E5E5E;}


.sectionTwoCols form {margin:0 auto; width:225px;}
.sectionTwoCols form label {width:80px; float:left; text-align:right; margin:3px 10px 0 0;}
.sectionTwoCols form input {width:120px; float:left; margin:3px 0 0 0; background-color:#F7F1A0; border:1px solid #CECECC;}
.sectionTwoCols form textarea {width:120px; height:100px; margin:3px 0 0 0; background-color:#F7F1A0; border:1px solid #CECECC;}
.sectionTwoCols form #sendBtn {width:80px !important; float:right; margin-right:13px; color:#5E5E5E;}




/*\ contacts */


/* pager */
.pager {margin:17px 20px 0 0; float:right;}
.pager h1 {float:left; font-size:14px; color:#6EA9E0; font-family:Verdana, Arial, Helvetica, sans-serif; margin:2px 0 0 0;}
.pager ul.pages {float:left; border:1px solid #6EA9E0; margin:0 0 0 10px;}
.pager ul.pages li {display:inline;}
.pager ul.pages li a {display:block; float:left; width:20px; text-align:center; text-decoration:none; padding:3px 0 3px 0; color:#6EA9E0;}
.pager ul.pages li a:hover {background-color:#EEEEEE;}
.pager ul.pages li a.previous {width:16px; height:21px; background:url(../images/previous.jpg) no-repeat; padding:0 !important;}
.pager ul.pages li a.previous:hover {background:url(../images/previousHover.jpg) no-repeat;}
.pager ul.pages li a.next {width:16px; background:url(../images/next.jpg) no-repeat; height:21px; padding:0 !important;}
.pager ul.pages li a.next:hover {background:url(../images/nextHover.jpg) no-repeat;}
/*\ pager */


/* proeprties */
.hTitle {color:#507CA5; float:left; position:relative; margin:20px 0 0 20px;}
.contents p.description {margin:10px 15px; /*color:#507CA5;*/ color: #5E5E5E; font-weight:normal; text-align: justify;}


.section .content table {width:100%; margin:20px auto 5px;}
/*
.section .content table {border-top:1px solid #4992B6; border-right:1px solid #4992B6; width:100%; margin:20px auto 5px;}


.section .content table th, .section .content table td {border-left:1px solid #4992B6; border-bottom:1px solid #4992B6;}
.section .content table th {background-color:#CCCCCC; color:#687581;}
.section .content table td {color:#8B9299; text-align:center;}
.section .content table td a {color:#A9CCCC; text-decoration:none;}
.section .content table td a:hover {color:#2F93A8;}
*/
.section .content .plansContainer[class] {margin:10px 0 0 -2px;}
.section .content .plan {width:120px; float:left; margin:0 2px; text-align:center;}
.section .content .plan span {display:block; width:120px; font-weight:bold; color:#5E5E5E; margin:3px 0;}


.sectionTwoCols .propertyInfo {margin:10px 0 0 0;}
.sectionTwoCols .propertyImg {margin:10px auto;}
.sectionTwoCols .brown {color:#FF1E00; font-weight:bold;}
.sectionTwoCols .red {color:#A14E14; font-weight:bold;}

.sectionTwoCols .generalInfo {font-weight:bold;}

.sectionTwoCols .gallery img{margin:2px;}

/*\ proeprties */




/*\ containers */