@charset "utf-8";
/* 
CSS Document
Site: http://www.conduitdevelopment.com
Author: JLOOP
Date: September 20, 2007
*/


	
a.call {
	display: none;
	}
	
a img {
	border: none;
	}
	
h4 {
	margin-bottom: 0;
	font-size: 11px;
	font-weight: bold;
	}
	
html, body {
	height: 100%;
	}

body {
	margin: 0;
	padding: 0;
	background: #DCD9CA url(img/gradient.gif) top center repeat-y;
	}
	
#container {
	height: 100%;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	}

#wrapper {
	width: 950px;
	background: #F0EEE2 url(img/bg.jpg) top center no-repeat;
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	}
	
html>body #wrapper {
	height: auto;
	}

#left_column {
	width: 186px;
	margin-top: 17px; /* Five extra pixels to account for raised tabs on the navbar */
	margin-left: 12px;
	float: left;
	}

#right_column {
	width: 726px;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 80px;
	float: right;
	background: none;
	}

#content {
	width: 726px;
	background: #FFFFFF url(img/gradient_column.gif) top center repeat-y;
	}
	
#content_footer {
	width: 726px;
	height: 3px;
	background: url(img/gradient_column_footer.gif) top center no-repeat;
	}

#flash_inset {
	width: 720px;
	height: 358px;
	margin-left: auto;
	margin-right: auto;
	}
	
#header {
	width: 720px;
	height: 146px;
	margin-left: auto;
	margin-right: auto;
	}

#copy {
	float: left;
	padding: 20px 20px 100px 20px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#copy a {
	color: #FF6600;
	text-decoration: none;
	}
	
#copy a:hover {
	text-decoration: underline;
	}
	
#modules {
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0 15px 30px 15px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-left: 1px solid #CCCCCC;
	}
	
.case_study_wrapper {
	border-top: 1px solid #CCCCCC;
	padding-bottom: 5px;
	}
	
.case_study_wrapper p {
	margin: 10px 170px 20px 0;
	}
	
.case_studies {
	float: right;
	width: 155px;
	margin-top: 10px;
	color: #004960;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

#case_study_header {
	display: inline;
	height: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#case_study_header li { 
	float: left;
	height: 18px;
	padding: 3px;
	}

#case_study_header a {
	padding: 2px 4px;
	font-size: 10px;
	color: #C6C3AC;
	border: 1px solid #C6C3AC;
	background-color: #F4F3EA;
	}
	
#case_study_header a:hover, #case_study_header a.select { 
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF6600; 
	}
	
.case_study_copy {
	padding: 10px;
	color: #676767;
	background-color: #F4F3EA;
	}
	
.case_study_copy p { margin-top: 0; }
	
.all_case_studies { 
	display: block;
	margin-left: 4px; 
	}

#gallery { margin-bottom: 10px; }
	
.sub_text {
	padding-top: 20px; 
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	}

.sub_text a {
	color: #999999;
	text-decoration: none;
	}
	
.sub_text a:hover {
	text-decoration: underline;
	}

.more_link {
	/*margin-top: -12px;*/
	/*float: right;*/
	color: #FF6600;
	text-decoration: underline;
	}
	
a:hover .more_link {
	text-decoration: none;
	}

.rule {
	height: 7px;
	margin-bottom: 10px;
	background: url(img/rule.gif) left repeat-x;
	}
	
.clear {
	clear: both;
	}
	
.workshop_schedule {
	float: left;
	width: 80px; 
	}
	
.icf_intro {
	width: 515px;
	height: 300px;
	}	
	
#footer {
	position: absolute;
	bottom: 0;
	height: 50px;
	width: 710px;
	padding-left: 220px;
	padding-right: 20px;
	background-color: #FFFFFF;
	}

/* -------------------------- Begin Button Styles -------------------------- */
	
.more_btn {
	position: absolute;
	width: 66px;
	height: 26px;
	margin-top: 10px;
	background-image: url(img/more_btn.jpg);
	}
	
.more_btn a {
	position: absolute;
	width: 66px;
	height: 26px;
	background-image: url(img/more_btn.jpg);
	}
	
.more_btn a:hover {
	background-image: url(img/more_btn_over.jpg);
	}
	
.apply_btn {
	position: absolute;
	width: 66px;
	height: 26px;
	margin-top: 10px;
	background-image: url(img/apply_btn.jpg);
	}
	
.apply_btn a {
	position: absolute;
	width: 66px;
	height: 26px;
	background-image: url(img/apply_btn.jpg);
	}
	
.apply_btn a:hover {
	background-image: url(img/apply_btn_over.jpg);
	}
	
.submit_btn {
	position: absolute;
	width: 66px;
	height: 26px;
	margin-top: 10px;
	background-image: url(img/submit_btn.jpg);
	}
	
.submit_btn a {
	position: absolute;
	width: 66px;
	height: 26px;
	background-image: url(img/submit_btn.jpg);
	}
	
.submit_btn a:hover {
	background-image: url(img/submit_btn_over.jpg);
	}
	
.contact_btn {
	position: absolute;
	width: 66px;
	height: 26px;
	margin-top: 10px;
	background-image: url(img/contact_btn2.jpg);
	}
	
.contact_btn a {
	position: absolute;
	width: 66px;
	height: 26px;
	background-image: url(img/contact_btn2.jpg);
	}
	
.contact_btn a:hover {
	background-image: url(img/contact_btn_over2.jpg);
	}

.register_btn {
	position: absolute;
	width: 79px;
	height: 26px;
	margin-top: 10px;
	background-image: url(img/register_btn.jpg);
	}
	
.register_btn a {
	position: absolute;
	width: 79px;
	height: 26px;
	background-image: url(img/register_btn.jpg);
	}
	
.register_btn a:hover {
	background-image: url(img/register_btn_over.jpg);
	}
	
.register_now_btn {
	position: absolute;
	width: 100px;
	height: 26px;
	margin-top: 10px;
	background-image: url(img/register_now_btn.jpg);
	}
	
.register_now_btn a {
	position: absolute;
	width: 100px;
	height: 26px;
	background-image: url(img/register_now_btn.jpg);
	}
	
.register_now_btn a:hover {
	background-image: url(img/register_now_btn_over.jpg);
	}
	
/* -------------------------- Begin List Styles -------------------------- */
	
.horizontal_list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
.horizontal_list li {
	background-color: #FFFFFF;
	width: 330px;
	height: 122px;
	float: left;
	display: block;
	margin: 0;
	padding-top: 10px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	}
	
.horizontal_list p {
	margin-left: 115px;
	margin-top: 0;
	}
	
.horizontal_list li img {
	float: left;
	border: 0;
	margin-right: 10px;
	}
	
.horizontal_list li a p {
	margin-right: 10px;
	margin-top: 20px;
	color: #666666;
	text-decoration: none;
	}
	
.horizontal_list li a:hover p {
	color: #FF6600;
	text-decoration: none;
	}
	
.vertical_list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
.vertical_list li {
	background-color: #FFFFFF;
	width: 163px;
	height: 313px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
	padding-top: 20px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	}
	
.vertical_list img {
	margin-top: 10px;
	}
	
.vertical_list li a {
	color: #FF6600;
	text-decoration: none;
	}
	
.vertical_list li a:hover {
	color: #FF6600;
	text-decoration: underline;
	}
	
.vertical_list li a img {
	border: 0;
	}
	
.vertical_list li p {
	height: 120px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #CCCCCC;
	}
	
#modules ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#modules li {
	background-color: #FFFFFF;
	width: 142px;
	margin-bottom: 10px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
#modules li a {
	color: #FF6600;
	}
	
#modules li a:hover {
	color: #FF6600;
	text-decoration: none;
	}
	
#modules li a img {
	border: 0;
	}
	
#modules li p {
	padding-left: 5px;
	padding-right: 5px;
	}
	
#content_nav ul {
	list-style: none;
	padding: 0;
	margin: -10px 0 20px 5px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
#content_nav li {
	background-color: #FFFFFF;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
	}
	
#content_nav li img {
	/*float: right;
	margin-top: -10px;*/
	float: left;
	margin-left: 140px;
	margin-top: -10px;
	}
	
#content_nav li a {
	color: #004960;
	font-weight: bold;
	text-decoration: none;
	}
	
#content_nav li a:hover {
	color: #FF6600;
	text-decoration: underline;
	}
	
#content_nav ul li ul {
	margin: 0 -20px 10px 10px;
	border: none;
	}
	
#content_nav ul li ul li {
	border: none;
	}
	
#content_nav p {
	margin-left: 5px;
	margin-top: 5px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#content_nav p a {
	color: #FF6600;
	text-decoration: none;
	}
	
#content_nav p a:hover {
	text-decoration: underline;
	}
	
.studies_list {
	margin-top: 5px;
	padding: 15px 0 15px 15px;
	border-top: 1px solid #CCCCCC;
	}
	
.studies_list a p, .studies_list a:visited p, .studies_list a h4 { color: #666666; }

.studies_list a:hover p, .studies_list a:hover h4 { 
	color: #FF6600;
	text-decoration: none;
	}
	
.studies_list h4 { margin-top: 0; }
	
.studies_list p { 
	margin-top: 5px; 
	margin-bottom: 20px;
	}
	
.studies_list img {
	float: left;
	margin-right: 5px; 
	}
		
.case_studies ul {
	list-style: none;
	margin: 5px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}
	
.case_studies li {
	list-style-image: none;
	height: 14px;
	background-color: #E6E4D5;
	padding: 4px 0 4px 3px;
	border-bottom: 1px solid #FFFFFF;
	}
	
.case_studies li a {
	color: #F58025;
	text-decoration: none;
	}
	
.case_studies li a:hover {
	text-decoration: underline;
	}
	
.case_studies li a img {
	border: 0;
	}

.faq { 
	list-style: none;
	margin-left: 0;
	padding: 0;
	}
  
.faq ul { 
	list-style-image: url(img/bullet.gif);
	padding-left: 40px;
	}

.faq_question { font-weight: bold; }
	
.faq_answer { 
	margin-top: 5px;
	margin-bottom: 15px; 
	}
	
a.print {
	float: right;
	height: 10px;
	padding-top: 5px;
	padding-right: 20px;
	font-size: 9px;
	background: url(img/print_icon.gif) no-repeat center right;
	cursor: pointer;
	}

/* -------------------------- Begin Nav Styles -------------------------- */

#navbar {
	position: relative;
	width: 726px;
	height: 38px;
	}

#navbar #home {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 38px;
	width: 123px;
	background-image: url(img/home_btn.jpg);
	}

#navbar #home a {
	position: absolute;
	bottom: 0px;
	height: 38px;
	width: 123px;
	background-image: url(img/home_btn.jpg);
	}

#navbar #home a:hover {
	background-image: url(img/home_btn_over.jpg);
	}

#navbar #who {
	position: absolute;
	top: 0px;
	left: 123px;
	height: 38px;
	width: 120px;
	background-image: url(img/who_btn.jpg);
	}

#navbar #who a {
	position: absolute;
	top: 0px;
	height: 38px;
	width: 120px;
	background-image: url(img/who_btn.jpg);
	}

#navbar #who a:hover {
	background-image: url(img/who_btn_over.jpg);
	}

#navbar #what {
	position: absolute;
	top: 0px;
	left: 243px;
	height: 38px;
	width: 120px;
	background-image: url(img/what_btn.jpg);
	}

#navbar #what a {
	position: absolute;
	top: 0px;
	height: 38px;
	width: 120px;
	background-image: url(img/what_btn.jpg);
	}

#navbar #what a:hover {
	background-image: url(img/what_btn_over.jpg);
	}

#navbar #simon {
	position: absolute;
	top: 0px;
	left: 363px;
	height: 38px;
	width: 120px;
	background-image: url(img/simon_btn.jpg);
	}

#navbar #simon a {
	position: absolute;
	top: 0px;
	height: 38px;
	width: 120px;
	background-image: url(img/simon_btn.jpg);
	}

#navbar #simon a:hover {
	background-image: url(img/simon_btn_over.jpg);
	}

#navbar #workshops {
	position: absolute;
	top: 0px;
	left: 483px;
	height: 38px;
	width: 120px;
	background-image: url(img/workshops_btn.jpg);
	}

#navbar #workshops a {
	position: absolute;
	top: 0px;
	height: 38px;
	width: 120px;
	background-image: url(img/workshops_btn.jpg);
	}

#navbar #workshops a:hover {
	background-image: url(img/workshops_btn_over.jpg);
	}

#navbar #contact {
	position: absolute;
	top: 0px;
	left: 603px;
	height: 38px;
	width: 123px;
	background-image: url(img/contact_btn.jpg);
	}

#navbar #contact a {
	position: absolute;
	top: 0px;
	height: 38px;
	width: 123px;
	background-image: url(img/contact_btn.jpg);
	}

#navbar #contact a:hover {
	background-image: url(img/contact_btn_over.jpg);
	}

/* -------------------------- Begin Sub Nav Styles -------------------------- */

#sub_nav {
	width: 180px;
	margin-top: 25px;
	margin-left: 3px;
	margin-right: 3px;
	}
	
#sub_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#sub_nav li {
	width: 175px;
	height: 17px;
	margin: 0;
	padding-top: 3px;
	padding-left: 5px;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
	
#sub_nav li a {
	color: #666666;
	font-size: 9px;
	text-decoration: none;
	}
	
#sub_nav li a:hover {
	color: #FF6600;
	text-decoration: underline;
	}

/* -------------------------- Begin Content Nav Styles -------------------------- */

#content_nav {
	float: left;
	width: 148px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	}

/* -------------------------- Begin ICF Nav Styles -------------------------- */

#icf_nav {
	float: right;
	width: 150px;
	margin: 20px 0 0 20px;
	padding: 0;
	list-style: none;
	}
	
#icf_nav li { 
	float: right; 
	margin-bottom: 20px;
	}

#icf_nav li a {
	display: block;
	width: 150px;
	height: 26px;
	text-indent: -9000px;
	}

li.prof_icf_btn, .prof_icf_btn a { background-image: url(img/professional_icf_installation_btn.jpg); }
	
.prof_icf_btn a:hover, .prof_icf_btn a.selected { background-image: url(img/professional_icf_installation_btn_over.jpg); }

li.about_icf_btn, .about_icf_btn a { background-image: url(img/about_icf_btn.jpg); }
	
.about_icf_btn a:hover, .about_icf_btn a.selected { background-image: url(img/about_icf_btn_over.jpg); }

li.current_projects_btn, .current_projects_btn a { background-image: url(img/current_projects_btn.jpg); }
	
.current_projects_btn a:hover, .current_projects_btn a.selected { background-image: url(img/current_projects_btn_over.jpg); }

li.green_build_btn, .green_build_btn a { background-image: url(img/green_build_btn.jpg); }
	
.green_build_btn a:hover, .green_build_btn a.selected { background-image: url(img/green_build_btn_over.jpg); }

li.arxx_benefit_btn, .arxx_benefit_btn a { background-image: url(img/arxx_benefit_btn.jpg); }
	
.arxx_benefit_btn a:hover, .arxx_benefit_btn a.selected { background-image: url(img/arxx_benefit_btn_over.jpg); }

li.case_studies_btn, .case_studies_btn a { background-image: url(img/case_studies_btn.jpg); }
	
.case_studies_btn a:hover, .case_studies_btn a.selected { background-image: url(img/case_studies_btn_over.jpg); }

li.faq_btn, .faq_btn a { background-image: url(img/faq_btn.jpg); }
	
.faq_btn a:hover, .faq_btn a.selected { background-image: url(img/faq_btn_over.jpg); }

li.video_btn, .video_btn a { background-image: url(img/video_btn.jpg); }
	
.video_btn a:hover, .video_btn a.selected { background-image: url(img/video_btn_over.jpg); }

li.icf_essentials_btn, .icf_essentials_btn a { background-image: url(img/icf_essentials_btn.jpg); }
	
.icf_essentials_btn a:hover, .icf_essentials_btn a.selected { background-image: url(img/icf_essentials_btn_over.jpg); }

li.icf_workshops_btn, .icf_workshops_btn a { background-image: url(img/icf_workshops_btn.jpg); }
	
.icf_workshops_btn a:hover, .icf_workshops_btn a.selected { background-image: url(img/icf_workshops_btn_over.jpg); }

li.green_intro_btn, .green_intro_btn a { background-image: url(img/green_intro_btn.jpg); }
	
.green_intro_btn a:hover, .green_intro_btn a.selected { background-image: url(img/green_intro_btn_over.jpg); }

li.green_facts_btn, .green_facts_btn a { background-image: url(img/green_facts_btn.jpg); }
	
.green_facts_btn a:hover, .green_facts_btn a.selected { background-image: url(img/green_facts_btn_over.jpg); }

li.green_organizations_btn, .green_organizations_btn a { background-image: url(img/green_organizations_btn.jpg); }
	
.green_organizations_btn a:hover, .green_organizations_btn a.selected { background-image: url(img/green_organizations_btn_over.jpg); }

li.green_techniques_btn, .green_techniques_btn a { background-image: url(img/green_techniques_btn.jpg); }
	
.green_techniques_btn a:hover, .green_techniques_btn a.selected { background-image: url(img/green_techniques_btn_over.jpg); }

li.green_network_btn, .green_network_btn a { background-image: url(img/green_network_btn.jpg); }
	
.green_network_btn a:hover, .green_network_btn a.selected { background-image: url(img/green_network_btn_over.jpg); }

li.green_talk_btn, .green_talk_btn a { background-image: url(img/green_talk_btn.jpg); }
	
.green_talk_btn a:hover, .green_talk_btn a.selected { background-image: url(img/green_talk_btn_over.jpg); }

li.materials_btn, .materials_btn a { background-image: url(img/materials_btn.jpg); }
	
.materials_btn a:hover, .materials_btn a.selected { background-image: url(img/materials_btn_over.jpg); }

li.icf_solutions_btn, .icf_solutions_btn a { background-image: url(img/icf_solutions_btn.jpg); }
	
.icf_solutions_btn a:hover, .icf_solutions_btn a.selected { background-image: url(img/icf_solutions_btn_over.jpg); }

li.green_living_btn, .green_living_btn a { background-image: url(img/green_living_btn.jpg); }
	
.green_living_btn a:hover, .green_living_btn a.selected { background-image: url(img/green_living_btn_over.jpg); }	

/* -------------------------- Misc -------------------------- */
	
.icf { 
	width: 515px; 
	margin-bottom: 5px;
	text-align: left;
	border: 1px solid #BBB;
	}

.icf thead th, .icf tbody td { 
	padding: 0.25em; 
	padding-left: 0.5em;
	text-align: left;
	border-right: 1px solid #BBB;
	} 
	
.icf .final { border: none; }

.icf .odd { background-color: #DDD; }

.bold { font-weight: bold; }

.italic { font-style: italic; }