/**
 * Colors
 *  Dark Blue: #454c6a
 *  Darker Blue: #6e738c
 *  Lighter Blue: #b0b8d9
 *  Green: #9fb0a1
 *  Lighter Red: #d47668
 *  Darker Red: #b33c2b
 */
/** RESETS **/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0;
}

ul, ol {
	list-style:none;
}

fieldset, img {
	border:0;
}

/** GENERAL **/
body {
	background:#ebe7e7;
	/*color:#454c6a;*/
	/*color:#242737;*/
	color:#343a50;
	font-family:Tahoma, Arial, sans-serif;
	font-size:75%;
	line-height:1.3;
}

a {
	color:#b33c2b;
	text-decoration:none;
}

	a:hover {
		text-decoration:underline;
	}

div#container {
	margin:auto;
	width:960px;
}

	.hot {
		color:rgb(212, 118, 104);
		font-weight:bold;
	}

	.cold {
 		color:rgb(54, 95, 145);
		font-weight:bold;
	}

	.greentext {
 		color:#2f7f27;
	}

	.efficienttext {
 		color:#6e738c;
	}
	.simpletext {
 		color:#718c6e;
	}

/** HEADER **/
div#header {
	background:#d1d4e2 url(../images/header-bg.png) no-repeat 0 100%;
	height:76px;
	margin-bottom:10px;
	padding:2px 7px;
	position:relative;
}

	div#header a {
		color:#343a50;
	}

a#logo {
	display:block;
	height:76px;
	line-height:76px;
	position:relative;
	text-decoration:none;
	width:428px;
}

	a#logo img {
		display:block;
		left:0;
		position:absolute;
		top:0;
	}

	a#logo span {
		visibility:hidden;
	}

div#header ul.menu {
	bottom:0;
	float:right;
	font-size:1.2em;
	position:absolute;
	right:20px;
}

	div#header ul.menu li {
		float:left;
		margin:0 3px;
		padding:0 0 0 5px;
	}
		
		div#header ul.menu li a {
			display:block;
			padding:0 5px 0 0;
			line-height:1.4;
			outline:0;
		}

			div#header ul.menu li a span {
				display:block;
				padding:3px .1em;
			}

		div#header ul.menu li:hover,
		div#header ul.menu li.hover {
			background:url(../images/menu-hover-bg1.png) no-repeat 0 0;
		}

			div#header ul.menu li:hover li,
			div#header ul.menu li.hover li {
				background:transparent;
			}

			div#header ul.menu li:hover a,
			div#header ul.menu li.hover a {
				background:url(../images/menu-hover-bg2.png) no-repeat 100% 0;
			}

				div#header ul.menu li:hover li a,
				div#header ul.menu li.hover li a {
					background:transparent;
				}

			div#header ul.menu li a:hover,
			div#header ul.menu li a.hover {
				text-decoration:none;
			}

			div#header ul.menu > li.active > a span {
				border-bottom:3px solid #b0b8d9;
				display:block;
				padding-bottom:0;
			}

			/** 2nd Level **/
			div#header ul.menu li.parent {
				position:relative;
				z-index:20;
			}
			div#header ul.menu li.parent ul {
				display:none;
				position:absolute;
				width:170px;
				z-index:-1;
			}

				div#header ul.menu li.hover ul {
					display:block;
					left:-3px;
					top:22px;
				}

				div#header ul.menu li.parent ul li {
					/*background:rgba(220,224,237,.8); */
					background:url(../images/menu-child-bg.png) no-repeat 0 50%;
					float:none;
					padding:0;
					width:100%;
				}

					div#header ul.menu li.parent ul li.first {
						background:url(../images/menu-child-bg.png) no-repeat 100% 0;
						padding-top:10px;
					}

					div#header ul.menu li.parent ul li.last {
						background:url(../images/menu-child-bg.png) no-repeat 0 100%;
						padding-bottom:10px;
					}

					div#header ul.menu li.parent ul li a {
						padding-left:20px;
					}

					div#header ul.menu li.parent ul li a:hover,
					div#header ul.menu li.parent ul li.active a {
						background:#dce0ed url(../images/menu-child-hover.gif) no-repeat 5px 50%;
					}

div#main {
	background:#fff;
	margin-bottom:10px;
}

	div#main div.mainTop {
		background:#ebe7e7 url(../images/main-round.png) no-repeat 0 0;
		height:10px;
		width:960px;
	}

	div#main div.mainBottom {
		background:#ebe7e7 url(../images/main-round.png) no-repeat 0 -10px;
		height:10px;
		width:960px;
	}

	div#main div.wrap {
		border-left:5px solid #d1d4e2;
		border-right:5px solid #d1d4e2;
	}

	div#main h2 {
		background:#d1d4e2 url(../images/header-decor.gif) no-repeat 5px 2px;
		font-size:1.4em;
		line-height:1;
		padding:0 10px 10px 25px;
	}

	div#main p {
		padding:.5em 1em;
	}

/** Frontpage **/
body#front div#main {
	background:inherit;
}

	body#front div#main div.wrap {
		border:none;
	}

	body#front div#main div.mainBottom {
		display:none;
	}

	body#front div#main div.mainTop {
		background-image:url(../images/front-round.png);
	}

div#frontMain {
	background:#f4f4f5 url(../images/front-gradient.png) repeat-y 0 0;
	border-left:5px solid #d1d4e2;
	border-right:5px solid #d1d4e2;
	overflow:hidden;
}

	div#frontMain dl {
		float:left;
		height:350px;
		position:relative;
		width:400px;
	}

		body#front dt {
			clear:left;
			cursor:pointer;
			float:left;
			font-size:20px;
			line-height:30px;
			margin:1em 0;
			padding:0 15px 0 1.5em;
			text-align:center;
			width:4em;
		}

				body#front dt#efficient {
					/*color:#718c6e;*/
					color:#6e738c;
				}

				body#front dt#green {
					color:#2f7f27;
					padding-left:9.5em;
				}

				body#front dt#simple {
					color:#718c6e;
					/*color:#51854b;*/
					padding-left:5.5em;
				}

				body#front dt#management {
					bottom:0;
					position:absolute;
					right:-550px;
					margin:.5em 0;
					width:550px;
					padding:0;
					z-index:10;
				}

				dt.active {
					background:url(../images/front-rotate-bg.png) no-repeat 100% 50%;
				}

		div#frontMain dd {
			bottom:0;
			display:none;
			font-size:1.3em;
			left:0;
			padding:1em;
			position:absolute;
		}

		div#frontMain dd.active {
			display:block;
		}

	div#frontImage {
		background:url(../../../images/front-main.png) 50% 50% no-repeat;
		float:right;
		height:350px;
		position:relative;
		width:550px;
	}

		div#frontImage div.text {
			top:0;
			font-size:20px;
			position:absolute;
			right:0;
			text-align:center;
			width:550px;
		}

		div#frontImage em {
			font-style:normal;
			color:#718c6e;
		}

div#frontSections {
	margin-top:10px;
	overflow:hidden;
}

	div.frontMainBottom {
		background:#e7ebeb url(../images/front-round.png) 0 -10px no-repeat;
		height:10px;
		width:100%;
	}

	div#frontSections div.section {
		float:left;
		margin-right:10px;
		width:313px;
	}

		div#frontSections a.more {
			display:block;
			text-align:right;
		}

		div#frontSections div#news {
			margin-right:0;
		}

		div#frontSections div.sectionTop {
			background:#d1d4e2 url(../images/section-bg.png) 0 0 no-repeat;
			height:10px;
			width:100%;
		}

		div#frontSections div.sectionBottom {
			background:#d1d4e2 url(../images/section-bg.png) 0 -10px no-repeat;
			height:10px;
			width:100%;
		}

/***************************************** CHANGE HEIGHT **************************************/
/***************************************** CHANGE HEIGHT **************************************/
		div#frontSections div.content {
			background:#fff;
			border-left:5px solid #d1d4e2;
			border-right:5px solid #d1d4e2;
			height:24em;
		}

		/** Frontpage News and Events **/
		div#frontSections div#news ul {
			padding:.5em 0;
		}

			div#frontSections li {
				padding-bottom:.7em;
			}

				div#frontSections li a {
					background:no-repeat 1em 2px;
					display:block;
					padding:0 12px .3em 32px;
				}

					div#frontSections li.news a {
						background-image:url(../images/icon-news.png);
					}

					div#frontSections li.event a {
						background-image:url(../images/icon-cal.png);
					}

					div#frontSections li a:hover {
						background-color:#e7ebeb;
						text-decoration:none;
					}

					div#frontSections li span {
						display:block;
					}

					div#frontSections li span.date {
						float:left;
						width:110px;
					}

					div#frontSections li span.name {
						float:right;
						width:149px;
					}

					div#frontSections li span.description {
						color:#343a50;
					}

/** PROTOTYPE **/
dl#prototype {
	color:#fff;
	line-height:1.2;
	height:462px;
	margin:auto;
	overflow:hidden;
	padding:0 0 1em 0;
	position:relative;
	text-align:left;
	width:795px;
	margin:0 auto;
	position:relative;
}

	dl#prototype dd.video {
		background:#999;
		background:rgba(0,0,0,.7);
	}

	dl#prototype dd.video div.caption {
		background:transparent;
	}

dl#prototype h3,
dl#prototype p {
	font-size:1em;
	margin:0;
	padding:0;
}

dl#prototype h3 {
	background:none;
}

dl#prototype div.caption p {
	color:#fff;
	padding:0;
	text-align:left;
}

dl#prototype img {
	border:0;
}

dl#prototype dd {
	border:1px solid #999;
	display:none;
	height:460px;
	left:0;
	margin:0 0 0 132px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:650px;
}

dl#prototype dt {
	border:1px solid #e7e7e7;
	clear:left;
	cursor:pointer;
	float:left;
	overflow:hidden;
	/*margin:382px 0 0 10px;*/
	margin:0 5px 5px 0;
	width:125px;
}

dl#prototype dt img {
	display:block;
	width:100%;
}

/* active slide */
dl#prototype dt.active {
	border:1px solid #999;
}

dl#prototype dd.active {
	display:block;
}

dl#prototype dd div.caption {
	background:#999;
	background:rgba(0,0,0,.7);
	bottom:0;
	color:#fff;
	left:0;
	padding:1em 10px;
	position:absolute;
	width:630px;
}

div#video a {
	margin:auto;
}

div.media div#video {
	float:left;
}

div.media {
	margin:auto;
	overflow:hidden;
	padding:1em 3em;
}

div.article {
	line-height:1.4;
}

div.article h3,
body div#main div.article div.content h2,
div.article h1 {
	/*background:url(../images/header-decor.gif) no-repeat 1em 50%;*/
	background:none;
	font-size:1.2em;
	font-weight:bold;
	padding:.3em 0 0 1em;
}

	div.article ul,
	div.article ol {
		margin-left:2em;
		padding:0 1em;
	}

	div.article ul {
		list-style-type:disc;
	}

	div.article ol {
		list-style-type:upper-alpha;
	}

	div.article table {
		padding:.5em 1em;
	}

		div.article table h1 {
			padding:0;
		}
	

div.article ul.pagination {
	clear:both;
	list-style:none;
	margin:0;
	padding:0 2em;
	overflow:hidden;
}

div.article ul.pagination li.prev {
	float:left;
}

div.article ul.pagination li.next {
	float:right;
}

div.contact dl.info {
	padding:1em 0 .5em 10.4em;
}

	div.contact dd.name {
		font-weight:bold;
	}

	div.contact dt {
		clear:left;
		float:left;
		font-weight:bold;
		padding:0 .4em 0 0;
	}

/** Footer **/
#footer {
	background:#e7ebeb url(../images/footer-bg.png) no-repeat;
	height:18px;
	line-height:18px;
	margin-bottom:10px;
	padding:3px 10px;
}

	#footer p#copyright {
		float:left;
	}

	#footer ul.menu {
		float:right;
	}

		#footer ul.menu li {
			float:left;
		}

			#footer ul.menu li a {
				color:#454c6a;
				display:block;
				padding:0 .5em;
			}

/** Slimbox **/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}