@charset "UTF-8";
/* CSS Document */

body{
	background-color:#000;
	margin:0;
	padding:0;
	height:auto;
	min-height:100%;
	text-align:center;
	
}

#wrapper{
	width:938px;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	margin-bottom:195px;
	text-align:left;
	height:auto;
	min-height:100%;
}

img, div { 
	behavior: url(iepngfix.htc);
	border:0;
}

/*  Main Layout
------------------------------------------------------*/

#main{
	position:relative;
	z-index:0;
	width:920px;
	height:613px;
	background:url(../images/mainbg.png);
	margin-top:0px;
	padding-left:9px;
	padding-right:9px;
	padding-top:8px;
	padding-bottom:8px;

	}
	
	#mainimg{ position:absolute;
	bottom:0;
	padding-bottom:8px;
	}
	

	
#logo{
	position:absolute;
	z-index:8;
	width:202px;
	height:154px;
	background-color:#000;
	top:-45px;
	margin-left:358px;
	}
	
	#logo2{
	position:absolute;
	z-index:8;
	width:202px;
	height:154px;
	background-color:#000;
	top:-45px;
	margin-left:358px;
	}
	
#dectop{
	position:absolute;
	z-index:5;
	width:937px;
	height:22px;
	top:0px;
	left:0px;
	margin-left:0px;}
	
.dectopleft{
	position:absolute;
	z-index:5;
	width:22px;
	height:22px;
	top:0px;
	left:0px;
	margin-left:0px;}
	
	.dectopright{
	position:absolute;
	z-index:5;
	width:22px;
	height:22px;
	top:0px;
	right:0px;
	margin-right:0px;}
	
	#decbottom{
	position:absolute;
	z-index:5;
	width:937px;
	height:22px;
	bottom:0px;
	left:0px;
	margin-left:0px;}
	
	.decbottomleft{
	position:absolute;
	z-index:5;
	width:22px;
	height:22px;
	bottom:0px;
	left:0px;
	margin-left:0px;}
	
	.decbottomright{
	position:absolute;
	z-index:5;
	width:22px;
	height:22px;
	bottom:0px;
	right:0px;
	margin-right:0px;}
	
/*  Menu
------------------------------------------------------*/
#menu {
	width:900px;
	margin-top:5px;
}
p a {
	color: #d9a760;
	text-decoration:underline;
	font-family:Georgia;
	font-size:15px;

}
a{color: #d9a760;
	text-decoration:none;
	font-family:Georgia;
	font-size:13px;
	}
	
a:hover{text-decoration: none;
	color: #fff;
	font-family:Georgia;
}

p a:hover{	
	text-decoration: none;
	color: #fff;
	font-family:Georgia;
}



ul#nav {
	list-style: none;
	padding: 0;
	margin: 0 0 0 36px;
}

ul#nav li, ul#nav li ul li{
	float: left;
	position: relative;
	margin-left: 20px;
}

ul#nav li a {
	display: inline;
}

li ul {
	list-style: none;
	display: none;
	position: absolute;
	width:150px;
	top: 18px;
	left: 0;
	margin-left:-1px;
}

li>ul {
	top: auto;
	left: -62px;
}

li:hover ul, li.over ul {
	display: block;
}

.current{
	color: #fff;
	font-family:Georgia;
}

.lightorange{
	color: #f3dcb7;
	font-family:Georgia;
}

/*  Content
------------------------------------------------------*/
#content_profile{
	position:absolute;
	z-index:4;
	width:256px;
	height:613px;
	top:7px;
	right:0px;
	background-image:url(../images/bg20.png);
margin-left:0px;}

#content_philosophy{
	position:absolute;
	z-index:4;
	width:256px;
	height:613px;
	top:7px;
	right:0px;
	background-image:url(../images/bg60.png);
margin-left:0px;}

#content_standards{
	position:absolute;
	z-index:4;
	width:256px;
	height:613px;
	top:7px;
	right:0px;
	background-image:url(../images/bg30.png);
margin-left:0px;}

#content_communities{
	position:absolute;
	z-index:4;
	width:256px;
	height:613px;
	top:7px;
	right:0px;
	background-image:url(../images/bg70.png);
margin-left:0px;}

#content_successes{
	position:absolute;
	z-index:4;
	width:256px;
	height:614px;
	top:7px;
	right:0px;
	background-image:url(../images/bg70.png);
margin-left:0px;}

#content_energystar{
	position:absolute;
	z-index:4;
	width:256px;
	height:613px;
	top:7px;
	right:0px;
	background-image:url(../images/bg70.png);
margin-left:0px;}

#content_design{
	position:absolute;
	z-index:4;
	width:256px;
	height:613px;
	top:7px;
	right:0px;
	background-image:url(../images/bg50.png);
margin-left:0px;}

#content_gallery{
	position:absolute;
	z-index:4;
	width:256px;
	height:614px;
	top:7px;
	right:0px;
	background-color:none;
margin-left:0px;}

#content_gallery2{
	position:absolute;
	z-index:4;
	width:247px;
	height:613px;
	top:8px;
	right:9px;
	background-color:none;
margin-left:0px;}

#content_contact{
	position:absolute;
	z-index:4;
	width:256px;
	height:613px;
	top:7px;
	right:0px;
	background-image:url(../images/bg50.png);
margin-left:0px;}
	
#contentbody{
	z-index:4;
	width:216px;
		height:569px;
	margin-right:20px;
	margin-left:20px;
	margin-top:22px;}
	
	.header{
	color: #fff;
	font-size:22px;
	letter-spacing:4px;
	text-align:center;
	font-family:Georgia;
}

.header2{
	color: #fff;
	font-size:19px;
	letter-spacing:3px;
	text-align:center;
	font-family:Georgia;
}
	.paragraph{
	color: #fff;
	font-size:12.5px;
	font-family:Georgia;
	line-height:19px;
}

.paragraph2{
	color: #fff;
	font-size:15px;
	font-family:Georgia;
	line-height:23px;
	text-align:center;
}

.orange{
	color: #d9a760;
	font-size:15px;
	font-family:Georgia;
	line-height:23px;
	text-align:center;
}

.orange a{
	color: #d9a760;
	font-size:15px;
	display: block;
	
}
.orange a:hover {
	color: #fff;
	font-size:15px;
	
}

.thumb img, .thumbwide img, .thumb2 img {cursor:pointer;}

.div{
	height:15px;
	text-align:center;
	padding-top:13px;
	margin-bottom:13px;
}

.thumb{
	height:134px;
	width:102px;
	float:left;
	overflow: hidden;
}

.thumbwide{
	height:134px;
	width:208px;
	margin-bottom:6px;
	float:left;
	overflow: hidden;
}

.thumb2{
	height:134px;
	width:102px;
	margin-left:5px;
	margin-bottom:6px;
	float:left;
	overflow: hidden;
}
#gallery2 .thumb, #gallery2 .thumb2 {
	width: 102px;
	height: 153px;
}
#gallery2 .thumbwide {
	width: 208px;
	height: 139px;
}
/*  Gallery
------------------------------------------------------*/

#gallery{
	position:relative;
	width:216px;
		height:569px;
	margin-right:20px;
	margin-left:20px;
	margin-top:22px;
	overflow:hidden;}
	
	div#scrollbar {
    display:block;
    }

div#wn	{ 
    position:relative;
    width:216px; height:510px;
	margin-left:20px;
		margin-top:15px;

    overflow:hidden;
	}
	
	div#wn2	{ 
    position:relative;
    width:216px; height:560px;
	margin-left:20px;
		margin-top:20px;

    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:200px; 
  font-size:1px;  
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #336;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }


div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}



div#scrollbar img {
    display:block; 
    } 
	
	#scrollLinks{
		position:absolute;
		left:233px;
		top:555px;
    } 
	
	.header3{
	color: #fff;
	font-size:14px;
	text-align:left;
	padding-top:20px;
	padding-left:20px;
	font-family:Georgia;
}

	


/*  Gallery Functions
------------------------------------------------------*/

#lyr1 img {cursor:hand;cursor:pointer}



/*  Zoomy
------------------------------------------------------*/
#zoomy { position:absolute; overflow:hidden; background:none; padding:0px; border:0px solid #FFFFFF; text-align:center; color:#fff; line-height:0; }
#zoomy img { margin:0px; cursor:pointer;}	
#zoomy p { position:absolute; z-index: 999999; top: 30px; left: 30px; line-height:100%; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff;  }
#zoomy p a {
	font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #fff; text-decoration: none;
}
#zoomy p a:hover {
	font-family: Arial, Helvetica, sans-serif; color: #d9a760; text-decoration: none;
}

#close { position:absolute; right:5px; width:12px; height:12px; cursor:pointer;}