body {
    background-color : #273034;
/*
    font-family : Georgia, "Hoefler Text", Times, "Times New Roman", serif;
    font-size : 12px;
*/
    font-family : Helvetica, Arial, Tahoma, sans-serif;
    font-size : 11px;
    line-height : 1.412;
    color : #111517;
}

p {
    margin-bottom : 1em;
}
a:link, a:visited {
    color : #003158;
    text-decoration : none;
}
a:hover, a:focus, a:active {
    text-decoration : underline;
}

#container {
    width : 920px;
    margin : 75px auto 0 auto;
}

#logo {
    position : absolute;
    left : 380px;
    top : 0;
}

#main {
    position : relative;
    height : 527px;
}
#footer {
    position : absolute;
    left : 380px;
    top : 527px;
    color : #C2C7CE;
}
#footer a:link, #footer a:visited {
    color : #C2C7CE;
}

/* HOME */
body.home #main {
    background : transparent url(/_/i/bg_home.jpg) no-repeat left bottom;
}
body.home h1 {
    position : absolute;
    left : 20px;
    top : 145px;
}
body.home #copy {
    position : absolute;
    left : 200px;
    top : 238px;
    width : 340px;
}

/* DEVELOPMENTS */
body.developments #main {
    background : transparent url(/_/i/bg_developments.jpg) no-repeat left bottom;
}
body.developments h1 {
    position : absolute;
    left : 40px;
    top : 145px;
}
body.developments #copy {
    position : absolute;
    left : 200px;
    top : 238px;
    width : 340px;
}
body.developments.existing #main,
body.developments.in-progress #main {
    background : transparent url(/_/i/bg_scrolling_page.jpg) no-repeat left bottom;
}

/* APPROACH */
body.approach #main {
    background : transparent url(/_/i/bg_approach.jpg) no-repeat left bottom;
}
body.approach h1 {
    position : absolute;
    left : 380px;
    top : 145px;
}
body.approach #copy {
    position : absolute;
    left : 448px;
    top : 238px;
    width : 350px;
}

body.approach.synthesis #main {
    background : transparent url(/_/i/bg_synthesis.jpg) no-repeat left bottom;
}
body.approach.synthesis h1,
body.approach.first h1 {
    position : absolute;
    left : 380px;
    top : 145px;
}
body.approach.synthesis #copy,
body.approach.first #copy {
    position : absolute;
    left : 460px;
    top : 238px;
    width : 440px;
}

body.approach.first #main {
    background : transparent url(/_/i/bg_quality-first.jpg) no-repeat left bottom;
}
body.approach.leed #main {
    background : transparent url(/_/i/bg_leed.jpg) no-repeat left bottom;
}
body.approach.leed h1 {
    position : absolute;
    left : 85px;
    top : 145px;
}
body.approach.leed #copy {
    position : absolute;
    left : 200px;
    top : 238px;
    width : 635px;
}

/* TEAMWORK */
body.teamwork #main {
    background : transparent url(/_/i/bg_teamwork.jpg) no-repeat left bottom;
}
body.teamwork h1 {
    position : absolute;
    left : 40px;
    top : 144px;
}
body.teamwork #copy {
    position : absolute;
    left : 140px;
    top : 238px;
    width : 400px;
}
body.teamwork.members #main {
    background : transparent url(/_/i/bg_scrolling_page.jpg) no-repeat left bottom;
}

/* NEWS */
body.news #main {
    background : transparent url(/_/i/bg_news.jpg) no-repeat left bottom;
}
body.news h1 {
    position : absolute;
    left : 40px;
    top : 128px;
}
body.news #copy {
    position : absolute;
    left : 142px;
    top : 222px;
    width : 408px;
    height : 295px;
    overflow : auto;
    padding-right: 10px;
}
body.news .item {
    margin-bottom : 50px;
}
body.news .item .dateline,
body.news .item h2 {
    font-family : Helvetica, Arial, sans-serif;
    color : #003158;
}
body.news .item .dateline {
    font-size : 11px;
    line-height : 1.5;
    margin : -4px 0px 10px 0px;

}
body.news .item img {
    margin : -6px 0px 10px 0px;

}
body.news .item h2 {
    font-size : 18px;
    font-weight : normal;
    line-height : 1.2;
    margin-bottom : 5px;
}

/*body.news .item h2.news {
    background : transparent url(http://relatedmidwest.com/_/i/category_pr.png) no-repeat left top;
    padding-left: 110px;
}*/

body.news #archive-list {
    position : absolute;
    top : 222px;
    width : 125px;
    color : #cfe0e6;
    font-size : 11px;
    line-height : 1.5;
    text-align : right;
}
body.news #recents h2 {
    text-align : right;
}
body.news #recents ul {
    margin-top : 10px;
    text-align : right;
    font-family : Helvetica, Arial, sans-serif;
    font-size : 11px;
}
body.news #archive-list a:hover,
body.news #archive-list a:focus,
body.news #archive-list a:active {
    text-decoration : underline;
}
li#all-archives {
    font-style : italic;
}

/* AWARDS */
body.awards #main {
    background : transparent url(/_/i/bg_awards.jpg) no-repeat left bottom;
}
body.awards h1 {
    position : absolute;
    left : 380px;
    top : 113px;
}
body.awards #copy {
    position : absolute;
    left : 460px;
    top : 235px;
    width : 320px;
}


body.awards.notable #main {
    background : transparent url(/_/i/bg_notable-awards.jpg) no-repeat left bottom;
}
body.awards.notable h1 {
    position : absolute;
    left : 20px;
    top : 145px;
}
body.awards.notable #copy {
    position : absolute;
    left : 465px;
    top : 145px;
    width : 420px;
}
body.awards.notable #awards-block {
    position : absolute;
    left : 20px;
    top : 275px;
}


/* CONTACT */
body.contact #main {
    background : transparent url(/_/i/bg_contact.jpg) no-repeat left bottom;
}
body.contact h1 {
    position : absolute;
    left : 40px;
    top : 145px;
}
body.contact #copy {
    position : absolute;
    left : 40px;
    top : 238px;
    width : 530px;
}
body.contact #contact-info {
    width : 520px;
    margin : 0 auto;
}
body.contact #copy .address {
    margin-top : 40px;
    width : 170px;
    float : left;
    display : inline;
}
body.contact #copy .krandel {
    margin-top : 40px;
    width : 170px;
    float : left;
    display : inline;
}
body.contact #copy .media {
    margin-top : 40px;
    width : 170px;
    float : left;
    display : inline;
}
body.contact h2 {
    margin-bottom : 13px;
}
body.contact #copy .last {
    margin-right : 0;
}
body.contact #copy .col a {
    font-size : 10px;
}

/* DEVELOPMENTS */
body.info #main {
    background : transparent url(/_/i/bg_scrolling_page.jpg) no-repeat left bottom;
}
body.info h1 {
    position : absolute;
    left : 20px;
    top : 145px;
}
body.info #copy {
    position : absolute;
    padding-right : 10px;
    left : 380px;
    top : 55px;
    width : 520px;
    height : 462px;
    overflow : auto;
}


.gal-copy{
	position:relative;
	display:block;
	width:238px;
	height:420px;
	border: 1px solid #BECBDD;
	background:#E7EFF2;
	font-size:11px;
	font-family:arial;
	float:left;
}

.gal-button{
	z-index:100;	
}

.gal-copy p{
margin:0px;
padding:5px 10px 0px 10px;	
color:#3E6481;
}


.gal-copy p.top{
	height:53px;
	padding: 7px 10px 0px 10px;
	overflow:hidden;
	font-weight:bold;
	border-bottom: 1px solid #BECBDD;
}

.gal-copy p.bottom{
	position:absolute;
	padding: 2px 10px 0px 10px;
	bottom:0;
	font-size:10px;
	left:0;
	width:218px;
	height:65px;	
	border-top: 1px solid #BECBDD;
}

.gal-item.first {
	font-family: "Helvetica";
background:#1B3E5D;
color:#e7eff2;
font-size:14px;
width:240px;
height:400px;
font-weight:normal;
padding:10px;	
}

.gal-item.first {
    margin-left: 25px;
    padding-right:10px;
    margin-right:50px;
}

.gal-item.first .smaller, .gal-item.smaller p{
font-size:10px;	
}

#gallery {
    position : absolute;
    left : 11px;
    top : 85px;
    width : 898px;
    height : 440px;
    overflow : auto;
    overflow-y : hidden;
}

#gallery-inner {
    width : 2700px;
}

.gal-item {
    position : relative;
    float : left;
    display : inline-block;
    padding-right : 50px;
    overflow : hidden;
}

.gal-item .gal-button {
position : absolute;
left : 130px;
top : 200px;
}

#gallery img {
    float : left;
}
#gallery .gal-copy {
    margin-left : 15px;
}

.border{
border:1px solid #fff;
margin:3px;
background: #214A6A;
padding:8px;
height:380px;
display:block;	
}