/* RESET */

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,font,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 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
	
body {line-height:1;text-align:center}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}


/* LAYOUT GENERAL */

.wrapper {margin-left:auto;margin-right:auto;width:960px;float:none}
.box_160,.box_220,.box_300,.box_340,.box_380,.box_700,.box_940{display:inline;float:left;margin-left:10px;margin-right:10px;text-align:left}
.wrapper .box_160{width:160px}
.wrapper .box_200{width:200px}
.wrapper .box_220{width:220px}
.wrapper .box_300{width:300px}
.wrapper .box_340{width:340px}
.wrapper .box_380{width:380px}
.wrapper .box_700{width:700px}
.wrapper .box_940{width:940px}

.ml_0{margin-left:0}
.mr_0{margin-right:0}
.mr_15{margin-right:15px}
.mlr_0{margin-left:0;margin-right:0}
.mlr_015{margin-left:0;margin-right:15px}
.mlr_020{margin-left:0;margin-right:20px}
.mtb_0{margin-top:0;margin-bottom:0}
.mb_20{margin-bottom:20px}




html body div.clear,html body span.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}

.clearfix:after {clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}

/* LAYOUT SPECIFICS */


#homeBg {
	height: 399px;
	background-image: url("http://boutiqueapartments.com/images/interface/bg_swirl_home.jpg");
	background-repeat: repeat-x;
}

#pageBg {
	height: 325px;
	background-image: url("http://boutiqueapartments.com/images/interface/bg_swirl_page.jpg");
	background-repeat: repeat-x;
}

#nav {
	height: 135px;
	background-color: #000000;
	background-image: url("http://boutiqueapartments.com/images/interface/bg_logo.gif");
	background-repeat: no-repeat;
	padding-top: 30px;

}

#nav a {
	height: 135px;
	width: 100px;
	display: inline;
	float: left;
	vertical-align: top;
}

#flash {
	height: 270px;
	margin-bottom: 30px;
	text-align: center;
	background-color: #000000;
}

#picture {
	height: 194px;
	margin-bottom: 30px;
	text-align: center;
	background-color: #000000;
}

/* TOP NAVIGATION */	

	
#navItems1,#navItems2 {
	width: 615px;
	height: 20px;
	margin: 0; 
	float: right;
	position: relative;


}	

#navItems1 a,#navItems2 a {
	float: left;
	height: 20px;
	text-indent: -9000em;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#navItems1 li a.apts:hover,
#navItems1 li a.sustain:hover,
#navItems1 li a.blog:hover,
#navItems1 li a.contact:hover,
#navItems2 li a.neighborhoods:hover,
#navItems2 li a.residents:hover,
#navItems2 li a.about:hover,
#navItems2 li a.invest:hover,
#navItems1 li.active a,
#navItems2 li.active a {
	background-position: left bottom;
}
	
	
#navItems1 li,#navItems2 li {
	height: 20px;
	padding: 0;
	display: inline;

}

#navItems1 a:link,#navItems2 a:link, #ui a:visited {
	font: normal 0.85em "Lucida Sans", "Lucida Grande", sans-serif;
	color: #ffffff;
	text-decoration: none;
}

#navItems1 li a.apts {
	width: 201px;
	background-image: url(http://boutiqueapartments.com/images/interface/n_top_apts.gif);
}

#navItems1 li a.sustain {
	width: 185px;
	background-image: url(http://boutiqueapartments.com/images/interface/n_top_sustain.gif);
}

#navItems1 li a.blog {
	width: 109px;
	background-image: url(http://boutiqueapartments.com/images/interface/n_top_blog.gif);
}

#navItems1 li a.contact {
	width: 120px;
	background-image: url(http://boutiqueapartments.com/images/interface/n_top_contact.gif);
}


#navItems2 li a.neighborhoods {
	width: 201px;
	background-image: url(http://boutiqueapartments.com/images/interface/n_top_neighborhoods.gif);
}

#navItems2 li a.residents {
	width: 185px;
	background-image: url(http://boutiqueapartments.com/images/interface/n_top_residents.gif);
}

#navItems2 li a.about {
	width: 109px;
	background-image: url(http://boutiqueapartments.com/images/interface/n_top_about.gif);
}

#navItems2 li a.invest {
	width: 120px;
	background-image: url(http://boutiqueapartments.com/images/interface/n_top_invest.gif);
}


#thumbnail {
	margin-bottom: 20px;
}

#bg1_940 {
	background-image: url("http://boutiqueapartments.com/images/interface/bg1_home.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

#bg2_940 {
	background-image: url("http://boutiqueapartments.com/images/interface/bg2_home.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 50px;
	margin-bottom: 30px;
}

#bg4_940 {
	background-image: url("http://boutiqueapartments.com/images/interface/bg4_page.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

#bgSubhead_mediaroom {
	background-image: url("http://boutiqueapartments.com/images/interface/s_mediaroom.gif");
	background-repeat: no-repeat;
	width: 700px;
	height: 70px;
}

#bgSubhead_financials {
	background-image: url("http://boutiqueapartments.com/images/interface/s_financials.gif");
	background-repeat: no-repeat;
	width: 700px;
	height: 70px;
}

#bgSubhead_login {
	background-image: url("http://boutiqueapartments.com/images/interface/s_investorlogin.gif");
	background-repeat: no-repeat;
	width: 700px;
	height: 70px;
}

#bgSubhead_mediaroom p, #bgSubhead_financials p, #bgSubhead_login p {
	text-align: right;
	padding-top: 15px;
}


#border_940 {
	background-image: url("http://boutiqueapartments.com/images/bg3_home.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 50px;
	margin-bottom: 0px;
}

.blogboxblue {
	background-color: #e4f1f5;
	padding: 15px 10px 10px 15px;
}

.box_220 .blogboxblue {
	height: 187px;
}

.blogboxgreen {
	background-color: #dbeea0;
	padding: 10px;
}

#aptspecs {
	margin-top: 20px;
	margin-bottom: 20px;
}

#description {
	margin-bottom: 20px;
}

#availability {
	margin-top: 20px;
	margin-bottom: 20px;
}

img#mr15 {
	margin-right: 15px;
}

img#mb20 {
	margin-bottom: 20px;
}

img#mtb15 {
	margin-top: 30px;
	margin-bottom: 10px;
}

#questionList p {
	padding: 0 0 5px 0;

}

#questionList h1, #documents, #businessList h1 {
	border-color: #c5c5c5;
	border-width: 1px 0 0 0;
	border-style: solid;
	padding-top: 7px;
	margin-top: 20px;

}

#post {
	
}


#footer {
	clear: both;
	margin: 0;
	padding: 30px 0;
	background-color: #222;	
	height: 300px;
}

/* TYPOGRAPHY */

body { 
	background-image: url("http://boutiqueapartments.com/images/interface/bg.gif");
	font-size: 62.5%;  /* 16px × 62.5% = 10px */ 
}

p,li,th,td {
	font: normal normal 1.3em/1.4em "Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
	color: #3f3f3f;

}

.greenArrow {
	font: normal 1.3em/1.2em "Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
	font-style: normal;
	color: #B5D149;	
}

#subnav p {
	padding-right:12px;
}

#twitter p,#twitter li,#blog p,#blog li {
	font: normal 1.2em/1.4em "Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
	color: #3f3f3f;
}

#footer p, #footer li {
	font: normal 1.2em/1.8em "Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
	color: #3AD2DD;
}

#footer a {
        color: #3AD2DD;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
}

h1,h2,h3,h4,h5,em,i {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}

h1 {
	font-size: 2em;
        text-transform: lowercase;
	line-height: 1.2em;	
	margin-bottom: 7px;
	color: #3AD2DD;
	/* color: #3ABCBF; */
}

h2 {
	font-size: 1.7em;
	line-height: 1.2em;	
	margin-bottom: 7px;
	color: #fff;	
}

h3 {
	font-size: 1.6em;
	line-height: 1.2em;	
	margin-bottom: 7px;
	font-weight: normal;
}

h4 {
	font-size: 1.5em;
	line-height: 1.2em;	
	margin-bottom: 7px;
	
}

h5 {
	font-size: 1.4em;
	line-height: 1.2em;	

}

.smallhead {
	font: bold italic 1.1em/1.2em Georgia, "Times New Roman", Times, serif;

}

#subContent h2, #subnav h2, #leftSidebar h2 {
	font-size: 1.7em;
	line-height: 1.2em;	
	margin-bottom: 7px;
	color: #000;	
}

.nameTitle {
	height: 110px;
	margin-top: 40px;
	vertical-align: middle;
		
}

.nameTitlePic {
	float: left; 
	margin-right: 1.25em; 
	width: 100px; 
	height: 100px; 
	/*text-indent: -9000px; */
		
}

.nameTitle h1,.nameTitle h4 {
	line-height: .9em;	
	padding-left: 10px;
	vertical-align: middle;		
}

#pic_gb {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_gbarnhill.jpg) no-repeat center center;
}

#pic_zr {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_zrudawsky.jpg) no-repeat center center;
}

#pic_ts {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_tschicktanz.jpg) no-repeat center center;
}

#pic_cw {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_cward.jpg) no-repeat center center;
}

#pic_jt {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_jthomas.jpg) no-repeat center center;
}

#pic_hj {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_hjohnson.jpg) no-repeat center center;
}

#pic_kl {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_klazo.jpg) no-repeat center center;
}

#pic_bf {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_bfinch.jpg) no-repeat center center;
}

#pic_me {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_mellis.jpg) no-repeat center center;
}

#pic_js {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_jscully.jpg) no-repeat center center;
}

#pic_mz {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_mziesch.jpg) no-repeat center center;
}

#pic_mb {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_mborquez.jpg) no-repeat center center;
}

#pic_kk {
	background: #fff url(http://boutiqueapartments.com/images/interface/p_kkistner.jpg) no-repeat center center;
}

.blogboxblue p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.blogboxblue h1 {
	font-style: normal;
	font-size: 2.8em;
	line-height: 1.2em;	
	font-weight: normal;
	margin-bottom: 7px;
	color: #3f3f3f;	
}

.blogboxblue h1 a, .blogboxblue h1 a:hover {
	text-decoration: none;  
	color: #3f3f3f;      
}

.blogboxblue img {
	border: 5px solid #ffffff;
}

.blogboxblue a img {
	border: none;
}

em,i {
	font-size: 1em;
	line-height: 1.2em;	
}



a {
	color: #81B72C;
	text-decoration: none;
}

a:hover {
	color: #81B72C;
	text-decoration: underline;
}

.copyright {
	font-size: .9em;
}

.color {
	color: #81B72C;
}



/* LISTS */

ul {
	list-style-type: square;
	list-style-position: inside;
	display: block;
}

li {
	line-height: 1.7em;
}

#subContent ul {
	margin-left: 0;
	padding-left: 3em;
	text-indent: -1.4em;
}


#subnav ul {
	width: 200px;
	list-style-type: none;
	list-style-position: outside;

}

#subnav li {
	font: bold italic 1.4em/1.2em Georgia, "Times New Roman", Times, serif;	
	display: block;
	border-color: #c5c5c5;
	border-width: 0 0 1px 0;
	border-style: solid;
	margin: 0;

}

#subnav li a {
	
	text-decoration: none;
	color: #3f3f3f;
	display: block;
	padding: 4px 0 7px 5px;
	
}

* html #subnav li a { /*make hover effect work in IE */
	width: 200px;
}

#subnav ul a:hover {
	background-color: #edf6cf;

}


#avail300 ul {
	width: 270px;
	list-style-type: none;
	list-style-position: outside;

}

#avail300 li {
	
	display: block;
	border-color: #c5c5c5;
	border-width: 0 0 1px 0;
	border-style: solid;
	margin: 0;

}

#avail300 li a {
	text-decoration: none;
	color: #3f3f3f;
	display: block;
	padding: 7px;
	
}

* html #avail300 li a { /*make hover effect work in IE */
	width: 270px;
}

#avail300 ul a:hover {
	background-color: #edf6cf;

}

#twitter ul {
	width: 200px;
	list-style-type: none;
	list-style-position: outside;

}

#twitter li {
	background-image: url("http://boutiqueapartments.com/images/interface/box_twitter.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 130px;
	display: block;
	margin: 0;
	padding: 7px 7px 0 7px;
}

#twitter li a {
	text-decoration: none;	
}

#twitter ul a:hover {
	color: #81B72C;
	text-decoration: underline;	

}

#questionList ul, #questionList ol {
	
	

}

#questionList li {
	display: block;
	margin: 0;
	padding: 7px 7px 0 7px;

}

#questionList li a {
	text-decoration: none;
	
}


#questionList ul a:hover {
	color: #ffffff;

}

#footer ul {
	width: 200px;
	list-style-type: none;
	list-style-position: outside;

}

#footer li {
	
	display: block;
	border-color: #4f4f4f;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 5px;

}

#footer li a {
	text-decoration: none;	
}

#footer ul a:hover {
	color: #ffffff;
}

/* TABLE STYLING */	
	
	.availabilityList {
		margin-top: 15px;
		margin-bottom: 30px;
		width: 700px;
		text-align: left;
		border-collapse: collapse;
	}
	
	.availabilityList th {
		font-weight: bold;
                text-align: left;
		background: #edf6cf;
		border-top: 1px solid #c5c5c5;	
	
	}	
	
	
	.availabilityList td, .availabilityList th {
		border-bottom: 1px solid #c5c5c5;
		padding: 8px 10px;
	
	}
	
	.availabilityList tfoot td {
		color: #ccc;
		border-bottom: 0px;	
	}
	
	.businessList {
		margin-top: 10px;
		margin-bottom: 30px;
		width: 700px;
		text-align: left;
		border-collapse: collapse;
	}
	
	.businessList td, th {
		padding: 0 0 20px 0;
	
	}	

/* FORMS */

form {
  width: 600px;
  padding-left: 0px;
  
}

/* fieldset styling */
fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 2em;
  border : 1px solid #E1DECF;
  background-color: #e4f1f5;
}

fieldset p {
	padding-bottom: 15px;
	/*font: bold italic 1.3em/1.4em Georgia, "Times New Roman", Times, serif;*/
}

p .lineup {
	display: inline;
}

/* legend styling */
legend {
	color: #4C5B7D;
	font: normal 1.2em/1em helvetica, arial, sans-serif; 
}

label {
  display: block;
  padding-bottom: 5px;
  width: 90%;
}

label .required {
  color:#760000;
}

input.radio, input.submit {
  width: 25px;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #dbeea0;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
  width: 100%;
  height: 100px;
}

input[type="text"], input[type="password"] {
  	height: 20px;
	width: 200px;
}

textarea, input[type="text"], input[type="password"] {
	border: 1px solid #666666;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

/* End the hack */
.photoWindow {
	background-color: #ffffff;
	margin: 0px;
}