/* SUSTAINMENT DEVPACK STYLE SHEET																				*/
/* Copyright (c) Medusaworks Oy 2007/ML																	*/

/* COMMON STYLES */

html {
	width: 100%;
	}

body {
	width: 100%;
	margin: 0px;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 112%;
	color: #000000;
	background: #ffffff url(./imgs/body-bk.gif) repeat-x;
	}

#frame {
	position: relative;
	width: 955px;
	margin: 0px auto;
	border-left: 1px solid #767676;
	border-right: 1px solid #767676;
	text-align: left;
	font-size: 62%;
	background-color: #ffffff;
	}

.clrbrk {
	clear: both;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	}

a {
	color: #922812;
	text-decoration: none;
	}
a img {
	border: none;
	}
h2 {
	font-size: 1.6em;
	font-weight: bold;
	margin: 6px 0px 16px 0px;
	color: #646464;
	}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 6px 0px 6px 0px;
	}
h4 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 6px 0px 6px 0px;
	}
h6 {
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
	margin: 3px 0px 2px 0px;
	}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px;
	}

/* TOP BAR AND SECONDARY NAVIGATION PATH */

#top {
	width: 953px;
	height: 80px;
	background: url(./imgs/topmenu-intro.gif) no-repeat;
	}

body#resources #top {
	background: url(./imgs/topmenu-intro.gif) no-repeat;
	}

body#layout1 #top {
	background: url(./imgs/topmenu-layout_1.gif) no-repeat;
	}
body#layout2 #top {
	background: url(./imgs/topmenu-layout_2.gif) no-repeat;
	}
body#layout3 #top {
	background: url(./imgs/topmenu-layout_3.gif) no-repeat;
	}
body#layout4 #top {
	background: url(./imgs/topmenu-layout_4.gif) no-repeat;
	}
body#layout5 #top {
	background: url(./imgs/topmenu-layout_5.gif) no-repeat;
	}

body#construct1 #top {
	background: url(./imgs/topmenu-construct_1.gif) no-repeat;
	}
body#construct2 #top {
	background: url(./imgs/topmenu-construct_2.gif) no-repeat;
	}
body#construct3 #top {
	background: url(./imgs/topmenu-construct_3.gif) no-repeat;
	}
body#construct4 #top {
	background: url(./imgs/topmenu-construct_4.gif) no-repeat;
	}
body#construct5 #top {
	background: url(./imgs/topmenu-construct_5.gif) no-repeat;
	}

body#function1 #top {
	background: url(./imgs/topmenu-function_1.gif) no-repeat;
	}
body#function2 #top {
	background: url(./imgs/topmenu-function_2.gif) no-repeat;
	}
body#function3 #top {
	background: url(./imgs/topmenu-function_3.gif) no-repeat;
	}
body#function4 #top {
	background: url(./imgs/topmenu-function_4.gif) no-repeat;
	}
body#function5 #top {
	background: url(./imgs/topmenu-function_5.gif) no-repeat;
	}

body#basement1 #top {
	background: url(./imgs/topmenu-basement_1.gif) no-repeat;
	}
body#basement2 #top {
	background: url(./imgs/topmenu-basement_2.gif) no-repeat;
	}
body#basement3 #top {
	background: url(./imgs/topmenu-basement_3.gif) no-repeat;
	}
body#basement4 #top {
	background: url(./imgs/topmenu-basement_4.gif) no-repeat;
	}
body#basement5 #top {
	background: url(./imgs/topmenu-basement_5.gif) no-repeat;
	}

body#foundation1 #top {
	background: url(./imgs/topmenu-foundation_1.gif) no-repeat;
	}
body#foundation2 #top {
	background: url(./imgs/topmenu-foundation_2.gif) no-repeat;
	}
body#foundation3 #top {
	background: url(./imgs/topmenu-foundation_3.gif) no-repeat;
	}
body#foundation4 #top {
	background: url(./imgs/topmenu-foundation_4.gif) no-repeat;
	}
body#foundation5 #top {
	background: url(./imgs/topmenu-foundation_5.gif) no-repeat;
	}

#top ul#topmenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
#top ul#topmenu li {
	float: left;
	list-style: none;
	padding: 0px;
	width: 173px;
	height: 20px;
	padding: 2px 0px 0px 10px;
	font-size: 1.2em;
	display: block;
	font-weight: bold;
	color: #a0a0a0;
	}
#top ul#topmenu li a {
	color: #a0a0a0;
	}
#top ul#topmenu li a.active {
	font-weight: bold;
	color: #000000;
	}

/* LEFT COLUMN AND MAIN NAVIGATION */

#left {
	position: relative;
	float: left;
	width: 182px;
	}
#left .leftimgwrap {
	text-align: center;
	width: 180px;
	height: 200px;
	margin: 0px;
	}

#left .leftimgwrap_city {
	text-align: center;
	width: 180px;
	height: 200px;
	margin: 0px;
	}

#left .leftimgwrap_eg {
	text-align: center;
	width: 180px;
	height: 200px;
	margin: 0px;
	}

body.whatis #left .leftimgwrap {
	background: url(./imgs/illo_welcome2_sm.gif) bottom center no-repeat;
	}

body.foundation #left .leftimgwrap {
	background: url(./imgs/illo_foundation0.gif) bottom center no-repeat;
	}
body.basement #left .leftimgwrap {
	background: url(./imgs/illo_basement0.gif) bottom center no-repeat;
	}
body.function #left .leftimgwrap {
	background: url(./imgs/illo_function0.gif) bottom center no-repeat;
	}
body.construct #left .leftimgwrap {
	background: url(./imgs/illo_construct0.gif) bottom center no-repeat;
	}
body.layout #left .leftimgwrap {
	background: url(./imgs/illo_layout0.gif) bottom center no-repeat;
	}

/* City */
body.foundation #left .leftimgwrap_city {
	background: url(./imgs/illo_foundation_city.gif) bottom center no-repeat;
	}
body.basement #left .leftimgwrap_city {
	background: url(./imgs/illo_basement_city.gif) bottom center no-repeat;
	}
body.function #left .leftimgwrap_city {
	background: url(./imgs/illo_function_city.gif) bottom center no-repeat;
	}
body.construct #left .leftimgwrap_city {
	background: url(./imgs/illo_construct_city.gif) bottom center no-repeat;
	}
body.layout #left .leftimgwrap_city {
	background: url(./imgs/illo_layout_city.gif) bottom center no-repeat;
	}

/* Expert Guidance */

body.foundation #left .leftimgwrap_eg {
	background: url(./imgs/illo_foundation_eg.gif) bottom center no-repeat;
	}
body.basement #left .leftimgwrap_eg {
	background: url(./imgs/illo_basement_eg.gif) bottom center no-repeat;
	}
body.function #left .leftimgwrap_eg {
	background: url(./imgs/illo_function_eg.gif) bottom center no-repeat;
	}
body.construct #left .leftimgwrap_eg {
	background: url(./imgs/illo_construct_eg.gif) bottom center no-repeat;
	}
body.layout #left .leftimgwrap_eg {
	background: url(./imgs/illo_layout_eg.gif) bottom center no-repeat;
	}


#left #tip {
	position: absolute;
	top: 440px;
	left: 0px;
	width: 125px;
	min-height: 100px;
	padding-left: 50px;
	color: #cc0000;
	background: url(./imgs/tip.gif) no-repeat;
	padding-bottom: 66px;
	display: block;
	}

#leftmenu {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 182px;
	padding: 0px 0px 21px 0px;
	background: url(./imgs/leftmenu_bottom.gif) repeat-x bottom left;
	}
#leftmenu-top {
	width: 182px;
	height: 21px;
	background: url(./imgs/leftmenu_top.gif) repeat-x top left;
	}
#leftmenu a {
	display: block;
	width: 150px;
	height: 26px;
	line-height: 26px;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 0px 0px 32px;
	}
#leftmenu a.home {
	color: #646464;
	background: url(imgs/leftmenu_home.gif) no-repeat;
	}
#leftmenu a.credits {
	color: #676767;
	background: url(imgs/leftmenu_home.gif) no-repeat;
	}
#leftmenu a.resources {
	color: #646464;
	background: url(imgs/leftmenu_1_off.gif) no-repeat;
	}
#leftmenu a.layout {
	color: #ffffff;
	background: url(imgs/leftmenu_2_off.gif) no-repeat;
	}
#leftmenu a.construct {
	color: #ffffff;
	background: url(imgs/leftmenu_3_off.gif) no-repeat;
	}
#leftmenu a.function {
	color: #ffffff;
	background: url(imgs/leftmenu_4_off.gif) no-repeat;
	}
#leftmenu a.basement {
	color: #ffffff;
	background: url(imgs/leftmenu_5_off.gif) no-repeat;
	}
#leftmenu a.foundation {
	color: #ffffff;
	background: url(imgs/leftmenu_6_off.gif) no-repeat;
	}
body.resources #leftmenu a.resources {
	color: #999999;
	background: url(imgs/leftmenu_1_on.gif) no-repeat;
	}
body.layout #leftmenu a.layout {
	color: #ffffff;
	background: url(imgs/leftmenu_2_on.gif) no-repeat;
	}
body.construct #leftmenu a.construct {
	color: #ffffff;
	background: url(imgs/leftmenu_3_on.gif) no-repeat;
	}
body.function #leftmenu a.function {
	color: #ffffff;
	background: url(imgs/leftmenu_4_on.gif) no-repeat;
	}
body.basement #leftmenu a.basement {
	color: #ffffff;
	background: url(imgs/leftmenu_5_on.gif) no-repeat;
	}
body.foundation #leftmenu a.foundation {
	color: #ffffff;
	background: url(imgs/leftmenu_6_on.gif) no-repeat;
	}



/* CONTENT */

#content {
	position: relative;
	width: 700px;
	margin: 0px 20px 0px 182px !important;
	margin: 0px 20px 0px 179px; 
	padding: 20px 0px 0px 30px;
	border-left: 1px solid #767676;
	}
#content h2 {
	width: 480px;
	}

body.foundation #content h2, body.foundation #content h4, body.foundation #content .optionlinkwrap a, body.foundation #content .optionlinkwrapeg a {
	color: #d84a44;
	}
body.basement #content h2, body.basement #content h4, body.basement #content .optionlinkwrap a, body.basement #content .optionlinkwrapeg a {
	color: #bad532;
	}
body.function #content h2, body.function #content h4, body.function #content .optionlinkwrap a, body.function #content .optionlinkwrapeg a{
	color: #3891b1;
	}
body.construct #content h2, body.construct #content h4, body.construct #content .optionlinkwrap a, body.construct #content .optionlinkwrapeg a {
	color: #ffce2b;
	}
body.layout #content h2, body.layout #content h4, body.layout #content .optionlinkwrap a,body.layout #content .optionlinkwrapeg a {
	color: #fa96c7;
	}

#content p, #content ul, #content ol {
	width: 480px;
	line-height: 16px;
	margin: 8px 0px 8px 0px;
	font-size: 1.1em;
}

#content p {
	text-align: justify;
}

#content .imgwrap {
	text-align: center;
	width: 520px;
	margin: 10px 0px 0px 0px;
	}
#content img.illo {
	}
#content a.nextpg {
	display: block;
	float: right;
	width: 144px;
	height: 47px;
	margin-top: 100px;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	padding: 28px 0px 0px 14px;
	}

body.welcome #content a.nextpg {
	background: url(./imgs/next_red.gif) no-repeat;
	}
body.whatis #content a.nextpg {
	background: url(./imgs/next_red.gif) no-repeat;
	}
body.foundation #content a.nextpg {
	background: url(./imgs/next_red.gif) no-repeat;
	}
body.basement #content a.nextpg {
	background: url(./imgs/next_green.gif) no-repeat;
	}
body.function #content a.nextpg {
	background: url(./imgs/next_blue.gif) no-repeat;
	}
body.construct #content a.nextpg {
	background: url(./imgs/next_yellow.gif) no-repeat;
	}
body.layout #content a.nextpg {
	background: url(./imgs/next_pink.gif) no-repeat;
	}

a.nextpg_frame {
	background: url(./imgs/next_green.gif) no-repeat;
	}
a.nextpg_function {
	background: url(./imgs/next_blue.gif) no-repeat;
	}
a.nextpg_construct {
	background: url(./imgs/next_yellow.gif) no-repeat;
	}
a.nextpg_layout {
	background: url(./imgs/next_pink.gif) no-repeat;
	}
a.nextpg_blueprint {
	background: url(./imgs/next_blue.gif) no-repeat;
	}

#content a.prevpg {
	display: block;
	width: 200px;
	height: 20px;
	color: #d84a44;
	font-size: 1.0em;
	font-weight: bold;
	padding: 3px 0px 0px 34px;
	margin-top: 30px;
	background: url(./imgs/prev_red.gif) no-repeat;
}
#content em {
	color: #d84a44;
	font-style: italic;	
}

#content table.questions {
	margin-top: 15px;
}

#content table.questions td {
	width: 160px;
	height: 140px;
	vertical-align: top;
	background-color: #b3b3b3;
	border-left: 15px solid #ffffff;
}

#content table.questions td p {
	text-align: left;
	font-size: 0.9em;
}

body.foundation #content table.questions td {
	background: url(imgs/question-bk-foundation.gif) no-repeat top left;
	}
body.basement #content table.questions td {
	background: url(imgs/question-bk-basement.gif) no-repeat top left;
	}
body.function #content table.questions td {
	background: url(imgs/question-bk-function.gif) no-repeat top left;
	}
body.construct #content table.questions td {
	background: url(imgs/question-bk-construct.gif) no-repeat top left;
	}
body.layout #content table.questions td {
	background: url(imgs/question-bk-layout.gif) no-repeat top left;
	}

#content table.questions .questionbullet {
	position: absolute;
	width: 28px;
	height: 30px;
	margin: -15px 0px 0px -15px;
	padding-right: 2px;
	text-align: center;
	line-height: 28px;
	font-size: 1.4em;
	font-weight: bold;
	color: #ffffff;
	}
body.foundation #content table.questions .questionbullet {
	background: url(imgs/question-blt-foundation.gif) no-repeat;
	}
body.basement #content table.questions .questionbullet {
	background: url(imgs/question-blt-basement.gif) no-repeat;
	}
body.function #content table.questions .questionbullet {
	background: url(imgs/question-blt-function.gif) no-repeat;
	}
body.construct #content table.questions .questionbullet {
	background: url(imgs/question-blt-construct.gif) no-repeat;
	}
body.layout #content table.questions .questionbullet {
	background: url(imgs/question-blt-layout.gif) no-repeat;
	}

#content table.questions p {
	width: 130px;
	padding: 0px 8px 0px 8px;
	margin-top: 10px;
	font-size: 0.9em;
	line-height: 1.05em;
}
#content table.questions a.select {
	display: block;
	position: absolute;
	margin: 96px 0px 0px 22px;
	width: 94px;
	height: 20px;
	line-height: 20px;
	background:	url(imgs/option_select_124.gif) no-repeat;
	padding-left: 32px;
}

#content .optionlinkwrap {
	display: block;
	width: 650px;
	height: 55px;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	}

#content .optionlinkwrapeg {
	display: block;
	width: 500px;
	height: 55px;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	}

body.foundation #content .optionlinkwrap {
	background: url(./imgs/optionlink-bk-foundation.gif) no-repeat;
	}
body.basement #content .optionlinkwrap {
	background: url(./imgs/optionlink-bk-basement.gif) no-repeat;
	}
body.function #content .optionlinkwrap {
	background: url(./imgs/optionlink-bk-function.gif) no-repeat;
	}
body.construct #content .optionlinkwrap {
	background: url(./imgs/optionlink-bk-construct.gif) no-repeat;
	}
body.layout #content .optionlinkwrap {
	background: url(./imgs/optionlink-bk-layout.gif) no-repeat;
	}

body.foundation #content .optionlinkwrapeg {
	background: url(./imgs/expertguidance_foundation.gif) no-repeat;
	}
body.basement #content .optionlinkwrapeg {
	background: url(./imgs/expertguidance_frame.gif) no-repeat;
	}
body.function #content .optionlinkwrapeg {
	background: url(./imgs/expertguidance_function.gif) no-repeat;
	}
body.construct #content .optionlinkwrapeg {
	background: url(./imgs/expertguidance_construct.gif) no-repeat;
	}
body.layout #content .optionlinkwrapeg {
	background: url(./imgs/expertguidance_layout.gif) no-repeat;
	}

body.resources #content .optionlinkwrap {
	margin-bottom: 8px;
	}
body.resources #content .optionlinkwrap a {
	color: #000000;
	margin-bottom: 8px;
	}
body.resources #content .optionlinkwrap#res1 {
	background: url(./imgs/optionlink-bk-resources1.gif) no-repeat;
	}
body.resources #content .optionlinkwrap#res2 {
	background: url(./imgs/optionlink-bk-resources2.gif) no-repeat;
	}
body.resources #content .optionlinkwrap#res3 {
	background: url(./imgs/optionlink-bk-resources3.gif) no-repeat;
	}
body.resources #content .optionlinkwrap#res4 {
	background: url(./imgs/optionlink-bk-resources4.gif) no-repeat;
	}

#content a.optionlink {
	display: block;
	width: 400px;
	height: 55px;
	line-height: 55px;
	color: #ffffff;
	font-size: 1.6em;
	font-weight: bold;
	padding-left: 34px;
	}

body.resources #content a.optionlink {
	width: 600px;
}

body.foundation #content a.optionlink {
	background: url(./imgs/optionlink-blt-foundation.gif) no-repeat center left;
	}
body.basement #content a.optionlink {
	background: url(./imgs/optionlink-blt-basement.gif) no-repeat center left;
	}
body.function #content a.optionlink {
	background: url(./imgs/optionlink-blt-function.gif) no-repeat center left;
	}
body.construct #content a.optionlink {
	background: url(./imgs/optionlink-blt-construct.gif) no-repeat center left;
	}
body.layout #content a.optionlink {
	background: url(./imgs/optionlink-blt-layout.gif) no-repeat center left;
	}
body.resources #content a.optionlink {
	background: url(./imgs/optionlink-blt-resources.gif) no-repeat center left;
	}



#content table.expertguidance {
	}

#content table.expertguidance .col1, #content table.expertguidance .col3 {
	width: 151px;
	}
#content table.expertguidance .col2 {
	width: 378px;
	}
#content table.expertguidance td.col1, #content table.expertguidance td.col3 {
	background: url(./imgs/expertguidance-tbl-col13-bk.gif) no-repeat bottom left;
	}
#content table.expertguidance td.col2 {
	background: url(./imgs/expertguidance-tbl-col2-bk.gif) no-repeat bottom left;
	}

#content table.expertguidance th {
	vertical-align: top;
	padding: 0px;
	}
#content table.expertguidance td {
	vertical-align: top;
	padding: 0px;
	border-right: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
	}
#content table.expertguidance th h4 {
	width: auto;
	color: #000000;
	margin: 0px;
	}
#content table.expertguidance td h4 {
	width: auto;
	color: #000000;
	margin: 0px 10px 0px 10px;
	}
#content table.expertguidance p {
	width: auto;
	margin: 0px 10px 10px 10px;
	font-size: 0.9em;
	line-height: 1.2em;
	}
#content table.expertguidance img {
	display: block;
	margin: 0px;
	}
#content table.expertguidance img.icon {
	display: block;
	float: right;
	margin: 0px 6px 6px 0px;
	}

#content .contentblock {
	width: 312px;
	height: 273px;
	float: left;
	margin: 0px 15px 10px 0px;
	padding: 5px;
	background: url(imgs/howthissite-bk.gif) no-repeat;
	text-align: center;
	}
#content .contentblock img {
	margin: 0px auto;
	}
#content .contentblock p {
	width: 300px;
	margin: 2px 10px 5px 10px;
	text-align: left;
	line-height: 14px;
	}
#content .contentblock em {
	font-style: normal;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	}

/* FOOTER */

#footer {
	clear: both;
	width: 953px;
	height: 56px;
	padding: 26px 0px 0px 0px;
	}
a#logo {
	font-size: 0px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}
a#logo img {
	border: 0px;
	}

label {
	text-align: left;
	margin-right: 0.5em;
}

form fieldset {
	margin: 0;
	border-color: #f0f0f0;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
}

div.hidden { 
	display: none; 
}

label {
	width: 120px;
	text-align: left;
	display: block;
	float: left;
}

#blueprint_table table th { width: 20%; }

body#resources2 #left .leftimgwrap {
	background: url(./imgs/illo_foundation_city.gif) bottom center no-repeat;
	}

body#resources4 #left .leftimgwrap {
	background: url(./imgs/illo_reading.gif) bottom center no-repeat;
	}