@charset "utf-8";

	img {border:0px; margin:0px; padding:0px}
	body {background-color:#b6b5b7; margin:0px; background-image:url(../images/bg_grade.jpg); background-repeat:repeat-x}
	#maindiv {background-image:url(../images/bg.jpg); width:1060px; margin-left:auto; margin-right:auto; min-height:800px; background-repeat:no-repeat}
	#content {width:981px; padding-left:9px; margin-left:auto; margin-right:auto; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
	#content table {width:100%}
	#content table td {padding-left:25px; padding-top:10px; padding-right:25px; background-color:#fff; vertical-align:top}
	#toplogo {margin-left:auto; margin-right:auto; width:981px}
	#topbar {background-image:url(../images/top_bar.jpg); width:971px; height:17px; padding:5px; text-align:center; color:#333}
		#topbar a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; padding-left:10px; padding-right:10px; white-space:nowrap;	 text-decoration:none}
		#topbar a:hover {background-color:#000}
	#content h1 {font-family:"trebuchet ms"; font-size:24px; color:#fff; margin-bottom:5px; margin-left:15px; margin-top:5px}
	#content h2 {font-family:"trebuchet ms"; font-weight:lighter; font-size:18px; color:#8e8e8e; margin-left:15px; margin-top:10px}
	#content h2 .h2_co {color:#990000}
	#bottom {height:19px; padding:5px; background-image:url(../images/bottomgrade.jpg); background-repeat:no-repeat; color:#fff}
		#bottom a {color:#fff}
	#picturebox {padding:10px; background-color:#eee; width:95%; margin-left:auto; margin-right:auto}
	#picturebox img {margin-top:5px; margin-left:15px}
	#picturebox h3 {font-family:"trebuchet ms"; color:#333; font-size:20px; margin:0px; padding-bottom:5px; border-bottom:1px solid #ccc}
	#rightside h3 {fonfont-family:"trebuchet ms"; color:#000; font-size:16px; margin-bottom:0px; padding-bottom:5px; border-bottom:1px solid #000}
	#langlinks {text-align:right; padding:5px; color:#ccc}
	#langlinks a {color:#333}
	input {font:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; border:1px solid #ccc}
		textarea {font:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; border:1px solid #ccc}
		
	.calendar {width:160px}
	.calendar div {width:20px; float:left; text-align:center; margin:2px; padding:3px; background-color:#DFFCD8; margin:2px}
	.calendar .sold {background-color:#FF0000; color:#FFFFFF; font-weight:bolder}
	.calendar .reserved {background-color:#FFFF00; color:#000; font-weight:bolder}

	.calendar2 {width:470px; float:right}
	.calendar2 div {width:20px; float:left; font-size:16px; text-align:center; margin:0px; padding-left:8px; padding-right:8px; padding-top:8px; padding-bottom:6px}
	.calendar2 .blue {background-color:#e0ecf9; color:#4d7fb0; border-bottom:2px solid #4d7fb0}
	.calendar2 .green {background-color:#d7edd7; color:#769976; border-bottom:2px solid #769976}
	.calendar2 .orange {background-color:#ffe3bb; color:#e6941e; border-bottom:2px solid #e6941e}
	.calendar2 .sold {border-bottom:2px solid #FF0000; font-weight:bolder; text-decoration:line-through}
	.calendar2 .reserved {border-bottom:2px solid #FFFF00; font-weight:bolder; text-decoration:line-through}
	.calendar2 h3 {margin:10px; padding:0px}

	#villas1 td {padding:0px; text-align:center}
	#villas1 h2 {font-size:20px; color:#000000}
	
	#villas2 td {padding:0px; text-align:center}
	#villas2 h2 {font-size:20px; color:#000000}
	
	#villas3 td {padding:0px; text-align:center}
	#villas3 h2 {font-size:20px; color:#000000}
	
	.pic_holder {padding:3px; margin:1px; width:300px; float:left; margin-bottom:4px; border:1px solid #ccc; background-color:#eee; font-size:10px}
	
	#c1 {font-family:trebuchet ms; font-size:72px; padding-left:30px; padding-top:30px; padding-bottom:35px}
	#c2 {font-family:trebuchet ms; font-size:42px; padding-left:50px}
	#c3 {font-family:trebuchet ms; font-size:42px; padding-left:50px; padding-top:40px}
	#c4 {padding:5px; border:2px solid #fff; font-size:30px; background-color:#333333; color:#FFFFFF}
	#c5 {padding:20px; margin-left:50px; cursor:pointer; margin-top:30px; font-size:30px; font-weight:bolder; text-align:center; background-color:#FF9900; border:2px solid #fff; float:left}
	#c5:hover {background-color:#0099FF}
	#result {font-size:80px; display:none; color:#FFCC00; float:right; margin-right:30px; padding-top:40px}
	#result2 {font-size:16px; font-weight:bolder; background-color:#FF0000; padding:3px; display:none; color:#fff; float:right; margin-top:10px; margin-right:20px}

	#c_readmore {float:right; clear:both; display:none; font-size:20px; font-weight:bolder; margin-right:100px; margin-top:20px}
	#c_readmore a {color:#FFFFFF}
	
	.front-teaser {width:206px; float:left; margin-left:29px}
	.front-teaser img {padding:3px; border:1px solid #ccc}
	.front-teaser h3 {font-family:trebuchet ms; font-size:20px; color:#0066CC; margin-top:5px; margin-bottom:5px}
	.front-teaser p {margin:0px; padding:0px}
	.front-teaser a {color:#0033CC; line-height:20px}
	
	#mainteaser {margin-left:20px; margin-right:20px; padding:5px; margin-bottom:5px; border-bottom:2px solid #0154a0}
	#mainteaser strong {color:#FF6600}
	#mainteaser a {color:#0033CC; line-height:20px}
	#mainteaser img {padding:3px; float:right; margin-left:20px; margin-bottom:20px; border:1px solid #ccc}
	#mainteaser p {padding:0px; margin:5px}
	#why1 div {background-color:#bae4ca; padding:3px; float:left; clear:both; width:200px}
	#frontreasons {margin-top:5px; border-top:2px solid #0154a0}
	
	#why1 {float:left; margin-right:1px; background-color:#daf0da; padding-left:5px; padding-right:10px; padding-top:5px; padding-bottom:5px; height:255px}
	#why1 h2 {color:#56a756; margin-bottom:10px; font-size:24px; line-height:30px}
	#why1 ul {margin:0px; padding-left:30px;}
	#why1 ul li {line-height:20px; font-size:14px}
	
	#why2 {float:left; margin-right:1px; background-color:#d7e3ef; padding-left:5px; padding-right:10px; padding-top:5px; padding-bottom:5px; height:255px}
	#why2 h2 {color:#0154a0; margin-bottom:10px; font-size:24px; line-height:30px}
	#why2 ul {margin:0px; padding-left:30px;}
	#why2 ul li {line-height:20px}
	
	#why3 {float:left; margin-right:0px; background-color:#eedbd0; padding-left:5px; padding-right:10px; padding-top:5px; margin-right:1px; padding-bottom:5px; height:255px}
	#why3 h2 {color:#ed691a; margin-bottom:10px; font-size:24px; line-height:30px}
	#why3 ul {margin:0px; padding-left:30px;}
	#why3 ul li {line-height:20px}
	
	#subholder {border-top:6px solid #000; padding:10px; background-color:#fff}
	#subholder a {color:#0066CC}
	#subholder p {margin-bottom:0px; margin-top:0px}
	#subholder h1 {font-family:trebuchet ms; margin-left:0px; font-size:28px; color:#0066CC; margin-top:5px; margin-bottom:10px}
	#subholder h2 {color:#ed691a; margin-bottom:10px; font-size:24px; margin-right:10px; margin-left:10px; line-height:30px; padding-bottom:5px; border-bottom:2px solid #ed691a; clear:both}
		#subholder .block {padding:10px; margin-left:10px; margin-right:10px}
		#subholder .block_blue {background-color:#d7e3ef; padding:10px; margin-left:10px; margin-right:10px; margin-top:10px}
		#subholder img {float:right; padding:3px; border:1px solid #ccc; margin-left:10px; margin-top:5px}
		#subholder ul {padding-left:25px; margin:0px; padding-top:0px; line-height:22px}
		#subholder .block .spacer {width:100%; clear:both}

	#info_right {float:right; margin-right:10px; padding:10px; background-color:#fff; margin-left:10px; border:1px solid #ccc; width:200px}
	#info_right h2 {color:#0066CC; font-size:22px;  border-bottom:2px solid #0066CC; margin:0px; padding:0px}
	#info_right ul {padding-left:15px; margin:0px; padding-top:0px; line-height:22px}
	#info_right a {color:#0066CC}
	
	#bluetime {width:300px; float:left; padding:3px; background-color:#e0ecf9; text-align:center; margin:7px}
	#bluetime h2 {color:#0066CC; font-size:32px;  border-bottom:2px solid #0066CC; margin-top:10px; padding-bottom:5px}
	#bluetime h4 {color:#0066CC; font-size:24px;  margin:10px; padding:0px}
	#bluetime span {font-weight:bolder}
	#bluetime .n {float:left; width:50px; text-align:center; background-color:#c2d5e9; color:#0066CC; padding-top:5px; padding-bottom:5px}
	#bluetime .y {float:left; width:50px; text-align:center; background-color:#4d7fb0; color:#fff; font-weight:bolder; padding-top:5px; padding-bottom:5px}
	#bluetime .price {text-align:center; font-weight:bolder; margin-bottom:10px}

	#greentime {width:300px; float:left; padding:3px; background-color:#d7edd7; text-align:center; margin:7px}
	#greentime h2 {color:#4d894d; font-size:32px;  border-bottom:2px solid #4d894d; margin-top:10px; padding-bottom:5px}
	#greentime h4 {color:#4d894d; font-size:24px;  margin:10px; padding:0px}
	#greentime span {font-weight:bolder}
	#greentime .n {float:left; width:50px; text-align:center; background-color:#b9ddb9; color:#6e916d; padding-top:5px; padding-bottom:5px}
	#greentime .y {float:left; width:50px; text-align:center; background-color:#769976; color:#fff; font-weight:bolder; padding-top:5px; padding-bottom:5px}
	#greentime .price {text-align:center; font-weight:bolder; margin-bottom:10px}

	#orangetime {width:300px; float:left; padding:3px; background-color:#ffe3bb; text-align:center; margin:7px}
	#orangetime h2 {color:#e08f1b; font-size:32px;  border-bottom:2px solid #e08f1b; margin-top:10px; padding-bottom:5px}
	#orangetime h4 {color:#e08f1b; font-size:24px;  margin:10px; padding:0px}
	#orangetime span {font-weight:bolder}
	#orangetime .n {float:left; width:50px; text-align:center; background-color:#ffca7d; color:#cc7e0f; padding-top:5px; padding-bottom:5px}
	#orangetime .y {float:left; width:50px; text-align:center; background-color:#e6941e; color:#fff; font-weight:bolder; padding-top:5px; padding-bottom:5px}
	#orangetime .price {text-align:center; font-weight:bolder; margin-bottom:10px}
	#pricenote {background-color:#d5d5d5; color:#666666; padding:5px; margin:7px; clear:both}