body { 
color: #222; 
font: 14px/1.0 "Lucida Sans", "Lucida Grande", Arial, sans-serif; 
padding: 0;
 margin: 0; 
 }
 

 
a img { border: none; }
a { color: #7CA5B3; text-decoration: none;}
a:visited { color: #3F3A93; }
a:hover { text-decoration: underline; }
ul { list-style: url(/images/list.png); }
h1 { font-size: 18px;}
h2 { font-size: 14px; width: 450px; }

.leftImage { float: left; border: 1px solid #000; margin-right: 5px; }
.rightImage { float: right; border: 1px solid #000; margin-left: 5px; }
.imageTop td { padding: 5px 5px 0px 5px; }
.captionBottom td { padding: 5px; font-weight:bold; font-size: 10px; color: #888; }
.marketing { font-style: italic; color: #484;}
#footnotes { color: #888; font-size: 10px; }
.footnote  { color: #888; font-size: 10px; text-align: right; }

.tagline { display: block; font-size: 12px; width: 235px; text-align: right; }

/* PAGE LAYOUT */

#logo { height: 120px; margin-bottom: 15px; }

#masterBox { width: 900px; margin: 0 auto; position: relative; border: 1px solid #000; border-top: 0; border-bottom: 0; }

#nav { padding: 0; margin: 0; list-style: none; position: absolute; top: 0; right: 0; height: 130px; z-index: 1; }
#nav li { height: 130px; float: left; margin: 0 2px; }
#nav a { display: block; padding: 106px 10px 3px 10px ; color: #3f6d93; font-weight: bold; border: 1px solid #fff; border-top: 0; border-bottom: 0; }
#nav a:visited { color: #3f6d93; }
/* try to link up body classNames with highlighted menu */
#nav a:hover,
.markets #nav a.markets,
.commercial #nav a.markets,
.affordable_housing #nav a.markets,
.institutional #nav a.markets,
.residential #nav a.markets,
.packages_and_systems #nav a.packages,
.about #nav a.about,
.contact #nav a.contact
{ text-decoration: none; background: #F2F1EE; border: 1px solid #000; border-bottom: 10px solid #294067; border-top: 0; }

#oak {
	position: absolute;
	top: 0;
	right: 0;
	width: 368px;
	height: 62px;
	z-index: 2;
	
	background-image:url(../images/oak_overlay.png);
}

#header { height: 275px; }
#header table { background: #1e3724; width: 100%; }
#header td { padding: 5px 2px; }
#header td.first { padding-left: 0; }
#header td.last { padding-right: 0; }

#content { 
position: relative; padding: 20px; 
height:auto !important;
  height:400px; 
 
  }
  
  #content .figure {
	float: right;
	width: 300px;
	margin-top:0px;
	margin-right:5px;
	margin-bottom: 10px;
	margin-left: 30px;
	
	border: 3px solid #666;
	padding:3px;
	display:inline;
}

  #content .figure2 {
	float: right;
	width: 250px;
	margin-top:0px;
	margin-right:5px;
	margin-bottom: 10px;
	margin-left: 30px;
	
	border: 3px solid #666;
	padding:3px;
	display:inline;
}
 #content .figure3Projects {
	float: left;
	width: 300px;
	margin-top:0px;
	margin-right:5px;
	margin-bottom: 0;
	margin-left: 10px;
	
	border: 3px solid #666;
	padding:3px;
	display:inline;
}

#content .figure4Projects {
	float:left;
	width: 400px;
	margin-top:0px;
	margin-right:5px;
	margin-bottom: 10px;
	margin-right: 10px;
	
	border: 3px solid #666;
	padding:3px;
	display:inline;
}
#content .figure5Projects {
	float: left;
	width: 750px;
	margin-top:10px;
	margin-left:50px;
	margin-bottom: 10px;
	margin-right: 10px;
	
	border: 3px solid #666;
	padding:3px;
	display:inline;
}



#content h1 { width: 600px }

#mainColumn { width: 600px; line-height: 1.2; }
#mainColumn2 { width: 100%; line-height: 1.2; }


 
 #mainColumn p	{
 margin:10px 10px 10px 10px;
 }
  #mainColumn2 p	{
 margin:10px 10px 10px 10px;

 }
 
.clear {
width:100%;
clear:both;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#content .pullout { 
float: right; 
font-size: 16px; 
padding: 0 10px; 
}

#content ul.homepagePullout {
list-style:none; margin: 0;
 }

#content ul.homepagePullout li { 
 line-height:1.3em;
   padding: 0 0 0 15px;
    background:url(../images/list.png) no-repeat 0 4px;
	margin: 5px 0;
	 }


 #sidebar {
	width: 160px;
	position: absolute;
	top: -80px;
	right: 0;
	padding: 10px 20px 20px 40px;
	background-image: url(../images/inside_navbox.jpg);
	background-repeat:no-repeat;
	height: 450px;
	 
}

#homeSidebar {
	width: 160px;
	position: absolute;
	top: 30px;
	right: 0;
	padding:0 20px 20px 40px;
	/*background-image: url(../images/inside_navbox.jpg);*/
	
	border-left: 1px solid #3F3A93; 
}

#homeSidebar2 {
	width: 300px;
	position: absolute;
	top: 120px;
	right: 20px;
	padding:0 40px 20px 20px;
	/*background-image: url(../images/inside_navbox.jpg);*/
	
	border: 1px solid #3F3A93; 
}




#homeSidebar p .bigNews	{
font-size:1.75em;
color:#CEA920;
}


  dt { 
 font-size:.95em;
 padding: 0;
  margin: 10px 0 0 0;
font-weight:bold;
color:#3F3A93;
background:transparent;
 }
 dd	{
 padding: 0;
  margin:  0;
font-color:#222;
font-size:.95em;

  } 

#homeSidebar ul { padding: 0; margin: 0 }
#homesSidebar h1 { width: 160px; }



#footer { text-align: center; background: #1e3724; padding: 8px; color: #fff; font-size: 12px; }
#footer .bullet { padding: 0 10px; }

/* PAGE SPECIFIC STYLES */



.packages_and_systems #mainContent { width: 100% }
#packagesTable { width: 100%; border-collapse: collapse; }
#packagesTable td { border: 1px solid #000; padding: 10px; }
#packagesTable .row_heading { width: 180px; }
.home #masterBox #content #mainColumn #homeSidebar .bigNews {
	font-size: 2em;
	color: #CEA920;
}
.about #masterBox #content .figure p,
.about #masterBox #content .figure3Projects p,
.about #masterBox #content .figure4Projects p,
.about #masterBox #content .figure5Projects p {
	font-style: italic;
	font-weight: bold;
	margin-left: 10px;
}

.home #masterBox #content #mainColumn2 .data td {
	font-size: 10px;
}