@charset "UTF-8";


/* - DOCUMENT INFORMATION
------------------------------------------------- 
	Description: Latitud Diez
	Author: Modern Innovation
	Author URL: http://www.themoderninnovation.com
	Version: 1.0
/*


/* - CONTENTS
-------------------------------------------------

    - Global ................................ 1.0.
		- English/Spanish ................... 1.1.
    	- Fonts ............................. 1.2.
    - Home Page ............................. 2.0.
    - Exteriors ............................. 3.0.	
    - Interiors ............................. 4.0.
	- Common Areas .......................... 5.0.
    - Floor Plans ........................... 6.0.	
    - Location .............................. 7.0.
	- Contact ............................... 8.0.
	
*/



/* - 1.0. - Global
---------------------------------------------- */

	body {
		background: url(images/lat-diez-bg.gif) top no-repeat #ece9e6;
	}
	
	#wrapper {
		width: 960px;
		height: 1200px;
		margin: 50px auto; 	
	}
	
	#wrapper-sub {
		width: 960px;
		
		margin: 0px auto; 	
	}
	
	#large-condo {
		width: 800px;
		height: 500px;
	}
	
	a img {
		border: none;
	}
	
		/* - 1.1. - English/Spanish
		---------------------------------------------- */
	
		#language {
			float: right;
			width: 168px;
			height: 30px;
			margin: 0px;
			padding: 0px;
		}
	
		.english {
			width: 84px;
			float: left;
			margin: 0px;
			padding: 0px;
		}
	
		.spanish {
			width: 84px;
			float: left;
			margin: 0px;
			padding: 0px;
		}
	
		.english-btn a {
			float: right;
			background: url(images/english-sprite.jpg) no-repeat;
			width: 84px; 
			height: 30px;	
			background-position: 0 -30px;		
		}
	
		.english-btn a:hover {
			background-position: 0 0px;
		} 
	
		.spanish-btn a {
			float: right;
			background: url(images/spanish-btn.jpg) no-repeat;
			width: 84px; 
			height: 30px;			
		}
	
		.spanish-btn a:hover {
			background-position: 0 -30px;
		} 
	
	
	/* - 1.2. - Headings
	---------------------------------------------- */
	
		h1 {
			font-size: 18px;
			color: #e06d04;
			margin: 0px;
			padding: 15px 0 0 0;
			font-weight: 100;
		}
		
		h2 {
			font-size: 24px;
			color: #ffffff;
			margin: 0px;
			padding: 25px 0 0 25px;
			font-weight: 100;
		}
		
		h3 {
			font-size: 24px;
			color: #ffffff;
			margin: 0px;
			padding: 35px 0 0 25px;
			font-weight: 100;
		}
		
		h4 {
			font-size: 24px;
			color: #555;
			margin: 0px;
			padding: 55px 0 0 25px;
			font-weight: 100;
		}
	
	/* - 1.3. - Fonts
	---------------------------------------------- */
	
		p {
			font-size: 14px;
			color: #555555;
			margin: 0px;
			padding: 0px;
		}
		
		a {
			color: #555555;
			text-decoration: none;
		}
		
		a:hover {
			color: #e06d04;
			text-decoration: none;
		}
	
	
/* - 2.0. - Home Page
---------------------------------------------- */	

	#logo {
		float: left;
		height: 351px;
		width: 355px;
		background: url(images/lat-diez-logo.png) no-repeat;
		margin: 0px;
		padding: 0px;
	}
	
	#main-img {
		float: right;
		width: 605px;
		margin: 0px;
		padding: 0px;
	}
	
		/* - 2.1. - Navigation
		---------------------------------------------- */
	
		#navigation {
			width: 960px;
			height: 55px;
			background: #2d2d2c;
		}
		
		#navigation ul {
			list-style: none;
			margin: 0px;
			padding: 18px 0px;
		}
		
		#navigation ul li {
			display: inline;
			font-size: 16px;
			color: #fff;
			background: url(images/nav-line.png) no-repeat  right ;
			height: 20px;
			padding: 0 28px 0 28px;
		}
		
		#navigation ul li.last {
			display: inline;
			font-size: 16px;
			color: #fff;
			background: none ;
			height: 20px;
			padding: 0 28px 0 28px;
		}
		
		#navigation ul li a {
			color: #fff;
			text-decoration: none;
		}
		
		#navigation ul li a:hover {
			color: #e06d04;
			text-decoration: none;
		}
	
		/* - 2.2. - Slider
		---------------------------------------------- */
	
		#slider-wrapper { 
			width: 605px; 
			height: 351px; 
			margin: 0 auto; 
			padding: 0px;
		}
	
		#slider { 
			position:relative; 
			width: 605px;  
			height: 351px; 
			margin-left: 0px; 
			background:url(images/loading.gif) no-repeat 50% 50%;
		}
	
		#slider img {
			position:absolute; 
			top:0px;
			left:0px; 
			display:none;
		}
	
		#slider a {
			 border:0; 
		 	display:block;
		}
	
		.nivo-controlNav { 
			position:absolute; 
			left:490px; 
			bottom:-42px;
		}
	
		.nivo-controlNav a {
			display:block; 
			width:22px; 
			height:22px; 
			background:url(images/bullets.gif) no-repeat; 
			text-indent:-9999px; border:0; 
			margin-right:3px; 
			float:left;
		}
	
		.nivo-controlNav a.active {
			 background-position:0 -19px;
		}
	
		.nivo-directionNav a { 
			display:block; 
			width:30px; 
			height:30px; 
			background:url(images/arrows.png) no-repeat; 
			text-indent:-9999px; 
			border:0;
		}
	
		a.nivo-nextNav { 
			background-position:-30px 0; 
			right:15px;
		}
	
		a.nivo-prevNav { 
			left:15px;
		}
	
		.nivo-caption {
			text-shadow:none; 
			font-family: Helvetica, Arial, sans-serif;
		}
	
		.nivo-caption a { 
			color:#efe9d1; 
			text-decoration:underline;
		}
	
		.shadow {
			padding: 60px 0 0 0;
		}

		.nivoSlider {
			position:relative;
		}
	
		.nivoSlider img {
			position:absolute; 
			top:0px; 
			left:0px;
		}

		/* If an image is wrapped in a link */
		.nivoSlider a.nivo-imageLink {
			position:absolute; 
			top:0px; 
			left:0px;
			width:100%; 
			height:100%; 
			border:0; 
			padding:0; 
			margin:0; 
			z-index:6; 
			display:none;
		}

		/* The slices and boxes in the Slider */
		.nivo-slice {
			display:block;
			position:absolute; 
			z-index:5; 
			height:100%;
		}
	
		.nivo-box {
			display:block; 
			position:absolute; 
			z-index:5;
		}
		
		
		/* - 2.3. - Welcome
		---------------------------------------------- */
		
		#welcome {
			float: left;
			background: url(images/welcome-bg.png) no-repeat;
			height: 204px;
			width: 481px;
		}
		
		#welcome p {
			font-family: Georgia;
			font-size: 16px;
			color: #fff;
			line-height: 20px;
			font-weight: 100;
			width: 435px;
			padding: 55px 0 0 25px;
		}
		
		
		/* - 2.4. - Ammenities
		---------------------------------------------- */
		
		#servicebox-container {
			position: relative;
			width: 479px;
			float: right;
		}

		.servicebox {
			position: relative;
			width: 479px;
			height: 204px;
			margin: 0px 0px 0px 0px;
			float: left;
			background: url(images/ammenities-bg.png) no-repeat;
		}

		.servicebox a {
			-webkit-tap-highlight-color:rgba(0,0,0,0);
		}

		.servicebox-hover {
			position: absolute;
			width: 479px;
			height: 204px;
			float: left;
			background: url(images/ammenities-bg2.png) no-repeat;
		}

		.hover {
			position: absolute;
			top: 0px;
			left: 0px;
			float: left;
			height: 204px;
		}

		.servicebox #title {
			width: 320px;
			text-align: left;
			font-family:  Georgia;
			font-size: 20px;
			color: #fff;
			margin: 110px 0px 0px 25px;
			padding: 0px;
		}

		.servicebox .content {
			padding: 0px 20px 25px 25px;
			font-family: Georgia;
			font-size: 14px;
			line-height: 21px;
			color: #fff;
		}

		.content li {
			text-align: center;
			color: #fff;
			width: 350px;
			margin: 0px;
			padding: 0px;
			font-size: 14px;
			line-height: 25px;
			list-style-type: none;
		}
		
		.italic {
			font-style: italic;
		}
		
		.light { 
			color: #bcbcbc; 
		}
		.white { 
			font-size: 24px;
			color: #ffffff; 
		}	
		.red { 
			color: #db2845; 
		}
		
		.about-line {
			padding: 20px 0 20px 0;
		}
		
		
		/* - 2.5. - Properties
		---------------------------------------------- */
		
		
		#properties {
			width: 960px;
		}
		
		#properties a {
			margin: 0px;
			padding: 0px;
		}
		
		.meridian-col {
			float: left;
			width: 241px;
			margin: 0px;
			padding: 0px;
		}
		
		.equinox-col {
			float: left;
			width: 240px;
			margin: 0px;
			padding: 0px;
		}
		
		.equator-col {
			float: left;
			width: 238px;
			margin: 0px;
			padding: 0px;
		}
		
		.latitud-col {
			float: left;
			width: 241px;
			margin: 0px;
			padding: 0px;
		}
		
		
/* - 3.0. - Exteriors
---------------------------------------------- */
		
		#small-logo {
			float: left;
			width: 185px;
			height: 104px;
		}
		
		
		/* - 2.5. - Exteriors Slider
		---------------------------------------------- */

		#large-slider-wrapper { 
			width: 960px; 
			height: 400px; 
			margin: 0 auto; 
			padding: 0px;
		}
	
		#large-slider-wrapper #slider { 
			position:relative; 
			width: 960px;  
			height: 400px; 
			margin-left: 0px; 
			background:url(images/loading.gif) no-repeat 50% 50%;
		}
	
		#slider img {
			position:absolute; 
			top:0px;
			left:0px; 
			display:none;
		}
	
		#slider a {
			 border:0; 
		 	display:block;
		}
	
		.nivo-controlNav { 
			position:absolute; 
			left:490px; 
			bottom:-42px;
		}
	
		.nivo-controlNav a {
			display:block; 
			width:22px; 
			height:22px; 
			background:url(images/bullets.gif) no-repeat; 
			text-indent:-9999px; border:0; 
			margin-right:3px; 
			float:left;
		}
	
		.nivo-controlNav a.active {
			 background-position:0 -19px;
		}
	
		.nivo-directionNav a { 
			display:block; 
			width:30px; 
			height:30px; 
			background:url(images/arrows.png) no-repeat; 
			text-indent:-9999px; 
			border:0;
		}
	
		a.nivo-nextNav { 
			background-position:-30px 0; 
			right:15px;
		}
	
		a.nivo-prevNav { 
			left:15px;
		}
	
		.nivo-caption {
			text-shadow:none; 
			font-family: Helvetica, Arial, sans-serif;
		}
	
		.nivo-caption a { 
			color:#efe9d1; 
			text-decoration:underline;
		}
	
		.shadow {
			padding: 60px 0 0 0;
		}

		.nivoSlider {
			position:relative;
		}
	
		.nivoSlider img {
			position:absolute; 
			top:0px; 
			left:0px;
		}

		/* If an image is wrapped in a link */
		.nivoSlider a.nivo-imageLink {
			position:absolute; 
			top:0px; 
			left:0px;
			width:100%; 
			height:100%; 
			border:0; 
			padding:0; 
			margin:0; 
			z-index:6; 
			display:none;
		}

		/* The slices and boxes in the Slider */
		.nivo-slice {
			display:block;
			position:absolute; 
			z-index:5; 
			height:100%;
		}
	
		.nivo-box {
			display:block; 
			position:absolute; 
			z-index:5;
		}
		

/* - 4.0. - Interiors
---------------------------------------------- */
		
		#prop-nav {
			width: 960px;
			height: 55px;
			background: #d6d0c9;
		}

		#prop-nav ul {
			list-style: none;
			margin: 0px;
			padding: 18px 0px;
		}
		
		#prop-nav ul li {
			display: inline;
			font-size: 16px;
			color: #fff;
			height: 20px;
			padding: 0 15px 0 30px;
		}
		
		#prop-nav ul li a {
			color: #2d2d2c;
			text-decoration: none;
		}
		
		#prop-nav ul li a:hover {
			color: #e06d04;
			text-decoration: none;
		}
		
		#property-info {
			width: 960px;
			height: 367px;
			background: url(images/property-info-bg.png) no-repeat;
		}
		
		#common-info {
			width: 960px;
			height: 317px;
			background: url(images/common-area-info-bg.png) no-repeat;
		}
		
		.property-col-1 {
			float: left;
			width: 520px;
		}
		
		.property-col-2 {
			float: right;
			width: 430px;
		}
		
		.amm-col-1 {
			float: left;
			width: 400px;
		}
		
		.amm-col-2 {
			float: left;
			width: 220px;
		}
		
		/* - 4.2. - Fonts
		---------------------------------------------- */
		
		#property-info p {
			color: #fff;
			font-size: 14px;
			font-weight: 100;
			padding: 25px 0 0 25px;
		}
		
		#property-info ul {
			color: #fff;
			list-style: square;
		}
		
		#property-info li {
			font-weight: 100;
			font-size: 14px;
		}
		
		#property-info a {
			color: #fff;
			text-decoration: none;
		}
		
		#property-info a:hover {
			color: #e06d04;
			text-decoration: none;
		}
		
		#common-info p {
			color: #fff;
			font-size: 14px;
			font-weight: 100;
			padding: 25px 0 0 25px;
		}
		
		#common-info ul {
			color: #fff;
			list-style: square;
		}
		
		#common-info li {
			font-weight: 100;
			font-size: 14px;
		}
		
		#common-info a {
			color: #fff;
			text-decoration: none;
		}
		
		#common-info a:hover {
			color: #e06d04;
			text-decoration: none;
		}


/* - 5.0. - Common Areas
---------------------------------------------- */


/* - 6.0. - Floor Plans
---------------------------------------------- */

	#floor-plans {
		width: 960px;
		background: #eeecea;
	}
	
	#floor-plans ul {
		color: #503e32;
		list-style: square;
	}
		
	#floor-plans li {
		font-weight: 100;
		font-size: 14px;
	}
	
	.floor-plan {
		height: 350px;
		width: 960px;
		background: url(images/fp-spacer.png) bottom no-repeat;
	}

	.floor-plan-col-1 {
		float: left;
		width: 275px;
	}
	
	.floor-plan-col-2 {
		float: left;
		width: 275px;
		padding: 80px 0px;
	}
	
	.floor-plan-col-3 {
		float: right;
		width: 400px;
		padding: 30px 0px;
	}
	
	.floor-plan-col-5 {
		float: right;
		width: 275px;
	}
	
	.floor-plan-col-4 {
		float: right;
		width: 275px;
		padding: 80px 0px;
	}
	
	.floor-plan-col-6 {
		float: left;
		width: 380px;
		padding: 30px 0 0 20px;
	}


/* - 7.0. - Contact
---------------------------------------------- */	
		
		#contact-info {
		}
		
		.contact-col-1 {
			float: left;
			background: url(images/contact-info-bg.png) #ccc no-repeat;
			height: 250px;
			width: 481px;
		}
		
		.contact-col-2 {
			float: right;
			height: 250px;
			width: 479px;
		}
		
		#contact-info p {
			font-family: Georgia;
			font-size: 14px;
			color: #fff;
			line-height: 20px;
			width: 435px;
			padding: 15px 0 0 25px;
		}



/* - 8.0. - Footer
---------------------------------------------- */		
		
		#footer {
			width: 960px;
			height: 300px;
		}
		
		.footer-col-1 {
			float: left;
			width: 225px;
			padding: 25px 0 0 15px;
		}
		
		#footer ul {
			list-style: none;
			padding: 0 0 0 5px;
		}
		
		#footer ul li a {
			color: #555555;
			text-decoration: none;
		}
		
		#footer ul li a:hover {
			color: #e06d04;
			text-decoration: none;
		}
		
		.active {
			color: #e06d04;
		}
		
		.footer-col-2 {
			float: left;
			width: 225px;
			padding: 25px 0 0 15px;
		}
		
		.footer-col-3 {
			float: left;
			width: 225px;
			padding: 25px 0 0 15px;
		}
		
		.footer-col-4 {
			float: left;
			width: 200px;
			padding: 25px 0 0 40px;
		}