@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0; font-family:PT Sans, Arial; font-size:14px; color:#666; text-align:justify; background: url(images/pageBg.png) left -50px #e5e6e7 no-repeat}
.container{ width:1000px; margin:0 auto}
.logo{ width:150px; float:left}
.navigation{ width:475px; float:right; }
.navigation ul{background:url(images/menuBg.jpg) repeat-x; float:left; padding:0; margin:0}
.navigation ul li{ display:inline; float:left}
.menuCorner{ width:4px; height:32px; float:left}
.navigation ul li a:link, .navigation ul li a:visited{ padding:7px 0px; float:left; color:#fff; text-decoration:none}
 .navigation ul li a:hover{ color:#fff; text-decoration:underline}

.pipe{ color:#fff; padding:5px 10px}

.cls{ clear:both; height:1px}

#myslides {
	width: 974px;
	height: 430px;
    padding: 0;  
    margin:  0 auto;  
} 
 
#myslides img {  
    padding: 0px;  
    width: 974px;
    height: 430px;
    top:  0; 
    left: 0 
}
.grayBox{ background:#ebebed; border:1px solid #fff; width:972px; margin:10px 0 0 3px; padding:10px; float:left}
.homeIntro1{ width:343px; margin-right:7px; float:left}
.homeIntro2{ width:343px; margin-left:9px; float:left}
.homeImg{ width:245px; float:left; margin-left:15px; text-align:right }
.homeImg img{margin-bottom:10px}

.img{ border:5px solid #fff}
h1{ color:#333333; font-size:22px; padding:0 0 10px 0; margin:0; font-weight:normal}

.more:link,.more:visited{ background:url(images/viewMore.png) no-repeat; width:95px; height:29px; float:right}
.more:hover{ background:url(images/viewMore.png) no-repeat left -30px; width:95px; height:29px;float:right}

.box1{ background:#ebebed; border:1px solid #fff; width:303px; margin:10px 5px 0 3px; padding:10px; float:left}

ul.bullets{ list-style-image: url(images/bullet.png); margin-left:0px; padding-left:20px}
ul.bullets li{ width:135px; float:left; }
.footer{ background:url(images/footerLine.jpg) left top repeat-x; width:100%; margin:20px 0 10px 0; float:left}
.leftFooter{ width:250px; float:left; margin:10px 0}
.rightFooter{ width:700px; float:right; text-align:right;margin:10px 0}

.amenitiesBtn:link,.amenitiesBtn:visited{ width:161px; height:29px; float:left; background:url(images/amenititesbtn.png) left -40px; margin-right:1px}
.amenitiesBtn:hover{ width:161px; height:29px; float:left; background:url(images/amenititesbtn.png);margin-right:1px}

.floorPlansBtn:link,.floorPlansBtn:visited{ width:113px; height:29px; float:left; background:url(images/floorPlansBtn.png) left -40px; margin-right:1px}
.floorPlansBtn:hover{ width:113px; height:29px; float:left; background:url(images/floorPlansBtn.png);margin-right:1px}

.layoutPlansBtn:link,.layoutPlansBtn:visited{ width:113px; height:29px; float:left; background:url(images/layoutPlanBtn.png) left -40px; margin-right:1px}
.layoutPlansBtn:hover{ width:113px; height:29px; float:left; background:url(images/layoutPlanBtn.png);margin-right:1px}

.locBtn:link,.locBtn:visited{ width:113px; height:29px; float:left; background:url(images/locBtn.png) left -40px; margin-right:1px}
.locBtn:hover{ width:113px; height:29px; float:left; background:url(images/locBtn.png);margin-right:1px}

.imgGallery:link,.imgGallery:visited{ width:113px; height:29px; float:left; background:url(images/imageGalleryBtn.png) left -40px; margin-right:1px}
.imgGallery:hover{ width:113px; height:29px; float:left; background:url(images/imageGalleryBtn.png);margin-right:1px}

.currentStatus:link,.currentStatus:visited{ width:114px; height:29px; float:left; background:url(images/currentStatus.png) left -40px; margin-right:1px}
.currentStatus:hover{ width:114px; height:29px; float:left; background:url(images/currentStatus.png);margin-right:1px}


.eBrochure:link,.eBrochure:visited{ width:113px; height:29px; float:left; background:url(images/e-BrochureBtn.png) left -40px; margin-right:1px}
.eBrochure:hover{ width:113px; height:29px; float:left; background:url(images/e-BrochureBtn.png);margin-right:1px}

#active{ background-position: left top !important}

.innerNavigation{ margin:10px 0 0 2px }
#gray{ margin-top:-0px; border-top:2px solid #b2c63b; margin-left:2px}

img{ border:0px}
ul.arrow { list-style:disc}
ul.arrow li{ width:300px; float:left}

ul li{ margin-bottom:5px}
