@charset "UTF-8";
/* CSS Document */

/* ----- GLOBAL STYLES ----- */

html{width:100%; height:100%;}
body{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: normal;
	color: #CCC;
	background-color: #000;
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
	background-image: url(images/bg_solterra-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.home-2{
	background-image: url(images/bg_solterra-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.our-collections{
	background-image: url(images/bg_balboa-int-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.homes-for-sale{
	background-image: url(images/bg_court-3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/*body.lofts-for-rent{
	background-image: url(images/bg_moda-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}*/
body.balboa{
	background-image: url(images/bg_balboa-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.court-homes{
	background-image: url(images/bg_court-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.solterra{
	background-image: url(images/bg_solterra-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.available-homes{
	background-image: url(images/bg_court-int-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.about-infinity{
	background-image: url(images/bg_balboa-int-4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.contact-us, body.thank-you {
	background-image: url(images/bg_balboa-int-3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

body.moda-lofts { background: url(images/bg_moda.jpg) no-repeat top center; }

body.available-balboa-homes { background: url(images/bg_balboa-int-3.jpg) no-repeat center center; }

body.available-court-homes { background: url(images/bg_court-int-3.jpg) no-repeat center center; }

body.available-solterra-homes { background: url(images/bg_solterra-int-1.jpg) no-repeat center center; }

body.fourzerofour { background: url(images/bg_404.jpg) no-repeat center center; }


a, a:visited, a:active{
	color: #66ccff;
	text-decoration: none;
	border-style: none;
}
a:hover{
	color: #FFF;
	text-decoration: none;
}

blockquote { margin: 0; font-weight: lighter; }

blockquote p {
	text-align: left;
	font-size: 25px;
	text-align: italic;
	font-weight: lighter;
	line-height: 130%;
	color: #fff;
}

h1{
	font-size: 30px;
	line-height: 30px;
	font-weight: lighter;
	text-transform: capitalize;
	color: #FFF;
}
h2{
	font-size: 18px;
	line-height: 18px;
	font-weight: lighter;
	text-transform: capitalize;
	color: #FFF;
}
h3{ color: #fff; }
h4{}

.design-iq h3 { margin-top: 20px; }

img{
	margin-bottom: 10px;
	border-style: none;
}

.alignright { float: right; }

img.alignright, .alignright img {
	margin: 10px 0 10px 10px;
	border: 5px solid #333;
}

input#clean_contact_send { border: none; }

.btn, input#clean_contact_send {
	background-color: #66ccff;
	display: inline-block;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}
a.btn:link, a.btn:visited, a.btn:active{
	background-color: #66ccff;
	display: inline-block;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}
a.btn:hover, input#clean_contact_send:hover {
	color: #FFF;
	text-decoration: none;
}
.opacity {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

/* ----- NAV BAR STYLES ----- */
#navWrapper{
	width: 100%;
	height: 150px;
	background-image: url(images/bg_transparent.png);
	background-repeat: repeat;
}
#nav{
	width: 1000px;
	height:100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	color: #999;
}
#nav li{
	display: inline;
	float: left;
	width: 150px;
	height:100%;
	padding-right: 8px;
	padding-left: 8px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;
}
#nav li img {
	display: inline;
	padding: 5px 0 0 0;
	float: right;
	margin: 0;
}
#nav h2{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	font-size: 12px;
}
#nav h2 a, #nav h2 a:visited, #nav h2 a:active {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	font-size: 12px;
}
#nav h2 a:hover{
	text-decoration: underline;
}
.logo{
	float: left;
	width: 250px;
	margin-top: 25px;
}

#nav p { margin: 0px; }

/* ----- CONTENT STYLES ----- */
#contentWrapper{
	margin-right: auto;
	margin-left: auto;
	margin-top:75px;
	width:1000px;
	border-top: 5px solid #33cc66;
}
#content{
	width: 950px;
	background-image: url(images/bg_transparent.png);
	background-repeat: repeat;
	float:left;
	padding:25px;
	margin-bottom: 15px;
}
#leftSide{
	width: 275px;
	float:left;
}
#leftSide2{
	width: 550px;
	float:left;
}
#rightSide{
	width: 600px;
	margin-left: 25px;
	float:right;
}
#rightSide2{
	width: 350px;
	padding-left: 25px;
	float: right;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #333;
}
.section_title{
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	display:inline-block;
	margin-bottom: 15px;
	padding-bottom: 5px;
	margin-top: 25px;
}

.embed {
width:48%;
float:left;
padding:0 0 0 10px;
margin:0 0 20px 0;
}

/* ----- HOME PAGE STYLES ----- */
.headline{
	font-size: 40px;
	line-height: 40px;
	font-weight: lighter;
	text-transform: capitalize;
	color: #66ccff;
}

/* ----- OUR COLLECTIONS STYLES -----*/
#columnWrapper{
	width: 650px;
	float:right;
	display: inline;
}
#column{
	clear: right;
	float: left;
	width: 200px;
	height:480px;
	margin-left: 15px;
	background-color: #333;
	display: inline-block;
}
#last_column{
	float: left;
	width: 200px;
	height:450px;
	background-color: #333;
	display: inline-block;
}
#columnWrapper h2{
	padding-left: 10px;
}
#columnWrapper .img{
	height: 175px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #66ccff;
}
#columnWrapper .copy{
	width: 100%;
	position:relative;
}
#columnWrapper p{
	line-height: 18px;
	padding: 10px;
}
#columnWrapper .btn {
	background-color: #66ccff;
	display: inline-block;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
}


/* ----- COMMUNITY PAGE STYLES ----- */

.ngg-galleryoverview ul.ngg-gallery-list li a {
	border: none;
}



/* ----- AVAILABLE HOMES STLYES ----- */
#rowWrapper{
	width: 625px;
	margin-left: 25px;
	float: right;
}
#row{
	float: right;
	width: 625px;
	margin-bottom: 25px;
	background-color: #333;
}
#rowWrapper .img{
	float:left;
	position:relative;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#rowWrapper .copy{
	width: 400px;
	position:relative;
	float: left;
}


/* ----- FOOTER STYLES ----- */
#footerWrapper{	
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	position:relative;
	margin-bottom:25px;
}
#footer{
	width: 950px;
	background-color: #000;
	float:left;
	padding-left:25px;
	padding-right:25px;
	font-size: 11px;
}
#footer li{
	display: inline;
	float: left;
	padding-right: 10px;
}

table tbody tr { background: #1f1f1f;}
table tbody tr td { padding: 2px; }

#footer ul { margin: 0; padding: 0; -webkit-padding-start: 0; width: 50%; float: left; }

p.copyright { float: right; text-align: right; padding: 0; width: 50%; margin: 0; color: #888; }