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

/*** RESET ***/

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;

	padding: 0;

	border: 0;
	outline: 0;

	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
}

/********************************************************************************************************
 Import Fonts
*******************************************************************************************************/

@font-face {
    font-family: 'dinlight';
    src: url('../fonts/din-light-webfont.eot');
    src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-light-webfont.woff') format('woff'),
         url('../fonts/din-light-webfont.ttf') format('truetype'),
         url('../fonts/din-light-webfont.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din_mediumregular';
    src: url('../fonts/din_medium-webfont.eot');
    src: url('../fonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din_medium-webfont.woff') format('woff'),
         url('../fonts/din_medium-webfont.ttf') format('truetype'),
         url('../fonts/din_medium-webfont.svg#din_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'dinregular';
    src: url('../fonts/din-bold-webfont.eot');
    src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-bold-webfont.woff') format('woff'),
         url('../fonts/din-bold-webfont.ttf') format('truetype'),
         url('../fonts/din-bold-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/********************************************************************************************************
Body  #4f535a
*******************************************************************************************************/

html {
    height: 100%;
}

body {
	font-family:'dinlight',Sans-Serif;	
	background-color: #FFF; 
	text-align:center;
	color:#FFF; 
	text-transform:uppercase;
}
/*******Full Wrap********/
#pgRap {
	position: absolute;
	width: 1820px;
	min-height: 75%;
	height: auto;
	top: 0;
	bottom:0;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
	text-align:center;
	background-color: none;
	z-index: 0;
}

#loaderMask{
    text-align: center;
    padding-top: 25%;
}

#loaderMask span{
    font-size: 3em;
}

/******************************************
Controols Wrap of all the main boxes margin: 0 .25% 0 .25%; #4f535a
*********************************************/
#boxWrap {
	position:absolute;
	background-color: none;
	width: 1820px;
	height: auto;
	margin:auto;
	top: 50%;
	-webkit-transform: translate(0%,-42%);
    -ms-transform: translate(0%,-42%);
    transform: translate(0%,-42%);
}

/*******For Home Page********/
#boxWrap2 {
	position:absolute;
	background-color: none;
	width:1820px;
	height: auto;
	margin:auto;
	top:71%;
	-webkit-transform: translate(0%,-45%);
    -ms-transform: translate(0%,-45%);
    transform: translate(0%,-45%);
}

/*******Full Box Top********/
#pgRapLeft {
	width: 49%;
	height: auto;
	float:left;
	margin: 0 0 0 0;
	background-color: #FFF;
	padding:.33333%;
}

#pgRapRight {
	width: 49%;
	height: auto;
	float:right;
	margin: 0 0 0 0;
	background-color: #FFF;
	-webkit-transform: translate(-.3%,0%);
    -ms-transform: translate(-.3%,0%);
    transform: translate(-.3%,0%);
	padding:.33333%;
}

/*******Full Box Bottom********/

#pgRapLeftBottom {
	width: 49%;
	height:auto;
	float:left;
	margin: 0 0 0 0;
	background-color: #FFF;
	padding:.33333%;
}

#pgRapRightBottom {
	width:49%;
	height:auto;
	float:right;
	margin: 0 0 0 0;
	background-color: #FFF;
	padding:.33333%;
}

/***********top Quarters***********/

#pgQuarterWrapLeft {
	width: 24.5%;
	height:auto;
	float:left;
	clear:both;
	margin: 0 0 0 0;
	background-color: #FFF;
	padding:.33333%;
}

#pgQuarterWrapMiddle {
	width: 24.5%;
	height:auto;
	float:right;
	margin: 0 0 0 0;
	background-color: #FFF;
	padding:.33333%;
}

#pgQuarterWrapRight {
	width: 24.5%;
	height:auto;
	float:right;
	margin: 0 0 0 0;
	background-color: #FFF;
	padding:.33333%;
}

/***********Bottom Quarters***********/

#pgQuarterWrapLeft_bottom {
	width: 24.5%;
	height:auto;
	float:left;
	clear:left;
	margin: 0 0 0 0;
	background-color: #FFF;
	padding:.33333%;
}

#pgQuarterWrapMiddle_bottom {
	width: 24.5%;
	height:auto;
	float:left;
	margin: 0 0 0 0;
	background-color: #FFF;
	padding:.33333%;
}

#pgQuarterWrapRight_bottom {
	width: 24.5%;
	height:auto;
	float:right;
	margin: 0 0 0 0;
	background-color: #FFF;
	padding:.33333%;
}

/***********home Quarters***********/

#pgQuarterWrapLeft_home {
	width: 24.5%;
	height:auto;
	float:left;
	clear:both;
	background-color: none;
	margin: 0 .25% 0 .25%;
}

#pgQuarterWrapMiddleLeft_home {
	width: 24.5%;
	height:auto;
	float:left;
	background-color: #4f535a;
	margin: 0 0 0 .4%;
}

#pgQuarterWrapMiddleRight_home {
	width: 24.5%;
	height:auto;
	float:right;
	background-color: #4f535a;
	margin: 0 0 0 .4%;
}

#pgQuarterWrapRight_home {
	width: 24.5%;
	height:auto;
	float:right;
	background-color: #4f535a;
	margin: 0 .25% 0 .25%;
}



/********************************************************************************************************
Home pg boxes (Controls content with-in the boxes)
*******************************************************************************************************/

/****Logo Box****/
#quarterBox_logo{
	float:left;
	width:50%;
	height:auto;
	background-color:none;
	text-align:left;
	margin: 0 0 0 0;
}

/****responsive background image****/
#logoBG.column {
   /* The background image must be 470px wide */
   max-width: 470px;
}
              
figure.logoBack {
   padding-top: 106.382%;  /* 500px/470px = 1.06382 */
              
   background-image:url(../img/logo_box2.png);
   background-repeat:no-repeat;
   background-size: contain;
   -moz-background-size: contain;  /* Firefox 3.6 */
   background-position: left;  /* Internet Explorer 7/8 */
   margin: 0px;
}
/********/

#logo {
	position: absolute;
	width: 100%;
	height: auto;
	background-color: none;
	margin: 0px 0px 0px 0px;
	z-index:2;
}

#logo img {
	width: 100%;
	height: auto;
}

/*********************/
/****General Boxs  #4f535a ****/

/****This is for a quarter page****/
#fullBox {
	position: relative;
	width:100%;
	height:auto;
	alignment-adjust:central;
	background-color:#4f535a;
	background-position: left;
	text-align:left;
	margin: 0 0 0 0;
	z-index:0;
}

#fullBoxHome {
	position: relative;
	width:100%;
	height:auto;
	alignment-adjust:central;
	background-color:#4f535a;
	background-position: left;
	text-align:left;
	margin: 0 0 0 0;
	padding-bottom:11%;
	z-index:0;
}

#fullLogo {
	position: relative;
	width:100%;
	height:auto;
	alignment-adjust:central;
	background-color: none;
	background-position: left;
	text-align:left;
	margin: 0 0 0 0;
	z-index:0;
}

/****This is for half a page****/
#quarterBox_gen{
	float:left;
	width:100%;
	height:auto;
	background-color:none;
	text-align:left;
	margin: 0 0 0 0;
	display:inline-block;
}
/****responsive background image (quarter page boxes 470px/500px)****/
#gen.colum {
   /* The background image must be 470px wide */
   max-width: 470px;
}
              
figure.genBack {
   padding-top: 106.382%;  /* 500px/470px = 1.06382 */          
   background-image:url(../img/box.png);
   background-repeat:no-repeat;
   background-size: contain;
   -moz-background-size: contain;  /* Firefox 3.6 */
   background-position: left;  /* Internet Explorer 7/8 */
   margin: 0px;
}


/****responsive background image (half size boxes 940px/500px)****/
#gen.two_colum {
   /* The background image must be 470px wide */
   max-width: 948px;
}
              
figure.genBack_two_colum {
   padding-top:52.6%;  /* 500px/948px = 52.742  500px/940px = 53.191  */
   background-image: url(../img/longBox.png);
   background-repeat:no-repeat;
   background-size: contain;
   -moz-background-size: contain;  /* Firefox 3.6 */
   background-position: left;  /* Internet Explorer 7/8 */
   margin: 0 0 0 0;
}

/********/
/****General images****/
#boxDiscription {
	float:left;
	width: inherit;
	text-transform:uppercase;
	background-image:url(../img/home/small_play.png);
	background-position:right;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding:0;
	background-color: none;
	font-size: 1em;
	color: #FFF;
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-in;
	cursor:pointer;
}

#boxDiscription li {
	list-style: none;
	display:inline;
	background-color:none;
	float:left;
	margin: 0 0 0 5px;
}

#boxDiscription:hover {
	list-style: none;
	display:inline;
	background-image:url(../img/home/small_playH.png);
	background-position:right;
	background-color:none;
	font-size: 1em;
	float:left;
	margin: 0 0 0 0;
	color: #ebc11c;
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in;
}

.fancybox-media {
	float:left;
	width: auto;
	height:auto;
	margin: 2.25% 0 0 3%;
	background-color: none;
}

.x_fancyWrap {
	float:left;
	width: auto;
	height:auto;
	margin: 2.25% 0 0 3%;
	background-color: none;
}

a.fancybox-media {
	
}

a.fancybox-media:hover {
	
}

.fancybox-media2 {
	width: auto;
	height:auto;
	margin: 0 0 0 0;
	background-color: none;
}


.playPic{
	background-repeat:no-repeat;
	width:18px;
	height: 18px;
	background-size: contain;
   -moz-background-size: contain;  /* Firefox 3.6 */
    background-position: center;  /* Internet Explorer 7/8 */
	margin:0;
	padding-top:2.25%;
}

.fullImage {
	position:relative;
	width: 100%;
	height:auto;
	overflow:hidden;
	alignment-adjust:middle;
	background-color: none;
	margin: 0px 0px 0px 0px;
	z-index:1;
}

.fullImage img {
	width: 100%;
	height:auto;
	margin:0;
	background: none;
}

#bigPlayBtn {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	background-image:url(../img/inwood/big_play.png);
	background-repeat:no-repeat;
	background-color:none;
	background-position:center;
	z-index:3;
	cursor:pointer;
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-in;
}

#bigPlayBtn:hover {
	background-image:url(../img/inwood/big_play_over.png);
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-in;
}


#bigPlayBtn2 {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	background-image:url(../img/inwood/big_play.png);
	background-repeat:no-repeat;
	background-color:none;
	background-position:center;
	z-index:3;
	cursor:pointer;
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-in;
}

#bigPlayBtn2:hover {
	background-image:url(../img/inwood/big_play_over.png);
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-in;
}

/********************************************************************
text boxes
*********************************************************************/

.smBoxTxt{
	position: absolute;
	float:left;
	width: 90%;
	height:75%;
	margin: 5% 0 0 5%;
	color: #FFF;
	background-color:none;
	text-align:left;
	font-family:'dinlight',Sans-Serif;
	z-index:2;
}

#smBoxHeader{
	font-size: 2em;
	margin: 0 0 4% 0;
	color:#FFF;
	text-transform:uppercase;
}

#paragraph_txt {
	font-size:1em;
	line-height: 1.35em;
	text-transform:none;
	width:100%;
	height:78%;
	overflow:hidden;
	background-color: none;
}

#smBoxHeader2{
	font-size: 2em;
	margin: 0 0 4% 0;
	color:#FFF;
	text-transform:uppercase;
}

#paragraph_txt2 {
	font-size:1em;
	line-height: 1.35em;
	text-transform:none;
	width:100%;
	height:78%;
	overflow:hidden;
	background-color: none;
}

.viewBig_content {
	font-size:1em;
}

#readMore{
	font-size: 1em;
	margin: 10% 0 0 0;
	width: 95%;
	background: none;
	text-align:right;
}

#readMore2{
	font-size: 1em;
	margin: 10% 0 0 0;
	width: 95%;
	background: none;
	text-align:right;
}

.openBox{
	cursor:pointer;	
}

#openBox2{
	cursor:pointer;	
}

.openBox:hover{
	color: #ebc11c;
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in; 	
}

#bigInfoBox {
	position: absolute;
	max-width:1820px;
	width: 75%;
	top:48%;
	left: 50%;
	visibility:visible;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	margin: 0 0 0 0;
	background-color: #4f535a;
	z-index: 1;
	font-family:'dinlight',Sans-Serif;
}

#mapRap {
	position: absolute;
	width:1820px;
	height: 70%;
	top: 50%;
	bottom:0;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	text-align:center;
	background-color: none;
	z-index: 0;
}

#mapBox {
	position: absolute;
	max-width:1820px;
	width: 99%;
	height: 99%;
	border: thick solid #4f535a;
	top:0;
	left: 0;
	margin: 0 0 0 0;
	background-color: #4f535a;
	z-index: 0;
	font-family:'dinlight',Sans-Serif;
}

.hideBox{
	position:absolute;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index:0;
}

.showBox{
	position:absolute;
	filter: alpha(opacity=100);
	opacity: 100;
	z-index:100;
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-in;
}

#inside_infoBox {
	float:left;
	text-transform: none;
	font-size: 1em;
	line-height:1.5em;
	text-align:left;
	width: 40%;
	height: auto;
	margin: 3%  0 0 5%;
	background-color:none;
}

#inside_infoBox2 {
	float:left;
	text-transform: none;
	font-size: 1em;
	line-height:1.5em;
	text-align:left;
	width: 40%;
	height: auto;
	margin: 3%  0 0 5%;
}

#inside_header {
	font-family:'dinlight',Sans-Serif;
	float:left;
	text-transform: uppercase;
	font-size: 2em;
	text-align:left;
	width:100%;
	background: none;
	margin:0 0 4% 0;
	
}

#inside_header2 {
	font-family:'dinlight', Sans-Serif;
	float:left;
	text-transform: uppercase;
	font-size: 2em;
	text-align:left;
	width:100%;
	background: none;
	margin:0 0 4% 0;
	
}

#Availability{
	font-family: 'dinlight', Sans-Serif;
	float:left;
	text-transform:uppercase;
	font-size: 1em;
	text-align:left;
	width:100%;
	background: none;
	margin:0 0 4% 0;
}

#View_Avail{
	font-family: 'dinlight';
	float:left;
	clear:left;
	text-transform:uppercase;
	font-size: 1em;
	text-align:left;
	width:100%;
	background:none;
}

#View_Avail a{
	color: #FFF;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in;
}

#View_Avail a:hover{
	color: #ebc11c;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in; 
}


#v_line{
	float:left;
	clear:left;
	width: 100%;
	height:1px;
	background:#FFF;
	margin:0 0 4% 0;
}

#closeMap{
	position: absolute;
	top: .5%; 
	right:.5%;
	color: #FFF;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	width: 20px;
	height: 20px;
	background:#4f535a;
	cursor:pointer;
	z-index:500;
}


#closeMain_Content{
	position: absolute;
	right: 10px;
	top:10px;
	cursor:pointer;
}

#closeMain_Content a{
	color:#FFF;
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in; 	
}

#closeMain_Content a:hover {
	color: #ebc11c;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in; 	
}

/********************************************************************
Top of Page
*********************************************************************/


/******Top of Home Page**********/

#bar {
	position: fixed;
	float:left;
	width:100%;
	height:100px;
	background-color:#4f535a;
	text-align:left;
	z-index: 20;
	/***alain bar by percentage***/
	top:37%;
	/***dropshadow***/
	box-shadow: 0px 0px 2px #000;
 	-webkit-box-shadow: 0px 0px 2px #000;
	-moz-box-shadow: 0px 0px 2px #000;
}

/********Top of General Page*********/

#barType2 {
	position:fixed;
	float:left;
	width:100%;
	height:100px;
	background-color:#4f535a;
	text-align:left;
	z-index: 20;
	/***alain bar by percentage***/
	top:4%;
	/***dropshadow***/
	box-shadow: 0px 0px 2px #000;
 	-webkit-box-shadow: 0px 0px 2px #000;
	-moz-box-shadow: 0px 0px 2px #000;
}

/********Ellements inside the bar*********/

#tagline {
	position:absolute;
	font-family:'din_mediumregular';
	font-size: 4em;
	text-transform:uppercase;
	color:#4f535a;
	margin: 0px 0px 0px 0px;
	background-color:none;
	width:100%;
	height:auto;
	/*postion tagline*/
	top:18%;
	-webkit-transform: translate(0%,-45%);
    -ms-transform: translate(0%,-45%);
    transform: translate(0%,-45%);
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.10s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.10s;
	-moz-transition-timing-function: ease-in;
}


#barTxtWrap{
	width: 1820px;
	height: auto;
	margin:0 auto;
	background-color:none;
	z-index: 21;
}

#barTxt{
	float:Left;
	width: auto;
	height: auto;
	font-family:'dinlight',Sans-Serif;
	font-size: 2.25em;
	text-transform: uppercase;
	letter-spacing:.05em;
	background-color:none;
	margin: 30px 0 0 0;
}


/********************************************************************
   Bottom Navagation
********************************************************************/

#navwrap {
	position: fixed;
	max-width: 1820px;
	width: 75%;
	height: 100px;
	left: 50%;
	bottom: 0px;
	background: rgb(255, 255, 255) transparent;
		/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.85);
	-webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
	z-index: 5000;
	text-align:center;
}

#line {
	background-image:url(../img/line.png);
	width: 100%;
	height:1px;
	float:left;
	margin: 5px 0px 0px 0px;
}

#line_bottom {
	background-image:url(../img/line.png);
	width: 100%;
	height:1px;
	float:left;
	margin: 10px 0px 0px 0px;
}

/*******Main Navigation Buttons(INNOVATION, INSIDE, INWOOD, PRESS, CONTACT, APPLY NOW )*********/

#navtxt_BTNS {
	float:left;
	font-size: 1.25em;
	color:#4f535a;
	text-transform:uppercase;
	text-align:center;
	margin: 12px 0px 0px 0px;
}

#navtxt_BTNS li{
	background-color: none;
	list-style: none;
	display:inline;
	margin: 0px 0px 0px 20px;
}

#navtxt_BTNS li a {
	color:#4f535a;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.40s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.40s;
	-moz-transition-timing-function: ease-in; 
}

#navtxt_BTNS li a:hover {
	color: #ebc11c;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.40s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.40s;
	-moz-transition-timing-function: ease-in; 
}


/*******Main Navigation Small Buttons (Leagal and Team)*********/

.finePrint_BTNS {
	float: right;
	font-size: .65em;
	color: #4f535a;
	margin: 19px 0px 0px 0px;
}

.finePrint_BTNS li {
	list-style: none;
	display: inline;
	background-color:none;	
	margin: 0px 10px 0px 0px;
}


.finePrint_BTNS a {
	color:#4f535a;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in; 
}


.finePrint_BTNS a:hover {
	color: #ebc11c;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in; 
}

/*******Equal Housing Logo*********/

#equalHousing {
	float:right;
	width: 25px;
	height: 25px;
	background-image:url(../img/equal_housing_logo.png);
	text-indent: -9999px;
	margin: 10px 10px 0 10px;	
}

/*******Sliding Menue For Small mobile devices*********/

.open {
	visibility: collapse;
	float: left;
    width: 0px;
    height: 0px;
	background-image:url(../img/menu.png);
    text-indent: -999999px;
    border: 0;
	margin: 0;
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in; 
}
		
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 230px;
    padding: 10px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #4f535a;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 1px #222;
    -moz-shadow: inset 0 0 5px 1px #222;
    box-shadow: inset 0 0 5px 1px #222;
}		
		

/******************************************************************************
  Pads the bottom of the page so content doesn't hide behind menue
*******************************************************************************/

#bottomSpacer {
	float: left;
	clear:both;
	width: 100%;
	height:110px;
	background-color: none;
}

#bottomSpacer_inBox {
	float: left;
	clear:both;
	width: 100%;
	height:40px;
	background-color: none;
}

/********************************************************************************************************
Contact pg
*******************************************************************************************************/

/******Spaces the distance 
between input fields*******/

#spacer{
	width:98%;
	height:auto;
	background-color:none;
	float: left;
	clear:both;
	padding:1%;
}
/******Spaces the distance at 
very top of the input fields*******/

#spacerTop{
	width:98%;
	height:auto;
	background-color: none;
	float: left;
	clear:both;
	padding:2%;
}

/******Input text fields*******/
input, text { 
	float:left;
	border:none;
	outline: 0;
	font-family:'dinlight',Sans-Serif;
	text-transform:uppercase;
	text-indent: 10px;
	font-size:1em;
	color: #ebc21d;
	line-height: auto;
	vertical-align:middle;
	width:95%;
	height:auto;
	background-color: #60656d;
   	margin: 0 0 0 2.5%;
	padding:3.7% 0 3.7% 0;
 }

/****New dropdown styles****/

.styled-select {
   float:left;	
   width: 95%;
   height: auto;
   overflow: hidden;
   background: #60656d;
   border: none;
   padding:3.3% 0 3.3% 0;
   margin: 0px 0 0 2.5%;
   outline: none;
}


.styled-select select {
   background: transparent;	
   font-family:'dinlight',Sans-Serif;
   font-size: 1em;
   text-transform:uppercase;
   text-indent:10px;
   color: #ebc21d;
   width: 110%;
   padding: 0;
   border: none;
   border-radius: 0;
   outline: none;
   height: auto;
   -webkit-appearance: none;
   cursor:pointer;
 }
   
/****Send Button****/

#send {
	width: 95%;
	height:auto;
	background: #60656d;
	font-family:'dinlight',Sans-Serif;
	border: 0;
	font-size: 3em;
	color: #ebc21d;
	text-align: left;
	text-indent: 3.3%;
	float:left;
	margin: 0 0 0 2.5%;
	padding: 6.5% 0 6.5% 0;
	cursor: pointer;
	text-transform:uppercase;
	-webkit-appearance: none;
	-webkit-transition-duration: 0.40s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.40s;
	-moz-transition-timing-function: ease-in; 
}

#send:hover {
	background:  #ebc21d;
	color: #60656d;
	-webkit-transition-duration: 0.40s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.40s;
	-moz-transition-timing-function: ease-in; 
}

/****Do this if the from was not filled out correctly****/

#customForm input.error{
	background-color:#60656d;
	border:solid thin  #ebc21d;
}

/****General contact Info Box****/

#contactBoxText {
	float:left;
	color:#FFF;
	width: 80%;
	height:auto;
	background-color:none;
	margin: 5% 0 0 5%;
}

/****Text for temp splash page****/


#nowRenting{
	font-size: 1.75em;
	margin: 5% 0 0 0;	
} 

#contactSplash_Stu_123{
	font-size:1.25em;
	margin: 0 0 5% 0;
	background-color:#none;
}  

#openingFall{
	font-size: 1.75em;
	margin: 5% 0 10% 0;	
} 

#exclusive{
	font-size: .65em;
	width:100%;
	min-width:200px;
	margin: 20px 0 0 0;
	background-color:none;
	
}


/********************************************************************************************************
Availability PGS #4f535a
*********************************************************************************************************/
#avail_topWrap{
	position: fixed;
	top:0;
	overflow:hidden;
	max-width:1820px;
	width:75%;
	height:auto;
	background-color: #FFF;
	z-index:200;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}



div.rev_logo {
  /* The background image must be 225px wide */
  max-width: 60%;
  background-color:none;
}

figure.stacklogo {
  padding-top: 15.62%;  /* 125px/225px = 0.5555 */
  background:url(../img/available/logo.svg) no-repeat;
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position:left;  /* Internet Explorer 7/8 */
  text-indent: -9999px;
}

#priceBar {
	float:left;
	clear:left;
	width:100%;
	height:70px;
	background-color:#4f535a;
	margin: .5% 0 0 0;
}

#topLine_D{
	float:left;
	width: 100%;
	height:1px;
	background-color:#4f535a;
	margin: .25% 0 0 0;
}

#topLine_D2{
	float:left;
	width: 100%;
	height:1px;
	background-color: #4f535a;
	margin: 5px 0 0 0;
}

#listingMainInfo{
	float:left;
	clear:both;
	width:100%;
	height:25px;
	background-color:none;
}

#lisingWrap{
	float:left;
	clear:both;
	width:100%;
	height:50px;
	background-color:none;
}

#Apt{
	float:left;
	width:15%;
	height:25px;
	line-height:25px;
	background-color:none;
	color: #4f535a;
	text-align:center;
	font-size: 1em;
	overflow:hidden;
}

#thirds{
	float:left;
	text-align:center;
	font-size: 1em;
	width:28.333333%;
	height:25px;
	line-height:25px;
	background-color:none;
	color: #4f535a;
	text-align:center;
	overflow:hidden;
}

#five{
	float:left;
	text-align:center;
	font-size: 1em;
	width:20%;
	height:25px;
	line-height:25px;
	background-color:none;
	color: #4f535a;
	text-align:center;
	overflow:hidden;
}


#list_apt{
	float:left;
	width:15%;
	height:50px;
	line-height:50px;
	background-color:none;
	color: #4f535a;
	text-align:center;
	font-size: 1em;
	overflow:hidden;
}

#list_thirds{
	float:left;
	text-align:center;
	font-size: 1em;
	width:28.333333%;
	height:50px;
	line-height:50px;
	background-color:none;
	color: #4f535a;
	text-align:center;
	overflow:hidden;
}

#list_five{
	float:left;
	text-align:center;
	font-size: 1em;
	width:20%;
	height:50px;
	line-height:50px;
	background-color:none;
	color: #4f535a;
	text-align:center;
	overflow:hidden;
}

#list_five a{
	color: #4f535a;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in;
}

#list_five a:hover{
	color: #ebc11c;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in; 
}


#listing_spacer{
	float:left;
	clear:both;
	width:100%;
	height:2px;
	background-color:#CCC;
}

#listing_spacer_dark{
	float:left;
	clear:both;
	width:100%;
	height:5px;
	background-color:#4f535a;
}

#typical_line{
	float:left;
	clear:left;
	width: 100%;
	height:1px;
	background-color: #4f535a;
	margin: 0 0 0 0;
}



.Tabs{
	float:left;
	width: 24.75%;
	height:25px;
	font-size:1em;
	line-height:28px;
	background-color: #FC0;
	margin: 0 0 0 .25%;
	overflow:hidden;
	color:#4f535a;
	-webkit-box-shadow: 0 8px 6px -6px #4f535a;
	   -moz-box-shadow: 0 8px 6px -6px #4f535a;
	        box-shadow: 0 8px 6px -6px #4f535a;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in;
	cursor:pointer;
}

.Tabs:hover{
	color:#FFF;
	background-color:#4f535a;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in;
}


/*****Text****/
#priceTxt{
	color:#FFF;
	font-size:2em;
	text-transform:uppercase;
	float:left;
	background-color:none;
	margin: 6px 0 0 1%;
	text-align:left;
}

#detailsTxt{
	color: #FFF;
	font-size:.8em;
	float:left;
	clear:left;
	text-transform:uppercase;
	float:left;
	background-color: none;
	margin:0 0 0 1%;
}

#listingTxt{
	text-align:left;
	float:left;
	color:#4f535a;
	font-size:1.125em;
	margin: 15px 0 0 15px;
}


/********************************************************************************************************
Press
*********************************************************************************************************/
#Hide_top{
	position: relative;
	overflow:hidden;
	max-width:1820px;
	width:100%;
	height:auto;
	visibility:hidden;
}


#topLine_D3{
	float:left;
	width: 100%;
	height:1px;
	background-color: #4f535a;
	margin: 10px 0 0 0;
}

#pressBar {
	float:left;
	clear:left;
	width:100%;
	height: auto;
	background-color:#4f535a;
	margin: 0 0 0 0;
	padding: 10px 0px 15px 0px;
	overflow:hidden;
}

#artical{
	float:left;
	width:50%;
	color:#4f535a;
	background-color:none;
	height:25px;
	font-size: 1em;
	line-height:25px;
	vertical-align:middle;
	padding: 15px 0 0 0;
	text-align:left;
	text-indent: 5px;
	text-transform: none;
	overflow:hidden;
}

#pub_date_read{
	float:left;
	width:16.666%;
	color:#4f535a;
	background-color:none;
	height: 25px;
	font-size: 1em;
	line-height:25px;
	padding: 15px 0 0 0;
	text-align:center;
	text-transform: none;
	overflow:hidden;
}

#pub_date_read a{
	color:#4f535a;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in; 
}

#pub_date_read a:hover{
	color: #ebc11c;
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.30s;
	-webkit-transition-timing-function: ease-in; 
	-moz-transition-duration: 0.30s;
	-moz-transition-timing-function: ease-in; 
}



/********************************************************************************************************
Privacy policy Page
*********************************************************************************************************/

#boxWrapPPP {
	float:left;
	background-color:none;
	width: 80%;
	height: auto;
	margin: 60px 0px 0px 10%;
}

#privHead {
	float:left;
	font-family:'din_mediumregular',Sans-Serif;
	color: #4f535a;
	font-size: 2em;
	margin: 0 0 0 .5%;
	width: 100%;
	height: auto;
	line-height:1.125em;
	text-align:left;
	background-color: none;
	text-transform:uppercase;
}

#privSubHead{
	font-family:'din_mediumregular',Sans-Serif;
	color: #4f535a;
	font-size:1.15em;
	text-transform:uppercase;
}

#privBody {
	font-family:'dinlight',Sans-Serif;
	color: #4f535a;
	font-size:.9em;
	line-height: 1.65em;
	width: 90%;
	float:left;
	clear:both;
	margin: 0 0 0 5%;
	background-color:none;
	text-align:left;
	text-transform:none;
}

#hariline_Priv {
	height: 1px; 
	width: 100%;
	background-color:#333;
	float:left;
	margin: 40px 0px 40px 0px;
}

#privBold {
	font-weight:bold;
	font-size:1.15em;
	float:left;
}

#privList {
	margin: 0px 0px 0px 20px;
}