/******************************************************************************************
 *********************                     GENERIC                   **********************
 ******************************************************************************************/


h3.debug { clear: both; margin-top: 20px; padding-top: 20px; border-top: 1px dotted #666; color: #666;}
.debug { font-size: 70%;  color: #666;margin: 0; }
.clear { clear: both;}
.debug {  }
iframe { width: 1px; height: 1px; border: none; }

/********** CMS **********/

.editor_edit { float: right; }

/***************************** DEFINING THE MAIN LOOK & FEEL ******************************/

body {
	width: 790px; margin: auto; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
	color: #666;
	background:  url(/img/generic/grad_v.gif) repeat-x fixed 0 0;
}

h1 { font-size: 20px; margin-bottom: 22px; font-weight: normal; width: 425px;}

a:link { color:#006699; text-decoration:underline; }
a:visited { color:#cc33ff; text-decoration:underline; }
a:hover { color:#004D8F; text-decoration:underline; }


#site_notify p,
#site_errors p { padding: 5px 20px; margin: 2px 0;font-weight: bold; }
#site_notify p { background: #efe; color: #292; }
#site_errors p { background: #fdd; color: #900; }

#supercontainer { width: 730px; padding: 0 30px;;background: white; padding-bottom: 20px;}

/********** HEADER *******/

#header {
	height: 65px; background: url(/img/generic/header_bottom.gif) no-repeat left bottom;
	margin-top: 47px;
}
#logo { float: left;}
#contact_link { float: right; text-align: right; margin-top: 10px; }
#contact_link a { color: #006699;}
#contact_link a:visited { color: #cc33ff;}


/********** FOOTER *******/

#footer { clear: both; width: 570px; border-top: 1px solid #848484; margin-left: 160px; margin-top: 1px;}
#footer ul { }
#footer li { display: inline; float: left; margin: 8px 0; padding: 0 7px; border-right: 1px solid #666; line-height: 1em;}
#footer a { color: #006699; }
#footer a:visited { color: #cc33ff }
#footer #footer_aboutus { padding-left: 0; }
#footer #footer_contactus { border: none; padding-right: 0;}

/********** MENU *********/

#menu { 
	float: left; width: 134px; margin-right: 26px; display: inline;
	height: 555px; position: relative; 
	border-bottom: 1px solid #848484; 
}
#menu_address {
	position: absolute;
	bottom: 15px;
}
/*
#menu .menu li { margin-bottom: 8px; }
#menu .menu #menu_contactus { margin-bottom: 0; }
#menu .menu li a { 
	display: block; width: 134px; height: 11px; padding: 0; margin: 0;
	text-indent: -9999px; background-position: 0 1px; background-repeat: no-repeat;
}
#menu .menu li a:hover,
#menu .menu li.selected a { background-position: 0 -10px; }
#menu #menu_home a { background-image: url(/img/nav/home.gif); }
#menu #menu_aboutus a { background-image: url(/img/nav/about.gif); }
#menu #menu_whatwedo a { background-image: url(/img/nav/what.gif); }
#menu #menu_methodology a { background-image: url(/img/nav/method.gif); }
#menu #menu_projects a { background-image: url(/img/nav/projects.gif); }
#menu #menu_network a { background-image: url(/img/nav/network.gif); }
#menu #menu_contactus a { background-image: url(/img/nav/contact.gif); }
*/

#menu .menu li a,
#menu .menu li a:visited { color: #666;font-weight: bold; text-decoration: none; font-size: 110%; }
#menu .menu li a:hover,
#menu .menu li.selected a {color:#004D8F;}
#menu .submenu { margin-top: 43px; }
#menu .submenu li { 
	padding: 5px 0 4px 0; border-bottom: 1px solid #848484;
	font-size:10px; line-height:12px;
}
#menu .submenu a { text-decoration: none; }
#menu .submenu li.selected a { color:#004D8F;  }

/********** MAIN *********/

#main { margin-top: 48px;}

/********** CONTENT ******/

#content { width: 570px; float: left; display: inline; padding-bottom: 15px; }
#content #container{ width: 437px; min-height: 539px; }

#factlife { 
	width: 111px; float: right;
	padding-bottom: 15px; border-bottom: 1px solid #848484;
}
#factlife h3 { padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px solid #848484; }

#container p { margin-top: 10px;margin-bottom: 10px;}

#content table { }
#content table h3,
#content table h4,
#content table p { margin-left: 10px; margin-top: 0;} 
#content table h3 { border-top: 1px solid #848484; padding-top: 10px; margin-bottom: 10px;}
#content table h4 { margin-top: 5px; margin-bottom: 10px;}

#content strong { font-weight: bold; }

#content ul { list-style: square; padding-left: 15px; }

#container blockquote { margin-left: 15px;}

/********** HEADINGS ****

#about_profile h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_about_profile.gif) no-repeat 0 0; }
#about_background h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_about_bg.gif) no-repeat 0 0; }
#about_why_are_we_doing_this h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_about_why.gif) no-repeat 0 0; }
#what_we_do_overview h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_what_overview.gif) no-repeat 0 0; }
#what_we_do_value_creation h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_what_value.gif) no-repeat 0 0; }
#what_we_do_sustainable_development h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_what_sus_dev.gif) no-repeat 0 0; }
#what_we_do_environment h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_what_env.gif) no-repeat 0 0; }
#methodology_modern_construction_methods h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_method_mod_con.gif) no-repeat 0 0;}
#methodology_cost_savings h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_method_cost.gif) no-repeat 0 0; }
#projects h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_projects.gif) no-repeat 0 0; }
#network h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_network.gif) no-repeat 0 0; }
#contact h1 { display: block; width: 400px; height: 20px; text-indent: -9999px; background: url(/img/headings/h_contact.gif) no-repeat 0 0; }
*/


/*********** HOME *******/

#home #content,
#home #content #container { width: 570px; padding-bottom: 0px;}
#home #content #container p { width: 447px; }
#home #factlife { width: 101px; float: right; }
	

/*********** RSS ********/

#factlife.rss { border-bottom: none; }
.rss h4 { font-weight: normal; margin: 5px 0; }
.rss h4 a { color: #006699;}
.rss h4 a:visited { color: #cc33ff;}

.rss .hr { border-top: 1px solid #ccc; padding-top: 4px;}