/*
Theme Name: Identity Development
Theme URI: http://wordpress.org/extend/themes/identitydevelopments

Author: blackjet inc.
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 100%;*/
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color: #000;
	min-width: 6540px;
	font-family: Helvetica;
	color:#656565;
	font-size: 12px;
	
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong {
	font-weight: bold;
}


/* Container
----------------------------------------------------------------------------------------------------*/
.intro {
	margin-left: auto;
	margin-right: auto;
	width: 1120px;
	background:#fff;
	color: #333;
	height: 500px;
	text-align: center;
	overflow: hidden;
	display: block;
	position: relative;
}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 7540px;
	background: #000;
	color: #000;
	height: 1000px;
	display: block;
	position: relative;
}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid {
	display:inline;
	float: left;
	position: relative;
}

.page_container{
	width: 1200px;
	height: 1000px;
	float: left;
	display: inline;
	position: relative;

}

.footer {
	width:100%;
	background:#000;
	margin-bottom:0px;
	top: 680px;
	height:108px;
	position: absolute;
}




/* Menu
----------------------------------------------------------------------------------------------------*/


#menu_move{
	top: 0px;
	height:1100px;
	width:200px;
	background: #000;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
}

#main_menu{
	position:relative;
	float: right;
	text-align: right;
	right: 15px;
	top: 80px;

}

#main_menu li{
	height: 20px;
}

#main_menu a{
	display:block;
	font-size: 12px;
	font-family: Helvetica;
	font-weight: 100;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

#main_menu a.white{
color: #fff;
}

#main_menu a.black{
color: #000;
}

#main_menu a:hover{
	color: #ee3124 !important;
}

#blogbar_menu_move{
	left: 0px;
	top: 0px;
	height:1100px;
	width:200px;
	background: #FFF;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
}

#blogbar_main_menu{
	position:relative;
	float: right;
	text-align: right;
	right: 15px;
	top: 80px;

}

#blogbar_main_menu li{
	height: 20px;
}

#blogbar_main_menu a{
	display:block;
	font-size: 12px;
	font-family: Helvetica;
	font-weight: 100;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}

#blogbar_main_menu a:hover{
	color: #ee3124 !important;
}

#blogbar_logo {
	left: 28px;
	top: 50px;
	cursor:pointer;
}

a.current{
	color: #ee3124 !important;
}

#logo {
	left: 28px;
	top: 50px;
	cursor:pointer;
}


#white_logo{
	display: none;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}


/* Index Containers */

#about_container{
	background: url("resources/images/about/about-bg.png") no-repeat;
	width: 1200px;
	height: 1000px;
	

}

#contact_container{
	background: url("resources/images/contact/contact-bg.png") no-repeat;
	width: 1740px;
	height: 1000px;
	

}


#blog_container{
	background: url("resources/images/blog/blog-bg.png") no-repeat;
	width: 1200px;
	height: 1000px;
	

}

#communities_container{
	background: url("resources/images/communities/communities-bg.png") no-repeat;
	width: 1200px;
	height: 1000px;
	

}

#home_container{
	background: url("resources/images/home/home-bg.png") no-repeat;
	width: 1200px;
	height: 1000px;
	

}

#single_container{
	background: url("resources/images/blog/blog-bg.png") repeat-y;
	width: 1200px;
	min-height: 1000px;
	background-color: #000;


}

/* Home Page */

#homeslider{
	width:350px;
	height:1000px;
	position:relative;
	left:200px;
	background-color: #000;
	overflow:hidden;
}

#homeslider ul, #homeslider li{
margin:0;
		padding:0;
		list-style:none;
}

#homeslider ul{
	width:700px;
	height:1000px;
	position:relative;
	
}

#homeslider ul li{
	width:370px;
	height:1000px;
	overflow:hidden; 
	
}

#homeheadline{
color:#000;
display:block;
float:left;
position:absolute;
top:150px;
left:660px;
font-size:50px;
line-height: 30px;
width:280px;
text-transform: uppercase;
/*- font-weight:bold;-*/
}

.thearrow{
	display:block;
float:left;
position:absolute;
width:50px;
height:40px;
background: url("resources/images/arrow.png") 0 0 no-repeat;
}

.thearrow:hover{
background: url("resources/images/arrow.png") 0 -44px no-repeat;
}


/* Contact Page */

#contact_content{
	left: 200px;
	font-family: Helvetica;
	color: #656565;
}

#contact_title{
	left: 140px;
	top: 190px;
}

#contact_title h1{
	font-size: 36px;
	font-family: Helvetica;
	text-transform: uppercase;
	color: #000;
	
}
#address_section{
	left: 140px;
	top: 200px;
}
#address_section p{
	line-height: 20px;
}


#contact_section{
	left: 140px;
	top: 230px;


}

.formbutton {
z-index:50 !important;
padding:7px 7px;
background:#000;
color:#fff;
border:0px;
width:100px;
border-bottom: 1px double #999999;
border-top: 1px double #AAAAAA;
border-left:1px double #999999;
border-right:1px double #AAAAAA;
cursor:pointer;
}

.formbutton:hover{
z-index:50;
background:#fff;	
color:#000;
}


#contact_form label{
	display: inline-block;
	height: 30px;
	width: 80px;
}

#contact_form input[type="text"]{
	width: 280px;
	height: 30px;
	border: 1px solid #656565;

}

#contact_form textarea{
	width: 280px;
	height: 150px;
	resize: none;
}

.contact_error {
 color: #ee3124;
}

#lbl_name, #errors_name {
	position: relative;
}

#lbl_email, #errors_email {
	position: relative;

}


#lbl_phone, #errors_phone {
	position: relative;

}


#lbl_subject, #errors_subject {
	position: relative;

}


#lbl_message, #errors_message {
	position: relative;
	top: -135px;

}




/* About Page */

#about_title{
	width: 470px;
	color: #fff;
	left: 250px;
	top: 190px;
}

#about_title h1{
	font-size: 36px;
	font-family: Helvetica;
	text-transform: uppercase;
	
}


#about_paragraph{
	width: 465px;
	color: #999999;
	left: 250px;
	top: 200px;
	line-height: 18px;
}


/* Blog Page */

#blog_post{
	left: 230px;
	top: 190px;
	padding-bottom: 25px;
}

#blog_title{
	width: 470px;
	margin-top: 40px;

}

#blog_title h1{
	font-size: 36px;
	font-family: Helvetica;
	text-transform: uppercase;
	color: #fff;

	
}

#blog_archive{
	top: 200px;
	left: 300px;
}

#blog_date{
	color: #ee3124;
	font-size: 12px;
	font-family: Helvetica;
	text-transform: uppercase;
	margin-top: 15px;
}

.gallery-item {
float: left;
text-align: center;
width: 33% !important;
margin-right: 10px;
}

#blog_paragraph{
	width: 470px;
	color: #999999;
	line-height: 18px;
	margin-top: 20px;
}
#blog_paragraph p{
	margin-bottom: 10px;
}


#blog_paragraph img{
	display: block;
	position:relative;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#blog_date span{
	color: #ee3124;
	font-size: 12px;
	font-family: Helvetica;
	text-transform: uppercase;
}

/*- Blog Specific Additions -*/

#blog_paragraph p em, #blog_paragraph em {
	font-style: italic;
}
#blog_paragraph ol {
	list-style-type: decimal;
	list-style-type: decimal !important;
	margin-bottom: 10px;
	margin-left: 18px;
}
#blog_paragraph ul {
	list-style-type: disc;
	list-style-type: disc !important;
	margin-bottom: 10px;
	margin-left: 18px;
}
#blog_paragraph blockquote {
	border-left: 3px solid #999;
	padding-left: 10px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.alignleft {
	float: left;
	padding-right: 10px;
}
.alignright {
	float: right;
	padding-left: 10px;
}
.aligncenter {
	margin: auto;
}

p.wp-caption-text {
	font-size: 10px;
	text-align: center;
	margin-top: -5px;
}

a.readmorelink {
text-transform: uppercase;
text-decoration:none;
font-weight:700;
color: #fff;
}

a.readmorelink:hover{
color:#EE3124;
}

#blogarchivelink{
width:470px;
border-top:1px solid #555;
padding-top:20px;
position:relative;
display:block;
float:left;
margin-top:25px;
text-transform: uppercase;
}
 
#blogarchivelink a {
text-transform: uppercase;
text-decoration:none;
font-weight:700;
color: #aaa;
}

#blogarchivelink a:hover{
color:#EE3124;
}

#blog_archive h1{
font-size:32px;
color:#eee;
}

#blog_archive .archive-item{
border-left:2px #222 solid;
margin-top:10px;
padding:20px;
display:block;
width:470px;
min-height:30px;
position:relative;
}
#blog_archive .archive-item:hover{
background:#222;
border-left:2px #222 solid;
}

#blog_archive a.archivelink{
font-size:24px;
color:#fff;
margin-left:-6px;
}

#blog_archive a.archivelink:hover{
color:#EE3124;
}

#blog_archive .postedon{
margin-top:10px;
font-size:12px;
}

#blog_archive .pagination{
margin-top:10px;
padding:20px;
display:block;
width:470px;
min-height:30px;
position:relative;

}

/* Pagination
----------------------------------------------------------------------------------------------------*/
.pagination.wp-pagenavi span {
display: inline-block;
line-height: 24px;
height: 24px;
width: 24px;
background-color: #38E9F0;
color: #434243;
margin: 3px;
text-align: center;


}

.pagination .wp-pagenavi a span {
	height:auto;
width:auto;
background:inherit;
color:#D1D1D1;
display:inline;

} 
.wp-pagenavi .pages {
	width:15px;
}

.wp-pagenavi {
	position:relative;
	float:left;
	display:block;
	margin-bottom:20px;
	border:0px;
	top:25px;
	
}


.wp-pagenavi .current {
	display:inline-block;
	line-height:24px;
	height:24px;
	width:20px;
	background-color:#555;
	color:#fff;
	margin:3px;
	text-align:center;
	
}

.wp-pagenavi a:link, .wp-pagenavi a:visited {
	display:inline-block;
	line-height:24px;
	height:24px;
	width:20px;
	background-color:#343434;
	color:#D1D1D1;
	margin:3px;
	text-align:center;

}

.wp-pagenavi a:hover, .wp-pagenavi a:active {
	background-color:#EE3124;
	color:#fff;
}

.wp-pagenavi a, .wp-pagenavi span{
	border:0px solid #fff !important;
}


/* Floor Section */

#floor_container {
	top: 50px;
	
}

#floor_left{
	width: 200px;
}

#floor_left h2{
	text-transform: uppercase;
	font-size: 16px;
	/*- border-bottom: 2px solid #000;-*/
}

#floor_right{
	width: 425px;
}

#floor_list{
	top: 10px;
}

#floor_menu{


}

#floor_menu li{
	height: 20px;
}

#floor_menu a{
	text-decoration: none;
	color: #999999;
	font-size: 12px;
}

#floor_menu a:hover{
	color: #EE3124;
	 
}

#floor_menu span{
	padding-left: 20px;
	color: #999999;
}

#floor_pdf{
	float: right;
}

#floor_image{
	cursor: pointer;
}

/* Communities Section */

#microsite{
font-size:10px;
line-height:12px;
top: -87px;
right: 13px;
float:right;
text-transform: uppercase;
font-weight:normal;
}

#microinfo{
position:relative;
display:block;
font-size:12px;
line-height:14px;
top: 37px;
right: 2px;
text-align: right;
float:right;
font-weight:normal;
}

#microinfo b{
font-weight:bold;
}

a#microsite{
text-decoration: none;
color: #999;
}

a#microsite:hover{
color: #EE3124;
}

#c_1111t_menu{
	top: -31px;
}

#c_left{
	width: 200px;
	height: 1000px;
}

#c_menu{
	right: 20px;
	top: 250px;
	text-align: right;
	float: right;

}

#c_menu li{
	height: 20px;
}

#c_menu a{
	text-decoration: none;
	color: #999999;
	font-size: 12px;
	text-transform: uppercase;
}

#c_menu a:hover{
	color: #EE3124;
	 
}

#c_menu span{
	padding-left: 20px;
	color: #999999;
}

#communities_page {
	left: 0px;
	top: 130px;
}


/*Communities Template Section */

#c_t_home_container{
	top: 25px;

}

#c_t_container{
	width: 625px;
	left: 50px;
}

#c_t_title{
	font-family: Helvetica;
	font-size: 59.99px;
	font-weight: bold;
	top: -56px;
	right: 13px;
	float:right;
}

#c_t_title h1{
		letter-spacing:-2px;
		text-align:right;
}

#com_menu{
	margin-top: 10px;
}

#com_menu li{
	float: left;
	
}

#com_menu a{
	text-transform: uppercase;
	text-decoration: none;
	color: #010101;
}

#com_menu a:hover{
	text-transform: uppercase;
	text-decoration: none;
	color: #EE3124;
}

#com_menu span{
	padding-left: 10px;
	padding-right: 10px;
}

/*Communities Gallery Section */

#gallery_container{
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: 610px;
	height: 625px;
	top: 30px;
}

#gallery_slider {
	height: 625px;
	position: relative;
}

.gallery_object {
	width: 610px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	display: inline;
	position: relative;
}

.object_image{
	width: 610px;
	float: left;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.intro_object {
	width: 600px;
	float: left;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.intro_object h2 {
	font-family: helvetica;
	font-weight: bold;
	font-size: 60px;
	color: #000000;
	line-height: 46px;
	padding-top: 120px;
	letter-spacing: -3px;
}
.intro_object p {
	color: #000000;
	font: inherit;
	font-size: 12px;
	width: 350px;
	line-height: 20px;
	padding-top: 32px;
}
.introTextGal {
	text-transform: uppercase;
	font-family: helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #ee3124;
	position: absolute;
	left: -94px;
	top: 42px;
	padding-right: 44px;
}

.chairGlyph {
	position: absolute;
	height: 120px;
	width: 154px;
	bottom: -134px;
	right: 0;
}

#gallery_control{
	top: -405px;
	width: 610px;
	height: 100px;
	left: 5px;
}
	

#control_prev{
	height: 100px;
	width: 140px;
	background-color: #fff;
	cursor: pointer;
	color: #999999;
	position: absolute;
	display: block;
	left: -115px;
}

#prev_arrow{
	top: 40px;
	float: right;
	right: 5px;
	position: absolute;
	display: block;
}

#control_prev span{
	float: right;
	right: 20px;
	position: relative;
	display: block;
	text-transform: uppercase;
	font-family: Helvetica;
	top: 40px;
}

#control_next{
	height: 100px;
	width: 140px;
	background-color: #fff;
	cursor: pointer;
	color: #999999;
	left: 585px;
	position: absolute;
	display: block;

}


#next_arrow{
	left: 5px;
	top: 40px;
	position: absolute;
	display: block;
}

#control_next span{
	float: left;
	left: 20px;
	position: relative;
	display: block;
	text-transform: uppercase;
	font-family: Helvetica;
	top: 40px;
}

#control_prev:hover, #control_next:hover{
	color: #EE3124;
}

.object_caption{
	top: 10px;
	position: relative;
	display: block;
	color: #000000;
	line-height:12px;
	width: 600px;
}

.captiontext{
	line-height:20px;
}



/*Floorplan Section */

#fp_zoom{
	background: url(resources/images/75opacity.png) repeat top left;
	width: 1200px;
	height: 1000px;
	top: -284px;
	left: -250px;
	position: absolute;
	display: none;
	padding-left: 250px;
	
}

#fp_zoom_image{
	top: 25px;
}

#fp_zoom_image img{
	max-height: 900px;

}

#object_image{
	cursor: pointer;
}

.fp_image{
	cursor: pointer;
}

#floor_name{
	top: -6px;
}

#floor_name h3{
	font-size: 20px;
	text-transform: uppercase;
}


#floor_pdf{
	top:0px;
}

#floor_pdf a{
	padding:3px 24px 3px 0px;
	background: url('resources/images/document-pdf.png') right top no-repeat;
	text-transform: uppercase;
	font-size: 12px;
	color: #8d8d8d;
	text-decoration: none;
}

#floor_pdf a:hover{
	color: #EE3124;
}

#floor_size h4{
	text-transform: uppercase;
	font-size: 12px;
	color: #8d8d8d;
}

/** MAP **/
#map-wrapper {
	float: left;
	width: 650px;
	height: 450px;
	margin: 30px 0 0px 0;
	overflow: hidden;
	position: relative;
}

#map-overlay {
	position: absolute;
	left: 0px;
	top: 0;
	width: 652px;
	height: 452px;
	background: url(resources/images/75opacity.png) repeat;
	z-index: 10;
	display: none;
}

#map-info-overlay {
	position: absolute;
	z-index: 11;
	background: #FFF;
	width: 400px;
	padding: 23px 27px;
	border: 1px solid #231f20;
	left: 80px;
	top: 107px;
	display: none;
}
	#map-info-overlay img.location  {
		width: 158px;
		height: 145px;
		float: left;
	}
	
	#map-info-overlay-info-holder {
		margin: 0 0 0 10px;
		float: left;
		width: 230px;
		font-family: Helvetica, Arial, 'sans-serif';
	}
		#map-info-overlay-info-holder #map-info-overlay-location-name {
			float: left;
			color: #231f20;
			font-size: 24px;
			margin: 0 0 12px 0;
			letter-spacing: -1px;
			width: 100%;
		}
		
		#map-info-overlay-info-holder #map-info-overlay-description {
			float: left;
			font-size:12px;
			text-align: left;
			line-height:16px;
		}
	#map-info-overlay-close {
		top: -1px;
		right: -19px;
		position: absolute;
	}
	
a:link, a:active{
	color:#EE3124;
	text-decoration: none;
	font-weight:bold;
}

a:hover, a:visited{
	color:#fff;
	text-decoration: none;
	font-weight:bold;
}

/*- SIte Update Nov 2012 -*/

a.downloadpdf{
display: inline-block;
padding: 3px 24px 3px 0px;
background: url('resources/images/document-pdf.png') right top no-repeat;
text-transform: uppercase;
font-size: 12px;
color: #8D8D8D;
text-decoration: none;
top: 15px;
position: relative;
left: 333px;
}

/*- O2 Reg Form Addition -*/

#oxygenregform{
	background:#fff;
	width:650px;
	color:#000;
}

#oxygenregform #register {
margin-top: 10px;
width: 401px;
margin-right: 36px;
margin-bottom: 50px;
}

label.error {
font-size: 11px;
color: #C00;
}

#oxygenregform label {
display: block;
clear: both;
text-transform: lowercase;
font-weight: bold;
margin: 8px 0 5px 0;
float: left;
width: 193px;
}


#oxygenregform textarea {
border: 1px solid #231F20;
padding: 5px;
font-size: 16px;
font-weight: lighter;
width: 391px;
height: 70px;
}

#oxygenregform input {
border: 1px solid #231F20;
padding: 5px;
font-size: 16px;
font-weight: lighter;
width: 183px;
height: 18px;
margin-top: 2px;
}

#oxygenregform .inputbox-full{
	}

#oxygenregform .inputbox-full input {
width: 391px;
}

#oxygenregform .inputbox {
display: inline;
float: left;
position: relative;
width: 193px;
}

#oxygenregform #register-button:hover {
width: 150px;
height: 48px;
background: url('resources/images/register.png') bottom left;
}

#oxygenregform #register-button {
width: 150px;
display: block;
text-indent: -99px;
overflow: hidden;
height: 48px;
background: url('resources/images/register.png') top left;
padding: 5px 13px 8px 13px;
cursor: pointer;
margin-top: 10px;
border: none;
float: right;
margin-bottom: 0px;
cursor:pointer;
}

#oxygenregform .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

#oxygenregform .inputbox {
display: inline;
float: left;
position: relative;
width: 193px;
}

span.customStyleSelectBox { 
display: block;
font-size: 11px;
background-color: white;
color: black;
padding: 8px 7px 9px;
border: 1px solid black;
margin-top: 2px;
font-weight: bold;
width:193px;
}

span.customStyleSelectBox.changed { 
background-color: #f0dea4; 
}
.customStyleSelectBoxInner { 
background: url(resources/images/downarrow.png) no-repeat 173px 0px;
width: 190px;
display: block;
}


#oxygenregform  select {
	display:block;
   background: #fff;
   width: 220px;
   padding: 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 32px;
}




#oxygenregform .inputbox-space {
margin-right: 15px;
}

#oxygenregform #register-form-message{
margin-top: 20px;
line-height: 35px;
float: left;
height: 170px;
font-size: 35px;
font-weight: bold;
letter-spacing: -1px;
text-transform: lowercase;
line-height: 75px;

}


.headbox h1{
font-size: 35px;
font-weight: bold;
letter-spacing: -3px;
text-transform: lowercase;
line-height: 43px;
margin: 0px 0 0px;
color: black;
}

.headbox{
height: 50px;
border-bottom: 1px solid #CCC;
position: relative;
margin: 0;
display: block;
}