/*
	Style Sheet - Main :: Hadara
	Developed by Rich Art - www.RichArtCreative.com
	Author - 
*/

/* <Layout> */
html, body {
	height:100%;
}
	
body {
	margin:0px;
	padding:0px;
	background:url(../images/main/body-bg.jpg) no-repeat top center fixed;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#container {
	margin:0px auto -50px auto;
	padding:0px 0px -50px 0px;
	width:990px;
	min-height:100%;
}

#container a {
	outline:none;
}

#panel-left {
	float:left;
	margin:0px;
	padding:0px;
	width:222px;
}

#panel-right {
	float:right;
	margin:0px;
	padding:0px;
	width:750px;
}

#menu {
	margin:23px 0px 0px 20px;
	padding:0px 0px 50px 0px;
}

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

#menu ul li {
	margin:0px;
	padding:7px 0px 7px 0px;
}

#menu a {
	padding:0px 0px 0px 15px;
	display:block;
	width:200;
	outline:none;
}

#menu a:hover {
	background:url(../images/menu/bullet.gif) center left no-repeat;
}

#menu img {
	border:0px;
}

#menu-sub {
	position:absolute;
	z-index:70;
	margin:-100px 0px 0px 130px;
	padding:10px 0px 0px 10px;
	width:169px;
	height:81px;
	background:url(../images/menu/sub-menu.png) no-repeat center;
	display:none;
}

#menu-sub a:hover {
	background:none;
}

#content {
	float:left;
	margin:35px 0px 20px 0px;
	padding:0px 0px 70px 0px;
	width:500px;
	overflow:auto;
}

#banner {
	margin:20px 0px 0px 0px;
	padding:0px;
	height:200px;
	width:750px;
}

#logo {
	margin:10px 0px 0px 35px;
	border:0px;
}

#footer {
	clear:both;
	margin:0px;
	padding:0px;
	height:50px;
	background:url(../images/main/footer-bg.gif);
}

#footer p {
	margin:0px 0px 0px 240px;
	padding:5px 0px 0px 0px;
	font-size:.85em;
	color:#939;
}

#container-footer {
	margin:0px auto 0px auto;
	padding:0px;
	width:990px;
	height:50px;
}

#link-member {
	position:relative;
	z-index:90;
	float:left;
	margin:-20px 0px 0px 30px;
	border:0px;
}

#container-footer ul {
	position:relative;
	z-index:80;
	margin:0px 0px 0px 240px;
	padding:7px 0px 0px 0px;
	list-style:none;
	font-size:.7em;
}

#container-footer ul li {
	margin:0px;
	padding:0px;
	display:inline;
	color:#000;
}

#container-footer ul a, .links a {
	text-decoration:none;
	color:#939;
}

#container-footer ul a:hover, .links a:hover {
	text-decoration:underline;
	color:#939;
}

#panel-featured {
	float:right;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:248px;
	height:294px;
	background:url(../images/main/bg-featured.png);
}

#panel-project-details {
	float:right;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:248px;
	height:294px;
	background:url(../images/main/bg-details.png);
	text-align:center;
}

#menu-project {
	margin:75px 0px 0px 40px;
	padding:0px;
	list-style:none;
	text-align:left;
}

#menu-project li {
	margin:0px;
	padding:0px;
	height:25px;
}

#menu-project a {
	display:block;
	padding:2px 0px 2px 0px;
	margin:0px;
	font-size:.8em;
	text-decoration:none;
	color:#939;
}

#menu-project a:hover {
	color:#c90;
}

#panel-partner-list {
	margin:20px 0px 0px 0px;
	padding:0px;
	width:450px;
}

#panel-partner-list .logos {
	float:left;
	margin:0px 20px 20px 0px;
	padding:0px;
	width:125px;
	height:100px;
	border:1px solid #c90;
	cursor:pointer;
}

#panel-partner-list .info {
	clear:both;
	margin:10px 0px 20px 0px;
	padding:10px;
	width:400px;
	border:1px solid #c90;
	display:none;
}

#panel-partner-list .info p {
	font-size:.75em;
	color:#333;
}

#panel-featured img {
	margin:80px 0px 0px 29px;
	border:0px;
}

#scroll-panel {
	margin:10px 0px 0px 0px;
	padding:0px;
	overflow:auto;
	height:450px;
}

.panel-media {
	margin:0px;
	padding:20px;
	width:435px;
	height:103px;
	background:url(../images/main/media-bg.png) no-repeat;
	overflow:hidden;
}

.panel-media img {
	float:left;
	margin:0px 20px 0px 0px;
	border:1px solid #939;
}

.panel-media h4 {
	margin:0px;
	padding:0px;
	font-size:.8em;
	color:#939;
	font-weight:400;
}

.panel-media div {
	float:left;
	width:185px;
	margin:15px 0px 0px 0px;
	padding:0px;
}

.media-link {
	float:right;
	display:block;
	width:90px;
	margin:32px 10px 0px 0px;
	padding:10px;
	color:#939;
	text-decoration:none;
	text-align:center;
	font-size:1em;
}

/* </Layout> */

/* <Content> */
#content p {
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	line-height:1.5em;
	font-size:.9em;
	color:#939;
}

#content h1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-size:1.5em;
	color:#939;
	font-weight:400;
}

#content h2 {
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	font-size:1.1em;
	color:#939;
	font-weight:400;
}

#content h3 {
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	font-size:1.1em;
	color:#939;
	font-weight:400;
}

#content ol {
	margin:0px 0px 0px 10px;
	padding:10px 0px 10px 30px;
	line-height:1.5em;
	font-size:.9em;
	color:#939;
}

#content ol li {
	padding:10px 0px 10px 0px;
}


.list-common {
	margin:0px 0px 0px 10px;
	padding:10px 0px 10px 30px;
	line-height:1.5em;
	font-size:.9em;
	color:#939;
	list-style:square;
}

.list-common li {
	padding:5px 0px 5px 0px;
}

.spacer-1 {
	margin:0px;
	padding:0px;
	height:150px;
}

.spacer-2 {
	margin:0px;
	padding:0px;
	height:200px;
}

.img-left {
	float:left;
	margin:10px 10px 10px 0px;
	border:1px solid #c90;
}

.img-right {
	float:right;
	margin:15px 10px 10px 10px;
	border:1px solid #c90;
}

.projects {
	clear:both;
	margin:10px 0px 40px 0px;
	padding:0px;
}

.projects img {
	float:left;
	margin:0px 30px 0px 0px;
	border:1px solid #c90;;
}

.link-common {
	text-decoration:underline;
	color:#939;
}

.link-common:hover {
	text-decoration:none;
	color:#939;
}

.links-common {
	text-decoration:none;
	color:#939;
	font-size:.75em;
}

.links-common:hover {
	text-decoration:underline;
	color:#939;
	font-size:.75em;
}

.table-common {
	width:80%;
	border-collapse:collapse;
}

.table-common th {
	color:#c90;
	font-size:.9em;
	text-align:center;
}

.table-common td {
	color:#939;
	font-size:.9em;
	padding:5px;
	text-align:center;
	border:1px solid #ddd;
}

.s-note {
	font-size:1.1em;
}

/* </Content> */

/* <Form> */
#address {
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	font-size:.75em;
	list-style:none;
	width:250px;
	float:left;
}

#address li {
	padding:0px 0px 5px 0px;
	color:#939;
}

#cnt-form {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:300px;
	float:left;
	color:#939;
}

#cnt-form fieldset {
	margin:0px;
	padding:0px;
	border:0px;
}

#cnt-form legend {
    margin:0px;
    padding:0px;
	font-size:1em;
	line-height:2em;
	color:#939;
}

#cnt-form label {
	margin: 0px 0px 3px 0px;
	padding:2px 0px 0px 0px;
	text-align: right;
	font-size:.75em;
}

#cnt-form input, #cnt-form textarea {
	display:block;
	width: 250px;
	margin: 0px 0px 8px 0px;
	padding:0px;
	background:#fff;
	border:1px solid #c90;
	color:#939;
}

#cnt-form input 
{
    font-size:1em;
}

.txta {
	height:60px;
	font-size:1em;
}

#cnt-form br {
	clear:left;
}

#thanks {
	display:none;
}

#cnt-form .err {
	font-size:.75em;
	color:#c00;
}

#cnt-form .sbt_btn {
	margin:0px;
	width:70px;
	background:#fff;
	border:1px solid #c90;
	font-size:.8em;
	cursor:pointer;
	color:#c90;
}

#cnt-form .sbt_btn:hover {
	background:#939;
	color:#c90;
}

#cnt-form span {
	font-size:.8em;
}
/* </Form> */

/* <Boking Section> */
.floors {
	margin:5px 0px 10px 0px;
	padding:10px;
	border:1px solid #ccc;
	cursor:pointer;
	background:url(images/main/expand.jpg);
}

.open {
	background:url(images/main/collapse.jpg);
}

#panel-units .alt {
	background:#eee;
}

.types-menu {
	margin:0px;
	padding:0px;
	clear:both;
	overflow:auto;
}

.types-menu li {
	float:left;
	margin:0px 20px 10px 0px;
	list-style:none;
}

.types-menu a {
	margin:0px;
	padding:20px 10px 0px 0px;
	width:90px;
	height:44px;
	float:left;
	display:block;
	border:1px solid #ccc;
	text-align:center;
	color:#939;
	text-decoration:none;
	font-size:.8em;
	font-weight:600;
	overflow:hidden;
}

.types-menu a:hover {
	color:#939;
	background:url(../images/main/panel-bg.gif) repeat left;
}

#panel-units {
	margin:10px 0px 10px 0px;
	clear:both;
}

.type-active {
	background:url(../images/main/panel-bg.gif) repeat right;
}

.floors {
	background:url(../images/main/panel-bg.gif) repeat right;
}

.floors h4 {
	margin:0px;
	padding:0px;
	font-size:1.1em;
	color:#fff;
	font-weight:500;
}

.floors span {
	margin:0px 30px 0px 0px;
	float:right;
	color:#fff;
	font-size:.9em;
}

.floors span a {
	text-decoration:underline;
	color:#fff;
}

.floors span a:hover {
	text-decoration:none;
	color:#939;
}

.units {
	margin:0px 0px 50px 0px;
	padding:0px;
	border:1px solid #ccc;
}

.units table {
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
	border-collapse:collapse;
}

.units table th {
	border:1px solid #ccc;
	font-size:.8em;
	color:#c90;
	padding:2px;
}

.units table td {
	border:1px solid #ccc;
	font-size:.75em;
	padding:2px;
}

.units table td a {
	padding:0px;
	text-decoration:underline;
	color:#939;
}

.units table td a:hover {
	text-decoration:none;
	color:#c90;
}

.res-table {
	margin:0px 0px 10px 22px;
	width:80%;
	border-collapse:collapse;
	color:#939;
}

.label {
	text-align:right;
}

.txt {
	width:200px;
}

.txta {
	width:200px;
	height:50px;
}

.res-table .r1, .res-table .r2, .res-table .r3, .res-table .r4 {
	width:25%;
}

.res-table td {
	padding:3px;
	font-size:.8em;
}

.res-table th {
	text-align:left;
	font-size:.9em;
	color:#c90;
	padding:2px;
}

strong {
	font-size:1em;
	color:#06c;
}

#image-view {
	top:10px;
	left:10px;
	margin:5px 0px 0px 10px;
	padding:0px;
	position:fixed;
	z-index:50;
	width:700px;
	height:570px;
	border:2px solid #f00;
	background:#fff;
	overflow:auto;
}

#image-view a {
	padding:5px 5px 0px 0px;
	float:right;
	text-decoration:none;
	color:#333;
	font-size:.75em;
}

#image-view table {
	clear:both;
	width:100%;
	height:100%;
	background:#fff;
}

#image-view table {
	text-align:center;
	vertical-align:middle;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}

.err {
	color:#c00;
}
/* </Boking Section> */