/* basic formatting */
body, h2, h3, h4 {
	padding: 0;
	margin: 0;
}
body { font: 12px Verdana, Arial, Helvetica, sans-serif; }
h2 { font-size: 18px; padding-top: 30px; margin-left:0px;}
h3 { font-size: 14px; height: 23px; margin-left:20px; margin-bottom:0px;}

/* defining forground and background colors for boxes */
.brown { color: #53463b; }
.blue  { color: #284384; }
.green { color: #516640; }

.healthcare  { background-color: #ede6e2; }
.commercial  { background-color: #e3e5ec; }
.residential { background-color: #e9ede2; }
/* the boxes */
.images div { 
	height: 97px; 
	width: 338px; 
	background-repeat: no-repeat;
	margin-bottom: 13px;
}
.images img {
	margin: 11px 0 0 13px;
}



.storiesL { padding-left: 1px; margin-left:12px; margin-right:0px;}
.storiesL div {
	width: 215px;
	float: left;
	padding: 0 15px 15px 0px;
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 10px;
	margin-bottom: 5px;

}
.storiesL img {
	float: left;
	margin-right: 10px;	
}

.storiesR { padding-left: 1px; margin-left:0px; margin-right:14px;}
.storiesR div {
	width: 215px;
	float: left;
	padding: 0 15px 15px 0px;
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 10px;
	margin-bottom: 5px;

}
.storiesR img {
	float: left;
	margin-right: 10px;	
}






.deviderL {
	display: block;
	height: 20px;
	margin-top: 10px;
	margin-left:15px;
	margin-right:0px;
	background-image: url(images/portfolio/brown-dots.gif);
	background-repeat: no-repeat;
}

.deviderR {
	display: block;
	height: 20px;
	margin-top: 10px;
	margin-left:0px;
	background-image: url(images/portfolio/brown-dots.gif);
	background-repeat: no-repeat;
}
.images a img { border: 0 }

/* for those rounded corners */
.images .healthcare  { background-image: url(images/portfolio/brown-left.gif); }
.images .commercial  { background-image: url(images/portfolio/blue-left.gif);  }
.images .residential { background-image: url(images/portfolio/green-left.gif); }
                                                                   /* margins to seperate story boxes */
.stories .healthcare  { background-image: url(images/portfolio/brown-bottom.gif); margin-right: 12px; }
.stories .commercial  { background-image: url(images/portfolio/blue-bottom.gif);  margin-right: 12px; }
.stories .residential { background-image: url(images/portfolio/green-bottom.gif); } 

/* dotted devider things*/
.healthcare  .devider { background-image: url(images/portfolio/brown-dots.gif); }
.commercial  .devider { background-image: url(images/portfolio/blue-dots.gif);  }
.residential .devider { background-image: url(images/portfolio/blue-dots.gif); }


/* specific styles */
#wrapper {
	width: 760px;
	margin: 0 auto;
}
#pagedescription {
	font-weight: bold;
	color: #1b2f74;
	margin: 13px 0 26px 0;
}
#imagedescription {
	margin-right: 16px;
}
#portfolioimages {
	margin-bottom: 30px;
}
#storiesheader {
	background: url(images/portfolio/stories-top2.gif) bottom no-repeat;
	height: 50px;
	padding-top: 0;
}
#largeimage {
	background: url(images/portfolio/behind-large-image.gif) top right no-repeat;
}

.omgomg {
	background: url(images/portfolio/behind-large-image.gif) -5px 0 no-repeat;
}
#fix {
	clear: both;
}