* {
	margin: 0px;
	padding: 0px;
}

html {
	/* forces scrollbar track in Mozilla */
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #e4e0d3 url("http://trinitydesignbuild.com/graphics/background.gif");
	color: black;
	font: 11px Georgia, 'Times New Roman', Times, sans-serif;
}

img {
	border: 0px;
}

#content img {
	margin-bottom: 10px;
}

#content a {
	text-decoration: underline;
	color: #9B0F0F;
}
#content a:visited {
	color: #888;
}
#content a:hover {
	color: #9B0F0F;
}

#content p.footer a {
	text-decoration: underline;
	color: #888;
}

/*_______________________________________________

	primary layout
_______________________________________________*/

#envelope {
	vertical-align: top;	
	margin-left: -390px;
	position: absolute;
	left: 50%;
	height: 100%;	
}

#outer_column {
	width: 732px;
	*width: 762px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#inner_column {
	height: 100%;
} 

/*_______________________________________________

	main content area
_______________________________________________*/

#content {
	font: 11px/20px 'Georgia', serif;
	padding-left: 50px;
	_padding-left: 40px;
	padding-bottom: 20px;
	padding-top: 20px;
	position: absolute;
	top: 0px;
	left: 200px;
	_left: 210px;
	width: 510px;
	_width: 500px;
	min-height: 400px;
	_height: 400px;
	z-index: 0;
	background-image: url('http://trinitydesignbuild.com/graphics/background_content.png');
	border-bottom: solid 1px #aaa;
	_background-image: none;
	_background-color: white;
}

#content h1, #content h2, #content h2, #content p, #content ul, #content ul.sub_navigation {
	width: 450px;
	margin-left: 10px;
}

h1 {
	margin-top: 15px;
	margin-bottom: 25px;
	font: bold 16px Georgia, serif;
	letter-spacing: 1px;
}
h1.subtext {
	margin-top: -18px;
	margin-bottom: 25px;
	font: 13px 'Times New Roman', serif;
	text-transform: none;
	letter-spacing: 0px;
	color: #888;
}

h2 {
	margin-top: 30px;
	margin-bottom: 20px;
	font: bold 12px Georgia, serif;
	letter-spacing: 1px;	
}
h2.portfolio {
	margin-bottom: 40px;
}
h2.divider {
	border-top: solid 1px #ddd;
	padding-top: 20px;
	margin-top: 0px;
}

#homepage_image {
	margin-left: 0px;
	padding-bottom: 15px;
	_padding-bottom: 10px;	
	height: 300px;
}

#content p {
	padding-bottom: 20px;
}
#content p.big_link{
	font: bold 12px Tahoma;
	display: none;
}	

#content ul {
	padding-left: 20px;
	margin-bottom: 20px;
}
#content li {
	list-style-type: circle;
}

#content ul.sub_navigation {
	padding: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-left: 0px;
	width: 450px;
	_margin-top: 15px;
	font: normal 11px Tahoma;
	color: #b4b4b4;
	background: #f8f8f8;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}
#content ul.sub_navigation li {
	display: inline;
	list-style-type: none;
}
#content ul.sub_navigation li.current {
	color: black;
}
#content ul.sub_navigation a {
	text-decoration: none;
	border-bottom: dashed 1px #d6b8b8;
}
#content ul.sub_navigation a:hover {
	color: #9B0F0F;
	border-bottom: solid 1px #d6b8b8;
}

#content p.portfolio_label {
	color: #666;
	margin-left: 0px;
	font: 11px/16px Tahoma, sans-serif;
	margin-bottom: 30px;
	background: #f3f2ed;
	padding: 10px;
	border-bottom: solid 1px #ccc;
}

#content div.image_caption {
	width: 480px;
	padding: 0px;
	color: #666;
	margin-left: 0px;
	font: 11px/16px Tahoma, sans-serif;
	margin-bottom: 30px;
	background: #f3f2ed;
	border-bottom: solid 1px #ccc;
}

#content div.image_caption p {
	padding-left: 5px;
	padding-bottom: 10px;
}

#portfolio_image {
	margin-left: -1px;
}

#portfolio_image img {
	border: solid 1px #ccc;
	border-bottom-width: 0px;
	margin-bottom: -6px;
}
#portfolio_image p.portfolio_label {
	padding-top: 11px;
	width: 462px;
}

#thumbnails {
	padding: 9px;
	background: #f3f2ed;
	border: solid 1px #ccc;	
	width: 460px;
	padding-bottom: 7px;
	_padding-bottom: 5px;	
	margin-bottom: 20px;
	_margin-bottom: 30px;
}

#content a.thumbnail {
	padding-right: 2px;
	cursor: pointer;
}
#content a.thumbnail_last {
	padding-right: 0px;
}
#content a.thumbnail img {
	margin-bottom: -5px;
	_padding-bottom: 1px;	
}

#content div.portfolio_left {
	float: left;
	width: 228px;
	overflow: hidden;
	margin-bottom: 20px;
}
#content div.portfolio_right {
	float: right;
	width: 228px;
	overflow: hidden;
	margin-right: 30px;
	_margin-right: 10px;
	margin-bottom: 20px;
}

#content div.portfolio_left img, #content div.portfolio_right img {
	border: solid 1px #ddd;
	margin-bottom: -7px;
}
#content div.portfolio_left p, #content div.portfolio_right p {
	margin-bottom: 0px;
}

#content br.clear {
	clear: both;
}

.normal {
	font-style: normal;
}

p.footer {
	padding-top: 20px;
	font: 9px Verdana, Tahoma, sans-serif;
	color: #aeaeae;
}

.note {
	padding: 2px;
	font: 11px/19px Tahoma;
	background: #ffa;
}
p.note {
	margin-top: 10px;
	padding: 10px;
	width: 330px;
}

/*_______________________________________________

	logo + navigation
_______________________________________________*/

#sidebar {
	width: 210px;
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 1;
	text-align: right;	
}

#logo {
	margin-bottom: -2px;
}

#navigation {
	border-top: solid 1px #e4e0d3;
	padding: 20px;
	background:url("http://trinitydesignbuild.com/graphics/background_nav.gif") repeat-y;
	_margin-top: -3px;
	padding-bottom: 30px;
	_padding-bottom: 15px;
	height: 112px;
/*	height: 96px; */
}

#navigation ul {
	list-style-type: none;
	margin-bottom: 20px;
}
#navigation li {
	float: right;
	clear: right;
	display: block;
}

#navigation a {
    display: block;
    text-decoration: none;
	overflow: hidden;
	background-repeat: no-repeat;
}
#navigation a.portfolio {
	width: 47px;
	height: 10px;
    background: url("http://trinitydesignbuild.com/graphics/button_portfolio.gif");
	margin-bottom: 8px;
}
#navigation a:hover.portfolio,  #navigation li.current a.portfolio {
	background-position: -48px 0px;
}
#navigation a.design-build {
	width: 73px;
	height: 12px;
    background: url("http://trinitydesignbuild.com/graphics/button_design-build.gif");
	margin-bottom: 6px;
}
#navigation a:hover.design-build, #navigation li.current a.design-build {
	background-position: -75px 0px;
}
#navigation a.historic-preservation {
	width: 116px;
	height: 10px;
    background: url("http://trinitydesignbuild.com/graphics/button_historic-preservation.gif");
	margin-bottom: 8px;	
}
#navigation a:hover.historic-preservation, #navigation li.current a.historic-preservation {
	background-position: -118px 0px;
}
#navigation a.green-building {
	width: 86px;
	height: 12px;
    background: url("http://trinitydesignbuild.com/graphics/button_green-building.gif");
	margin-bottom: 6px;	
}
#navigation a:hover.green-building, #navigation li.current a.green-building {
	background-position: -88px 0px;
}
#navigation a.sales-and-rentals {
	width: 87px;
	height: 10px;
    background: url("http://trinitydesignbuild.com/graphics/button_sales-and-rentals.gif");
	margin-bottom: 8px;	
}
#navigation a:hover.sales-and-rentals, #navigation li.current a.sales-and-rentals {
	background-position: -91px 0px;
}
#navigation a.community {
	width: 65px;
	height: 12px;
    background: url("http://trinitydesignbuild.com/graphics/button_community.gif");
	margin-bottom: 6px;	
}
#navigation a:hover.community, #navigation li.current a.community {
	background-position: -67px 0px;
}
#navigation a.about {
	width: 53px;
	height: 10px;
    background: url("http://trinitydesignbuild.com/graphics/button_about.gif");
	margin-bottom: 8px;	
}
#navigation a:hover.about, #navigation li.current a.about {
	background-position: -55px 0px;
}

#contact {
	border-top: solid 1px #e4e0d3;
	padding: 20px;
	padding-bottom: 15px;
	background:url("http://trinitydesignbuild.com/graphics/background_contact.gif") repeat-y;
}

#contact a.contact_info {
	width: 133px;
	height: 24px;
    background: url("http://trinitydesignbuild.com/graphics/contact_info.gif");
}
#contact a:hover.contact_info {
	background-position: -60px 0px;
}

/*_______________________________________________

	Safari hacks...
	the actual Safari value is included above...
	other browsers use the value below

_______________________________________________*/

#logo {
	margin-bottom: -3px;#
}