@import url(http://fonts.googleapis.com/css?family=Crimson+Text);
@import url(http://fonts.googleapis.com/css?family=Montserrat);
body {
	background:   url('../img/bg.jpg') no-repeat center top;
	background-attachment:fixed; 
 
	
}
header {
	margin:20px;
}
footer {
	 
	text-align:center;
}
.content {
	
	background: rgb(54, 25, 25); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(54, 25, 25, .5);

background: rgba(6, 35, 56, .7);
width:960px;margin:0 auto;
color:white;
padding-bottom:15px;
}

.logo2 {
	padding-top:28px;
}

h1 {
	font-family: 'Crimson Text', serif;
	font-weight:400;
	font-size:1.6em;
	text-transform:uppercase;
}
h2 {
	font-family: 'Crimson Text', serif;
	font-weight:400;
	font-size:2em;
	text-transform:uppercase;
}
h3 {
	
	font-family: 'Crimson Text', serif;
	font-weight:200;
	font-size:1.8em;
	text-transform:uppercase;
	
}
h4 {
	 
	font-weight:500;
	font-size:1.2em;
	text-transform:uppercase;
	margin:0; 
}
h5 {
	 
 
}

.lg {
	font-size:2.2em;
	padding-right:2px;
}
.lg2 {
	font-size:2.2em;
	padding-right:0px;
}
.filmstrip {
	margin:25px 0;
}
.menu {
	  width:100%;
	  margin:0 auto;
	  padding:16px 0 7px 0;
	  text-align:center;
	  background-color: #3c62a0;
	  background-image: -moz-linear-gradient(top, #6886b8, #3c62a0);
	  background-image: -ms-linear-gradient(top, #6886b8, #3c62a0);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6886b8), to(#3c62a0));
	  background-image: -webkit-linear-gradient(top, #6886b8, #3c62a0);
	  background-image: -o-linear-gradient(top, #6886b8, #3c62a0);
	  background-image: linear-gradient(top, #6886b8, #3c62a0);
	  background-repeat: repeat-x;

	  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#6886b8', endColorstr='#3c62a0', GradientType=0);
}
ul.nav_top  {
margin-left:0;
}
ul.nav_top li {
	padding-top:5px;
	display:inline;
}
ul.nav_top li a{
 	padding:5px;
	color:white;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
	text-decoration:none;
}
ul.nav_top li a:hover{ 
	color:#ffe186;
}
.buttons {
	text-align:center;
}

.unit_left h3 {
	margin:0;
	padding:0;
}
.unit_left h2 {
	margin:0;
	padding:0;
}
.unit_left {
	text-align:center;
	float:left; 
	width:220px;
	padding:10px 20px;
}
.unit_right {
	text-align:center;
	float:left; 
	width:580px;
}
.floorplans {
	text-align:center;
	padding:20px;
	background:white;
	width:100%;
	margin-top:20px;
}

.red {
	color:red; 
}
a.white { color:white;}

.boxcaption h4{ background:#d10925; padding:0 10px}

.unitdetail p { text-transform: inherit}
.unitlist a{ color:white;}

.soldout-mask { position:absolute; width:960px; height:538px;top:0;left:0; background:url(../img/soldout.png); z-index:9990}
.content { position:relative}

.flexslider { border:none !important; }
.flexslider .slides>li, ul.slides, .flexslider, .flex-viewport, .flexslider .slides img, {  background: none !important;}



@media only screen and (max-width: 959px) {
	iframe {
		width: 100% !important;
	}
	.span7 {
		width: 360px;
	}
	.span12 {
		margin-left: 0 !important;
	}
	
	.content_wh {
		max-width: 100%;
	}	
}

@media only screen and (max-width: 920px) {
	
	.span8 {
		width: 100%;
		margin: 0;
	}
	.floorplans {
		padding: 20px 0;
	}
	
	.span3.unitdetail {
		margin: auto !important;
		float: none;
	}

	.panzoom-parent {
		width: 100% !important;
	}
	
	input.zoom-range {
		display: none;
	}
	.buttons {
		position: inherit !important;
		margin-left: 0 !important;
		margin-top: 20px !important;
	}

	.content {
		/*background: none !important;*/
		width: 100% !important;
	}
	
	.span6 {
		margin: auto !important;
		float: none !important;
	}
	
	.span12, .span9, .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 100%;
	}
	
	#inverted-contain .panzoom {
		height: auto !important;
	}
	
	header .span9 >a:first-child {
		float: none !important;
		width: 318px !important;
		margin: auto !important;
		display: inherit;
	}	

.menu {
    margin-top: 10px;
    overflow: hidden;
    width: 100% !important;
    margin: auto;
}

header .span3 {
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
}

	.row {
		margin-left: 0 !important;
	}
	
	header .span3 ,header .span9 {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	
	/*.menu {
		padding: 0 10px;
	}*/
	
	.span10.offset1 {
		overflow: hidden;
		float: none !important;
		margin-left: 0;
		text-align: center;
		width: 100%;
	}	
}

@media only screen and (max-width: 720px) {
	.span7, .span4 {
		float: none !important;
		margin: auto;
		width: 100%;
		text-align: center;		
	}
	h3 {
		width: 100% !important;
	}
}


@media only screen and (max-width: 665px) {
	label.control-label {
		float: none !important;
		width: 100% !important;
		display: block;
		text-align: center !important;
	}

	.form-horizontal .controls {
		margin: 0 !important;
		text-align: center;
	}

	.span8 {
		width: 100% !important;
	}

	input.span5, textarea.span5, .uneditable-input.span5 {
		width: 211px;
	}
}

@media only screen and (max-width: 500px) {
	.span6 {
		width: 92% !important;
		max-width: 100% !important;
		margin-left: 20px !important;		
	}	
	
	header .span9 >a:first-child {
		width: 92% !important;
	}
	
	footer .span12 {
		margin-left: 0;
	}
}