@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);

body{
padding:0;
margin:0;
font-size:12px;
color:black;
background:url(../images/bg.jpg);
font-family: 'Source Sans Pro', sans-serif;
}

ul, li{
padding:0;
margin:0;
}

h3{
color:white;
font-size:21px;
}

.title_color{
color:#75AABD;
}

.menu{
margin:auto;
width:1101px;
margin-top:50px;
}

.menu a{
float:right;
text-decoration:none;
color:#586579;
width:125px;
}

.menu li{
float:left;
display:block;
width:125px;
text-align:right;
padding-right:10px;
background-color:#fff;
line-height:25px;
cursor:pointer;
position:relative;
margin-right:3px;
}

.menu li:hover, li.menu_active{
background-color:#abc7d2;
height:32px;
margin-top:-7px;
font-weight:bold;
}

.menu a:hover, li.menu_active a{
color:white;
width:125px;
height:32px;
}

.menu li:hover ul{
display:block;
margin-top:30px;
}

.level1{
display:none;
position:absolute;
z-index:999;
}

.menu li:hover li a {
float:left;
color:#586579;
font-weight:normal;
}

.level1 li{
color:black;
}

.menu li .level1 li{
background-color:#abc7d2;
border-top:1px solid white;
height:25px;
margin-top:0;
}

.menu li .level1 li a{

height:25px;
width:125px;
padding-right:10px;
}

.level1 li:hover{
background-color:#3B4668;
}

.menu li:hover .level1 li:hover a {
background-color:#3B4668;
color:white;
}

.menu li:hover .level1 li:hover{
background-color:#3B4668;
color:white;
}

li.margin_none{
margin-right:0px;
}

.content_frame{
margin:auto;
margin-top:5px;
width:1101px;
height:500px;
}

.logo{
position:absolute;
background:url(../images/logo.png) no-repeat;
width:274px;
height:283px;
z-index:9999;
}

.left_panel{
float:left;
width:801px;
}

.right_panel{
background:url(../images/content_bg.jpg) no-repeat;
float:left;
width:300px;
height:500px;
}

.home_frame{
margin:auto;
margin-top:5px;
width:1101px;
height:500px;
background:url(../images/home_bg.jpg) no-repeat;
}

.bird{
position:absolute;
width:170px;
height:106px;
background:url(../images/bird.png);
margin-top:130px;
margin-left:830px;
-webkit-animation: slideshow 1s linear infinite alternate;
-moz-animation:    slideshow 1s linear infinite alternate;
-o-transition: slideshow 1s linear infinite alternate;
-ms-transition: slideshow 1s linear infinite alternate;
transition: slideshow 1s linear infinite alternate;
}

@-webkit-keyframes slideshow {
  0%    { margin-top: 135px;}
  100%  { margin-top: 130px; }
}

.star{
position:absolute;
width:1101px;
height:500px;
background:url(../images/star.png);
-webkit-animation: star 5s linear infinite alternate;
-moz-animation:    star 5s linear infinite alternate;
-o-transition: star 5s linear infinite alternate;
-ms-transition: star 5s linear infinite alternate;
transition: star 5s linear infinite alternate;
}

@-webkit-keyframes star {
  0%    { opacity:0;}

  100%  { opacity1:0;}
}

.cloud{
position:absolute;
width:1101px;
height:500px;
background:url(../images/cloud.png);
-webkit-animation: cloud 3s linear infinite alternate;
-moz-animation:    cloud 3s linear infinite alternate;
-o-transition: cloud 3s linear infinite alternate;
-ms-transition: cloud 3s linear infinite alternate;
transition: cloud 3s linear infinite alternate;
}

@-webkit-keyframes cloud {
  0%    { margin-left:280px;}

  100%  { margin-left:290px;}
}

.building{
position:absolute;
width:1101px;
height:500px;
background:url(../images/builiding.png);
z-index:9;
}

.word{
position:absolute;
width:1101px;
height:500px;
background:url(../images/word.png);
z-index:9;
-webkit-animation: word 2s linear;
-moz-animation:    word 2s linear;
-o-transition: word 2s linear;
-ms-transition: word 2s linear;
transition: word 2s linear;
}

.concept_frame{
margin:auto;
margin-top:5px;
width:1101px;
height:500px;
background:url(../images/concept_bg.jpg) no-repeat;
}

.concept_word{
position:absolute;
width:1101px;
height:500px;
background:url(../images/concept_word.png);
z-index:9;
-webkit-animation: word 2s linear;
-moz-animation:    word 2s linear;
-o-transition: word 2s linear;
-ms-transition: word 2s linear;
transition: word 2s linear;
}

@-webkit-keyframes word {
  0%    { margin-top:20px; opacity:0;}

  100%  { margin-left:0px; opacity:1;}
}

.right_content{
float:left;
margin-top:20px;
margin-left:20px;
margin-right:40px;
}

.right_content p{
color:#c6f1f5;
font-size:1em;
line-height:17px;
}

.right_label{
float:left;
color:#2B3367;
padding-left:20px;
padding-right:15px;
background-color:#aedfe5;
font-weight:bold;
height:25px;
line-height:25px;
}

.right_label_end{
background:url(../images/label.png) no-repeat;
float:left;
width:12px;
height:25px;
}

.right_content_list{
float:left;
margin-top:20px;
margin-left:20px;
margin-right:40px;
}

.right_content_list li{
margin-bottom:12px;
list-style-type: none;
text-align:left;
background:url(../images/list.jpg) no-repeat;
background-position: 0px 1px; 
color:#c6f1f5;
width:250px;
padding-left:10px;
line-height:8px;
}

.right_content_list2{
float:left;
margin-top:20px;
margin-left:20px;
}

.right_content_list2 li{
margin-bottom:12px;
list-style-type: none;
text-align:left;
background:url(../images/list.jpg) no-repeat;
background-position: 0px 1px; 
color:#c6f1f5;
width:110px;
padding-left:10px;
line-height:6px;
}

.facilities_button{
position:absolute;
top:545px;
margin-left:690px;
}

.facilities li{
float: left;
margin:10px;
list-style-type: none;
text-align:center;
}

.facilities li a{
width:12px;
height:12px;
display:block;
background-color:white;
text-decoration:none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.facilities li a:hover, li a.facilities_menu_active{
background-color:#abc7d2;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.right_content_map{
float:left;
margin-left:20px;
}

.right_content_map li{
margin-bottom:12px;
list-style-type: none;
text-align:left;
border-left: 1px solid #c6f1f5;
color:#c6f1f5;
font-size:0.8em;
width:110px;
padding-left:6px;
}

.condo_gallery li{
float: left;
margin-right:12px;
list-style-type: none;
}

.condo_gallery li a{
width:65px;
height:65px;
display:block;
}

#cg1{
background:url(../images/condo_thumb1.jpg); 
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#cg1:hover, #cg1.cg1_active{
background:url(../images/condo_thumb1b.jpg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#cg2{
background:url(../images/condo_thumb2.jpg); 
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#cg2:hover, #cg2.cg2_active{
background:url(../images/condo_thumb2b.jpg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#cg3{
background:url(../images/condo_thumb3.jpg); 
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#cg3:hover, #cg3.cg3_active{
background:url(../images/condo_thumb3b.jpg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.villa_gallery li{
float: left;
margin-right:12px;
list-style-type: none;
}

.villa_gallery li a{
width:65px;
height:65px;
display:block;
}

#vg1{
background:url(../images/villa_thumb1.jpg); 
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#vg1:hover, #vg1.vg1_active{
background:url(../images/villa_thumb1b.jpg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#vg2{
background:url(../images/villa_thumb2.jpg); 
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#vg2:hover, #vg2.vg2_active{
background:url(../images/villa_thumb2b.jpg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#vg3{
background:url(../images/villa_thumb3.jpg); 
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#vg3:hover, #vg3.vg3_active{
background:url(../images/villa_thumb3b.jpg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.site_plan_frame{
background:url(../images/plan_bg.jpg); 
height:500px;
width:801px;
}

.site_plan_frame img{
position:absolute;
}

.site_plan_frame img.display_none{
position:absolute;
display:none;
}

.site_plan_list{
float:left;
margin-left:20px;
}

.site_plan_list li{
margin-bottom:12px;
list-style-type: none;
text-align:left;
background:url(../images/list.jpg) no-repeat;
background-position: 0px 1px; 
color:#c6f1f5;
width:110px;
padding-left:10px;
line-height:6px;
}

.site_plan_list li a{
color:#c6f1f5;
display:block;
text-decoration:none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.site_plan_list li a:hover{
color:#4f657c;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.sky_veranda_list{
float:left;
margin-left:20px;
}

.sky_veranda_list li{
margin-bottom:12px;
list-style-type: none;
text-align:left;
background:url(../images/list.jpg) no-repeat;
background-position: 0px 1px; 
color:#c6f1f5;
width:230px;
padding-left:10px;
line-height:6px;
}

.sky_veranda_list li a{
outline:none;
color:#c6f1f5;
display:block;
text-decoration:none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.sky_veranda_list li a:hover{
color:#4f657c;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.floor_plan_content{
float:left;
margin-left:20px;
margin-right:40px;
color:#c6f1f5;
}

.contacts_frame{
background:url(../images/registration_bg.jpg); 
height:500px;
width:1101px;
}

.contacts_left{
margin-top:75px;
margin-left:380px;
margin-right:50px;
float:left;
width:280px;
}

.contacts_left p{
color:#4c4d4f;
font-size:1.2em;
}

.contacts_small{
font-size:0.7em;
}

.contacts_right{
margin-top:105px;
float:left;
width:280px;
}

.contacts_right p{
color:#4c4d4f;
font-size:1.2em;
}

.contacts_right a{
color:#4c4d4f;
text-decoration:none;
}

.contacts_right a:hover{
color:#1a213b;
text-decoration:none;
}

.contacts_black{
color:#4c4d4f;
}

.registration_frame{
float:left;
margin-left:350px;
margin-right:80px;
font-size:0.8em;
color:#767778;
}

.registration_content{
margin-top:30px;
float:left;
width:670px;
margin-left:350px;
}

.registration_content p{
color:#4c4d4f;
font-size:1.2em;
}

.registration_left{
margin-right:30px;
float:left;
width:320px;
color:#4c4d4f;
font-size:1.2em;
}

.registration_right{
float:left;
width:320px;
color:#4c4d4f;
font-size:1.2em;
}

.err{
width:200px;
float:left;
color:red;
margin-top:-3px;
font-size:0.8em;
}

.err2{
width:200px;
float:left;
color:red;
margin-top:7px;
margin-left:5px;
font-size:0.8em;
}

.label{
float:left;
margin-top:6px;
}

.label2{
float:left;
width:95px;
}

.label3{
float:left;
width:95px;
}

.form_check{
float:left;
}

.radio{
float:left;
width:12px;
}

.checkbox{
float:left;
width:12px;
}

.radio_label{
float:left;
width:80px;
line-height:21px;
}

.checkbox_label{
float:left;
width:55px;
line-height:19px;
}

.checkbox_label2{
float:left;
width:75px;
line-height:19px;
}

.condo{
float:left;
width:225px;
margin-bottom:10px;
}

.sub_btn{
float:left;
width:100px;
height:30px;
color:#4c4d4f;
font-size:1.3em;
font-style:italic;
border:none;
background:none;
cursor:pointer;
}

input {
width:315px;
height:15px;
font-size:12px;
color:black;
font-family: 'Source Sans Pro', sans-serif;
}

textarea{
font-size:12px;
color:black;
font-family: 'Source Sans Pro', sans-serif;
}

.footer_frame{
margin:auto;
width:1101px;
}

.footer_area{
margin-top:6px;
margin-left:3px;
float:left;
width:1101px;
color:#758989;
font-size:0.9em;
}

.clear{
clear:both;
}