/*
Notes:  Split Up in 4 areas: Universal Styles, Home Page Styles, twoColumn Layout Styles, and threeColumn Layout Styles.

AREA 1: UNIVERSAL STYLES
*/

html,body {
	margin:0;
	padding:0;
	height:100%;
	background-image: url(/img/bg.01.png);
	background-repeat: repeat-x;
	background-position: top;
}

p, ul, ol	{
	color: #4e5960;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 2.2em;
	margin: 5px 5px 16px 5px;
}

h1, h2, h3	{
	color: #9e0b0f;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px 5px;
	font-size: 20px;
	font-weight: bold;
	text-transform: capitalize;
	text-transform: uppercase;
	letter-spacing: 3px;
}

h2, h3	{
	color: #003366;
	text-transform: none;
	letter-spacing: normal;
	font-size: 16px;
	}
	
h3	{font-size: 14px;}

.hidden{display:none}

	h1.fremont, h1.chestnut, h1.glofts, h1.dutton, h1.atlantic, h1.brookline, h1.common, h1.fifth {
			width: 350px;
			height: 80px;
			margin: 0 5px 10px;
			background-image: url(/img/propertyHeading.Fremont.gif);
			background-repeat: no-repeat;
			background-position: top;
		}
	h1.chestnut {background-image: url(/img/propertyHeading.Chestnut.gif);}
	h1.glofts {background-image: url(/img/propertyHeading.Glofts.gif);}
	h1.dutton {background-image: url(/img/propertyHeading.dutton.gif);}
	h1.atlantic {background-image: url(/img/propertyHeading.Atlantic.gif);}
	h1.brookline {background-image: url(/img/propertyHeading.Brookline.gif);}
	h1.common {background-image: url(/img/propertyHeading.common.gif);}
	h1.fifth {background-image: url(/img/propertyHeading.fifth.gif);}
	h1.industrial span.hidden {display:block !important;}

a:hover{color: #2e3c45;}

strong {color: #9e0b0f;}



#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:820px;
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
	background-position: top;
/*	background-color: #4f606a;
*/	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#siteInfo	{
	width: 778px;
	height: 10px;
	margin: 0 10px 30px 10px;
	padding: 0 10px;
	vertical-align: top;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	color: #dddddd;
}	
	
	#siteInfo .leftInfo{
	position: absolute;
	left: 0px;
	}
	
	#siteInfo .rightInfo{
	position: absolute;
	right: 20px;
	}
	
		#siteInfo a{
		text-decoration: none;
		color: #FFFFFF;
		font-weight: bold;
		}
		
			#siteInfo a:hover{color: #FFFF00;}

.contentShadow	{
	width: 800px;
	height: 7px;
	margin: 0 10px 0 10px;
	background-image: url(/img/content_shadow.png);
	background-repeat: no-repeat;
	background-position: top;
}


#formObjects, #formObjects input, #formObjects textarea {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	width: 300px;
	background-color: #d9d9d9;
}
	
	#formObjects input, #formObjects textarea {background: #c8c8c8;}
	
	#formObjects input.submitButton	{
		width: 80px;
		background-color: #eaeaea;
	}
	
	#formObjects .required {
		font-weight: bold;
	}


.breadcrumb, .breadcrumb a, #column h1,  body.home h1, body.home h1 a 	 	{
		color: #5d656a;
		font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		margin: 0px 0 10px 0;
		text-decoration: none;
		letter-spacing: normal;
}

.breadcrumb a:hover	{color: #2e3c45;}

.bannerBg	{
	position: relative;
	top:15px;
	width: 820px;
	height: 150px;
	background-image: url(/img/bg.banner.02.png);
	background-repeat: no-repeat;
	background-position: center;
}


#banner {
	position: absolute;
	top: 3px;
	left: 11px;
	width: 798px;
	height: 138px;
	background-image: url(/img/bannerDetail.01.gif);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}


	#column#spacer	{display:none}
			
	#column h1	{
		width: 200px;
		background-image: url(/img/arrow.down.01.gif);
		background-position: 190px 3px;
		background-repeat: no-repeat;
		margin: 3px 0px 10px 0px;
	}

	#column p	{
			display: block;
			width: 195px;
			background-image: url(/img/rule.gif);
			background-position: 0 18px;
			background-repeat: repeat-x;
			margin: 0px 0 3px 0;
			padding: 0 0 0 5px;
			color: #5d656a;		
	}
	
		#column p.twoLine	{
				background-image: url(/img/rule.gif);
				background-position: 0 40px;
				height: 42px;	
		}

		#column p a, #column p strong, #column.left h2 {
				color: #5d656a;	
				font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
				font-size: 10px;
				text-decoration: none;
			}
		#column.left h2 {text-transform:uppercase;}
			
			#column p a:hover{
	color: #2e3c45;
	padding: 0 0 0 1px;
	}

#column.left {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	left: 1px;
	border-right: 10px solid  #d9d9d9;
	border-left: 10px solid  #d9d9d9;
	width:200px;
	position: absolute;
	text-transform: uppercase;
}

#column.left h1 {display: block; margin: 6px 0 18px 0;}

#column.left h2 {
		background-image: url(/img/rule.gif);
		background-position: 0 17px;
		background-repeat: repeat-x;
		margin: 0 0 3px 0px;
		padding: 3px 0 3px 0px;
		color: #5d656a;	
		height: 14px;
}


#column.right {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	left: 580px;
	border-right: 9px solid  #d9d9d9;
	border-left: 10px solid  #d9d9d9;
	width:200px;
	position: absolute;
}

	#column.right #frame01	{
		border: 1px solid #cdc8c8;
		background-color: #ffffff;
		background-color: #ededed;
		margin: 20px 5px;
		width: 185px;
	}
	
	#column.right #frame02	{
		border: 1px solid #cdc8c8;
		background-color: #ffffff;
		padding: 5px;
		margin: 2px;
		width: 168px;
	}
	
	#column.right #frame03	{
		border: 1px solid #cdc8c8;
		background-color: #ededd7;
		padding: 5px;
		margin: 0px;
		width: 156px;
	}

	#column.right #frame01 #frame02 #frame03 p, #column.right #frame01 #frame02 #frame03 p strong, #column.right #frame01 #frame02 #frame03 p a		{
				width: 150px;
				font-family: Tahoma, Verdana, Arial, sans-serif; !important
				text-transform: none; !important
				font-size: 9px;
				margin: 3px 0 3px 0;
				padding: 0 0 0 0px;
				color: #5d656a;
				background-image: none; !important
		}
		
		#column.right #frame01 #frame02 #frame03 p strong	{font-weight: bold;}
		#column.right #frame01 #frame02 #frame03 p a:hover{color: #2e3c45; margin-left: 3px;}
		

			#content .gallery	{
	border: 1px solid #cdc8c8;
	border-bottom: 1px solid #aba6a6;
	padding: 10px 5px;
	background: #d9d9d9;
	background-image: url(/img/bg.gallery.01.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 0 10px 0;
}

	.gallery img	{
		margin: 6px 12px 6px 12px;
		border: 1px solid #cccccc;
		border-bottom: 1px solid #888888;
		padding: 3px 3px 8px 3px;
		background-color: #FFFFFF;
	}
	
	.gallery a:hover img{
		background-color: #FFFF33;
		border: 1px solid #bbbbbb;
		border-bottom: 1px solid #777777;
	}
	
	.gallery h2	{
		display:block;
		border-bottom: 1px solid #cdc8c8;
		padding: 5px 0 0 0;
		color: #9e0b0f;
		font-size: 11px;
		text-transform: uppercase;
		margin: 0 5 0 5px;
}
	.gallery p {
		display:block;
		top: 0px;
		border-top: 1px solid #ffffff;
		margin: -10px 0 0 5px;
		padding: 0 0 0 17px; 
		font-size: 10px;
		font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
		background-image: url(/img/magnifying_glass.gif);
		background-repeat: no-repeat;
}

.gallery a {border: none;}


#navBar	{
	height: 35px; width: 780px; margin-left: 10px; margin-left: -202px;
}
		
		a#navHome , a#navPortfolio, a#navAbout, a#navConstruction, a#navNews, a#navContact   {
		display: block;
		float:left;
		height: 25px;
		background-image: url(/img/navbar.03.gif);
		background-repeat: no-repeat;
	}
	
		a#navHome{
			width: 73px;
			background-position: 0px;
		}
		
		a#navPortfolio{
			width: 110px;
			background-position: -73px;
		}
		
		
		a#navAbout{
			width: 219px;
			background-position: -183px;
		}
		
		a#navConstruction{
			width: 188px;
			background-position: -403px;
		}
		
		a#navNews{
			width: 78px;
			background-position: -589px;
		}
		
		a#navContact{
			width: 112px;
			background-position: -668px;
		}
		
		a:hover#navHome {background-position: -780px;}
		a:hover#navPortfolio {background-position: -853px;}
		a:hover#navAbout {background-position: -963px;}
		a:hover#navConstruction {background-position: -1182px;}
		a:hover#navNews {background-position: -1370px;}
		a:hover#navContact  {background-position: -1448px;}


/* AREA 2: HOME PAGE STYLES */


body.home	{
}

body.home h1 {
	display: block;
	margin: 3px 0 20px 15px;
}

body.home #content	{
	width: 470px;
	background-color: #d9d9d9;
	background-image: url(/img/rule.gif);
	background-position: 0 65px;
	background-repeat: repeat-x;
	border: 1px solid white;
	margin: 20px 10px 0px 10px;
	padding: 0 328px 20px 0px;
}

body.home #column.right {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	left: 480px;
	top: 352px;
	border-right: 9px solid  #d9d9d9;
	border-left: 10px solid  #d9d9d9;
	width:298px;
	position: absolute;
}

	body.home #column.right p {
		display: block;
		background: none;
		padding: 0 0 5px 0;
		border-top: 1px solid #f1eeee;
		width: 298px;
		margin: -10px 0 0px 0;
	}
	
	body.home #column.right p.secondParagraph	{
	border: none;
	margin-top: 5px;
	}
	
	body.home #column.right  a {
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-size: 11px;
		text-decoration: underline;
		font-weight: bold;
	}
	

	
	body.home #column.right h1 {
		width: 298px;
		background-position: 287px 3px;
		clear: left;
		border-bottom: 1px solid #cdc8c8;
		padding: 10px 0 5px 0;
		background-position: 287px 12px;
	}
	
	body.home #column.right h1 a {
		color: #5d656a;
		text-decoration: none;
	}
	
	body.home #column.right h1 a:hover {color: #2e3c45;}
	
	body.home #column p a:hover{padding: none;}
	
	body.home #column.right h1.first, body.home #column.right p.first  {border: none; padding-top: 0px;}
	body.home #column.right h1.first {background-position: 287px 3px;}
	
	body.home #column.right img {
		float: left;
		margin: 0 5px 10px 0;
		border: 1px solid #cdc8c8;
		width: 98px;
	}

body.home .bannerBg	{
	position: relative;
	top:15px;
	width: 820px;
	height: 285px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/bg.banner.01.png');
	background-repeat: no-repeat;
	background-position: center;
}
body.home .bannerBg[class] {background-image: url(/img/bg.banner.01.png);}

body.home #banner	{
	position: absolute;
	top: 3px;
	left: 11px;
	width: 798px;
	height: 273px;
/*
	background-image: url(/img/bannerPlaceholder.gif);
	background-position: center;
	background-repeat: no-repeat;
*/
}

body.home #column.spacer {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	left: 1px;
	border-right: 9px solid  #d9d9d9;
	border-left: 9px solid  #d9d9d9;
	width:780px;
	position: absolute;
	height: 200px;
}

body.home #navBar {margin-left: 10px;}


#snapshot	{
	background-color: #FFFFFF;
	border: 1px solid #cdc8c8;
	width: 450px;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 15px;
}



/* AREA 3: 2 COLUMN PAGE STYLES */

body.twoColumn #container #content	{
	width: 568px;
	background-color: #d9d9d9;
	background-image: url(/img/rule.gif);
	background-position: 0 65px;
	background-repeat: repeat-x;
	border: 1px solid white;
	margin: 20px 10px 0px 10px;
	padding: 0 10px 20px 220px;
}

body.twoColumn #column.spacer {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	left: 790px;
	border-right: 9px solid  #d9d9d9;
	border-left: none;
	width:0px;
	position: absolute;
	height: 200px;
}

/* AREA 4: 3 COLUMN PAGE STYLES */

body.threeColumn #container #content	{
	width: 358px;
	background-color: #d9d9d9;
	background-image: url(/img/rule.gif);
	background-position: 0 65px;
	background-repeat: repeat-x;
	border: 1px solid white;
	margin: 20px 10px 0px 10px;
	padding: 0 220px 20px 220px;
}