/* ----------------------------------------------------------------------------
=GLOBAL SETTINGS
----------------------------------------------------------------------------- */
a, a:visited { text-decoration:none; }
html { height: 100.01%; }
ol, ul { list-style: none; }
fieldset,img { border:0; } 
table { border-collapse:collapse; border-spacing:0; } 
caption,th { text-align:left; } 
a:active, a:focus { outline: 0; }
* {
	margin: 0;
	padding: 0;
	border: 0;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	list-style: none;
}

strong {
	font-weight: bold;
}

.hiddenText {
	font-size: 0px;
	line-height: 0px;
	text-indent: -999px;
	overflow: hidden;
}

a { 
	color: #fff;
}
/* ----------------------------------------------------------------------------*/
body {
	background:url(images/bgPatt.png);
	background-color: #666666;
	color: #d6d6d3;
}

#shadow {
	width:100%;
	min-width:864px;
	background:url(images/topShadowAndBar.png) repeat-x;
	position:absolute;
	height:140px;
}
#Header{
	position:relative;
	margin:0 auto;
	width: 864px;
	height: 197px;
	list-style:none;
	clear:right;

}
h1{
	position:relative;
	margin: 40px 0 38px 0;
	left:320px;
	float:left;
	width: 260px;
	height:99px;
	background:url(images/Logo_Ciudadela.png) no-repeat;
	text-indent:-9999px;
}

#MainMenu{
	position:relative;
	width:100%;
	float:left;
	list-style:none;
	overflow:hidden;
}
#MainMenu li{
	float:left;
	widht: auto;
	height:20px;
	padding-left: 130px;
}
#MainMenu li a{
	float:left;
	height:20px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -999px;
	overflow: hidden;
}

#MainMenu #nav1 {
	padding-left: 0;
}

#MainMenu #nav1 a {
	width: 37px;
	background: url(images/nav1.png) no-repeat 0 0;
}

#MainMenu #nav1 .active, #MainMenu #nav1 a:hover {
	background: url(images/nav1_hover.png) no-repeat 0 0;
}

#MainMenu #nav2 a {
	width: 62px;
	background: url(images/nav2.png) no-repeat 0 0;
}

#MainMenu #nav2 .active, #MainMenu #nav2 a:hover {
	background: url(images/nav2_hover.png) no-repeat 0 0;
}
#MainMenu #nav3 a {
	width: 136px;
	background: url(images/nav3.png) no-repeat 0 0;
}

#MainMenu #nav3 .active, #MainMenu #nav3 a:hover {
	background: url(images/nav3_hover.png) no-repeat 0 0;
}

#MainMenu #nav4 a {
	width: 74px;
	background: url(images/nav4.png) no-repeat 0 0;
}

#MainMenu #nav4 .active, #MainMenu #nav4 a:hover {
	background: url(images/nav4_hover.png) no-repeat 0 0;
}

#MainMenu #nav5 a {
	width: 51px;
	background: url(images/nav5.png) no-repeat 0 0;
}

#MainMenu #nav5 .active, #MainMenu #nav5 a:hover {
	background: url(images/nav5_hover.png) no-repeat 0 0;
}
#MainMenu #nav6 a {
	width: 28px;
	background: url(images/nav6.png) no-repeat 0 0;
}

#MainMenu #nav6 .active, #MainMenu #nav6 a:hover {
	background: url(images/nav6_hover.png) no-repeat 0 0;
}

#ContentOuter {
	position: relative;
	margin:0 auto;
	width: 864px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	list-style:none;
}

.Content{
	float:left;
}

#homeSlides {
	float: left;
	width: 864px;
	height: 324px;
	overflow: hidden;
	margin-bottom: 40px;
}

#homeSlides li {
	width: 864px;
	height: 324px;
}

#homeSlides #slide1 {
	background: url(images/home_img_00.jpg) no-repeat 0 0;
}

#homeSlides #slide2 {
	background: url(images/home_img_01.jpg) no-repeat 0 0;
}

#homeSlides #slide3 {
	background: url(images/home_img_02.jpg) no-repeat 0 0;
}
#homeSlides #slide4 {
	background: url(images/home_img_03.jpg) no-repeat 0 0;
}
#homeSlides #slide5 {
	background: url(images/home_img_04.jpg) no-repeat 0 0;
}
#homeSlides #slide6 {
	background: url(images/home_img_05.jpg) no-repeat 0 0;
}
#homeSlides #slide7 {
	background: url(images/home_img_06.jpg) no-repeat 0 0;
}
#homeSlides #slide8 {
	background: url(images/home_img_07.jpg) no-repeat 0 0;
}
#homeSlides #slide9 {
	background: url(images/home_img_08.jpg) no-repeat 0 0;
}
#homeSlides #slide10 {
	background: url(images/home_img_09.jpg) no-repeat 0 0;
}
#homeSlides #slide11 {
	background: url(images/home_img_10.jpg) no-repeat 0 0;
}
#homeSlides #slide12 {
	background: url(images/home_img_11.jpg) no-repeat 0 0;
}

#banner {
	float: left;
	width: 860px;
}

.banner-contactus {
	background: url(images/contactUs.jpg) no-repeat 0 0;
	height: 233px;
	padding-bottom: 7px;
}

/* CONTACT US CONSTRUCTION */
.banner-contactus-temp {
	background: url(images/temp-contactUs.jpg) no-repeat 0 0;}

.banner-overview {
	height: 466px;
	background: url(images/overview.jpg) no-repeat 0 0;
	padding-bottom: 0;
	padding-bottom: 7px;
}

.banner-brochure {
	height: 324px;
	background: url(images/brochure.jpg) no-repeat 0 0;
}

.banner-faq {
	height: 243px;
	background: url(images/faq.jpg) no-repeat 0 0;
}

.banner-brochure a {
	float: right;
	width: 194px;
	height: 120px;
	margin-top: 135px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	text-indent: -999px;
}

#brochureLinks {
	float: left;
	width: 860px;
	background: #2a2825;
	margin-bottom: 60px;
}

#brochureLinks h2 {
	float: left;
	width: 100%;
	height: 39px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	text-indent: -999px;
	background: url(images/downloadFloorplans.png) no-repeat 0 0;
}

#brochureLinks ul {
	float: left;
	width: 100%;
	height: 82px;
}

#brochureLinks ul li {
	float: left;
	width: auto;
	height: 82px;
	background: url(images/pdfLink_tile.png) repeat-x 0 0;
}

#brochureLinks ul li a {
	float: left;
	width: 287px;
	height: 82px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	text-indent: -999px;
	border-right: 1px solid #000;
}

#brochureLinks ul li #pdfLink1 {
	background: url(images/pdfLink1.png) no-repeat 0 0;
}

#brochureLinks ul li #pdfLink2 {
	width: 284px;
	background: url(images/pdfLink2.png) no-repeat 0 0;
}

#brochureLinks ul li #pdfLink3 {
	border-right: 0;
	background: url(images/pdfLink3.png) no-repeat 0 0;
}

#brochureLinks ul li #pdfLink1:hover {
	background: url(images/pdfLink1_hover.png) no-repeat 0 0;
}

#brochureLinks ul li #pdfLink2:hover {
	background: url(images/pdfLink2_hover.png) no-repeat 0 0;
}

#brochureLinks ul li #pdfLink3:hover {
	background: url(images/pdfLink3_hover.png) no-repeat 0 0;
}

.overviewLeft {
	float: left;
	width: 576px;
}

.leftCol {
	float: left;
	width: 561px;
	height: auto;
	background: #5e544a;
	padding-left: 15px;
	overflow: hidden;
}

.leftCol h2 {
	float: left;
	width: 100%;
	height: 49px;
	background: url(images/howWeLive.png) no-repeat 0 3px;
}

.leftCol h3 {
	float: left;
	width: 100%;
	height: 49px;
	background: url(images/urbanIntelligence.png) no-repeat 0 3px;
}

#overviewPic1 {
	float: left;
	width: 543px;
	height: 320px;
	background: url(images/overviewPic1.jpg) no-repeat 3px 0;
}

#overviewPic2 {
	float: left;
	width: 543px;
	height: 395px;
	padding: 55px 0 54px 0;
	background: url(images/overviewPic2.jpg) no-repeat 0 55px;
}

#box02 {
	margin-top: 12px;
	background: #737a5d;
}

.leftCol p {
	float: left;
	width: 95%;
	padding-left: 2px;
	font-size: 12px;
	color: #dfdfdf;
}

#box02 p {
	padding-bottom: 45px;
}

#box02 h3 {
	float: left;
	width: 100%;
	height: 47px;
	background: url(images/everythingYouNeed.png) no-repeat 0px 0;
}

#overviewPic3 {
	float: left;
	width: 546px;
	height: 278px;
	padding: 17px 0 0 0;
	background: url(images/overviewPic3.jpg) no-repeat 3px 17px;
}

.brochureMap {
	padding-bottom: 40px;
}

#overviewPic4 {
	float: left;
	width: 576px;
	height: 321px;
	background: url(images/overviewPic4.jpg) no-repeat 0 0;
}

.rightCol {
	float: left;
	width: 282px;
	background: url(images/rightCol_tile.png);
	border: 1px solid #464440;
	display: block;
}

.rightCol h2, .rightCol h3 {
	float: left;
	width: 100%;
	height: 80px;
	background: url(images/rightCol_h2_1.png) no-repeat 0 0;
}

.rightCol h3 {
	width: 270px;
	padding: 13px 0 0 12px;
	font-size: 20px;
	height: 40px;
	color: #9d9282;
	background: url(images/rightCol_h3_bg.png) no-repeat 0 0;
}

.rightCol #greenH3 {
	padding-top: 33px;
	background: url(images/rightCol_h3_green.png) no-repeat 0 0;
}

.rightCol ul {
	float: left;
	width: 270px;
	padding: 0 0 15px 12px;
}

.rightCol ul li, .rightCol p {
	float: left;
	width: 230px;
	padding: 0 0 15px 15px;
	color: #d6d6d3;
	font-size: 12px;
	background: url(images/rightCol_bullet.png) no-repeat 0 2px;
}

.rightCol p {
	padding: 0 0 15px 27px;
	background: none;
}

#overviewPic5 {
	float: left;
	width: 282px;
	height: 261px;
	background: url(images/overviewPic5.jpg) no-repeat center center;
}

#contactInfo {
	float: left;
	width: 510px;
	border: 1px solid #464440;
	height: 579px;
	background: url(images/contactInfo_tile.png) repeat-x 0 0;
}

.mobile {
	display: none;
	visibility: hidden;
	font-size: 0px;
	line-height: 0px;
}

#contactInfo h2 {
	float: left;
	width: 444px;
	height: 64px;
	background: url(images/comeLook.png) no-repeat 0 0;
}

#contactInfo img {
	display: block;
}


#contactInfo .left {
	float: left;
	width: 280px;
}
#contactInfo p, #contactInfo h5 {
	float: left;
	width: 250px;
	padding: 0 25px 0 30px;
	font-size: 12px;
	color: #d6d6d3;
}

#contactInfo h5 {
	padding: 0 0 0 30px;
	font-size: 14px;
	font-weight: bold;
}

#contactInfo .right {
	float: right;
	width: 200px;
	overflow: hidden;
}

#contactInfo .right p {
	padding: 0px;
	font-size: 14px;
	color: #e2dfbe;
	width: 180px;
}

#contactInfo .right span {
	font-size: 16px;
	color: #e2dfbe;
}

#contactInfo .right h5 {
	padding: 0;
	width: 180px;
}

#contactInfo .right a {
	color: #e2dfbe;
}

#contactInfo .right a:hover {
	text-decoration: underline;
}

#contactInfo #map {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 3px;
}

#contactInfo #map iframe {
	border: 1px solid #494949;
}

#contactForm {
	float: left;
	width: 348px;
	height: 579px;
	border: 1px solid #464440;
	border-width: 1px 1px 1px 0;
	background: url(images/contactForm_tile.png) repeat-x 0 0;
	margin-bottom: 60px;
	overflow: hidden;
}

#contactForm h2 {
	float: left;
	width: 316px;
	height: 67px;
	background: url(images/writeToUs.png) no-repeat 0 0;
	margin-top: -10px;
}

#contactForm .formRow {
	float: left;
	padding: 0 0 15px 27px;
	width: 320px;
}

#contactForm .formRow label {
	float: left;
	width: 74px;
	font-size: 12px;
	color: #a5b7bb;
}

#contactForm .formRow .longLabel {
	width: 320px;
}

#contactForm .formRow .radioBtn {
	padding: 0px 0 0 0;
	margin-left: 55px;
}
#contactForm .formRow .radioLabel {
	float: none;
	width: auto;
	font-size: 12px;
	color: #a1c6cf;
}

#contactForm .formRow .textBox {
	float: left;
	width: 196px;
	padding: 2px 0 0 8px;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	color: #fff;
	background: url(images/textbox.png) no-repeat 0 0;
}

#contactForm .formRow .textArea {
	float: left;
	width: 197px;
	padding: 8px 0 0 8px;
	height: 146px;
	font-size: 11px;
	line-height: 11px;
	color: #fff;
	background: url(images/textarea.png) no-repeat 0 0;
	overflow: auto;
}

#btn_submit {
	float: left;
	padding: 0 0 0 25px;
	width: 138px;
	height: 28px;
	font-size: 12px;
	background: url(images/sendBtn.png) no-repeat 0 0;
	text-align: left;
	margin-left: 74px;
	cursor: pointer;
}

.asterisk {
	color: red;
	font-weight: bold;
}

#errors {
	float: left;
	padding: 5px 0 10px 28px;
	font-size: 12px;
	margin-top: -15px;
}

#errors h5 {
	float: left;
	width: 270px;
	border: 2px solid #6c6c6c;
	background: #90aab0;
	color: #000;
	padding: 3px 0 3px 3px;
}

#errors ul {
	float: left;
	width: 270px;
	border: 2px solid red;
	background: #fff;
	color: #333333;
	padding: 3px 0 3px 3px;
}



#errors li {
	padding-left: 10px;
	background: url(images/error_bullet.gif) no-repeat 0 2px;
}

/* FAQ */
#faq {
	float: left;
	width: 856px;
	border: 2px solid #45433f;
	background: #2e2e2e;
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
}

#faq h2 {
	float: left;
	width: 100%;
	height: 45px;
	background: url(images/faqH2_1.png) no-repeat 0 0;
}

#faq #faqH2_1 {
	height: 79px;	
}

#faq #faqH2_2 {
	background: url(images/faqH2_2.png) no-repeat 0 0;
}

#faq #faqH2_3 {
	background: url(images/faqH2_3.png) no-repeat 0 0;
}

#faq #faqH2_4 {
	background: url(images/faqH2_4.png) no-repeat 0 0;
}

#faq #faqH2_5 {
	background: url(images/faqH2_5.png) no-repeat 0 0;
}

#faq #faqH2_6 {
	background: url(images/faqH2_6.png) no-repeat 0 0;
}

#faq #faqH2_7 {
	background: url(images/faqH2_7.png) no-repeat 0 0;
}

#faq #faqH2_8 {
	background: url(images/faqH2_8.png) no-repeat 0 0;
}

.question, .divider {
	float: left;
	width: 836px;
	padding: 0 0 0 20px;
	background: url(images/questionTop.png) no-repeat 0 0;	
}

.divider {
	height: 3px;
}

.question a {
	float: left;
	width: 836px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #bcb4a7;
	padding: 15px 0 15px 0;
	background: url(images/questionClosed.png) no-repeat right 15px;
}

.question .open {
	background: url(images/questionOpen.png) no-repeat right 15px;
}

.answer {
	float: left;
	border: 5px solid #2e2e2e;
	border-width: 0 5px 5px 5px;
	width: 811px;
	padding: 10px 0 10px 35px;
	background: #252525;
	display: none;
	color: #c3c3c3;
	font-size: 12px;
}

#faq p {
	float: left;
	width: 790px;
	padding: 10px 0 10px 42px;
	font-size: 13px;
}

.answer ul {
	float: left;
	width: 811px;
}

.answer ul li {
	float: left;
	width: 795px;
	padding: 0 0 5px 7px;
	background: url(images/answerBullet.png) no-repeat 0 6px;	
}

.answer .heading {
	float: left;
	width: 80px;
	padding: 7px 0 5px 15px;
	font-weight: bold;
	color: #8e8e8e;
	background: #1a1a1a;
	border-right: 2px solid #252525;
}

.answer .cellRow {
	float: left;
	width: 100%;
}

.answer .cell {
	float: left;
	width: 80px;
	padding: 7px 0 0 15px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	color: #8e8e8e;
	border-right: 2px solid #212020;
}

.answer .heading.medium, .answer .cell.medium {
	width: 135px;
}

.answer .cell.last {
	border: none;
}

.answer .heading.long, .answer .cell.long {
	width: 270px;
	border: none;
}


#faq .answer p {
	padding-left: 0;
	font-size: 12px;
}
/* FAQ */
/* GALLERY */
#gallery {
	float: left;
	width: 858px;
	height: 598px;
	margin-bottom: 60px;
	border: 1px solid #45433f;
	overflow: hidden;
}

#thumbs {
	float: left;
	width: 230px;
	background: #262525;
	height: 540px;
}

#thumbs h2 {
	float: left;
	width: 230px;
	height: 83px;
	background: url(images/galleryH2.png) no-repeat 0 0;
}

#thumbs ul {
	float: left;
	width: 214px;
	padding: 0 0 0 16px;
}

#thumbs ul li {
	float: left;
	width: auto;
	padding: 0 0 13px 13px;
}

#thumbs ul li img {
	float: left;
	width: 40px;
	height: 40px;
	border: 2px solid #ccc;
}

.slideshow-container {
	float: left;
	width: 628px;
	height: 540px;
	overflow: hidden;
	text-align: center;	
	background-color: #000;
	position: relative;
}

.image-wrapper, .loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 628px;
	text-align: center;
	padding-top: 20px;
	height: 520px;
}

.loader {
	background: url("images/loader.gif") no-repeat center center;
}

.slideshow img {
	border: 1px solid #ccc;
}

#gallerySeparator {
	float: left;
	width: 858px;
	height: 2px;
	background: #181817;
	border: 1px solid #131312;
	border-width: 1px 0 1px 0;
}

#controls {
	float: left;
	width: 856px;
	border-left: 2px solid #131312;
	background: #21201f;
	height: 50px;
}

.play, .pause {
	float: left;
	width: 227px;
	height: 51px;
	background: url(images/galleryPlayBtn.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -999px;
	overflow: hidden;
}

.nav-controls {
	float: right;
	width: 156px;
}

.nav-controls a {
	float: left;
	width: 77px;
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/galleryPrevBtn.png) no-repeat 0 0;
}

.nav-controls .next {
	background: url(images/galleryNextBtn.png) no-repeat 0 0;
}

.nav-controls .prev:hover {
	background: url(images/galleryPrevBtn_hover.png) no-repeat 0 0;
}

.nav-controls .next:hover {
	background: url(images/galleryNextBtn_hover.png) no-repeat 0 0;
}

.pause {
	background: url(images/galleryPauseBtn.png) no-repeat 0 0;
}

#caption {
	float: left;
	width: 465px;
	height: 50px;
	position: relative;
}

.image-caption {
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	width: 440px;
	padding: 10px 0 0 25px;
}

.image-title {
	float: left;
	width: auto;
	font-size: 13px;
	font-weight: bold;
	color: #bfbbb4;
}

/* GALLERY */
.footerFloated {
	float: left; 
	postition: relative;
}

.footerAbsolute {
	position: absolute;
}

#FooterOuter {
	width: 100%;
	min-width:864px;
	height: 62px;
	background: url(images/footer_tile.png) repeat-x 0 20px;
}

#Footer {
	position: relative;
	margin: 0 auto;
	width: 860px;
	height: 42px;
	padding-top: 20px;
}
#legales {
	float: left;
	width: auto;
	font-size: 10px;
	color: #525252;
	padding-top: 15px;
}
#ehl_logo {
	float: right;
	height: 42px;
	width: 110px;
	background: url(images/ehl_logo.png) no-repeat 0 2px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -999px;
	overflow: hidden;
}
#siteView{
	padding:8px;
	float:left;
}