@import url("reset.css");

/* HTML Elements */
body {
	background: #e6e6e6;
	color: #1c1c1c;
	font-family: arial, "lucida console", sans-serif;
	font-size: 11pt;
	line-height: 14pt;
}
p {
	margin-bottom: 10px;
}
a {
	color: #1c8bc7;
	text-decoration: none;
}
#bg {
	background: url('../images/bg.png') repeat-y center top;
}
#area {
	margin-left: auto;
	margin-right: auto;
	width: 1001px;
	min-width: 1001px;
}

/* Top Container */

/* @group Banner */

#banner {
	margin-top: 5px;
	clear: both;
	height: 200px;
	width: 100%;
}
#banner img {
	margin-top: 10px;
	margin-left: 35px;
}
#banner .panorama {
	float: right;
	width: 735px;
	height: 200px;
	margin-right: 16px;
}

#banner .home {
	background: url("../images/banner-home.jpg");
}

#banner .canyon {
	background: url("../images/banner-canyon.jpg");
}
#banner .canyon {
	background: url("../images/banner-earth.jpg");
}
#banner .farm {
	background: url("../images/banner-farm.jpg");
}
#banner .gate {
	background: url("../images/banner-gate.jpg");
}
#banner .hinge {
	background: url("../images/banner-hinge.jpg");
}
#banner .macchu {
	background: url("../images/banner-macchu.jpg");
}
#banner .redbridge {
	background: url("../images/banner-redbridge.jpg");
}
#banner .road {
	background: url("../images/banner-road.jpg");
}
#banner .stone {
	background: url("../images/banner-stone.jpg");
}
#banner .stonearch {
	background: url("../images/banner-stonearch.jpg");
}
#banner .stream {
	background: url("../images/banner-stream.jpg");
}

/* Banner 2 */
#banner .economic2 {
	background: url("../images/banner2-economic.jpg");
}

#banner .health2 {
	background: url("../images/banner2-health.jpg");
}
#banner .leadership2 {
	background: url("../images/banner2-leadership.jpg");
}
#banner .service2 {
	background: url("../images/banner2-service.jpg");
}
#banner .social2 {
	background: url("../images/banner2-social.jpg");
}
#banner .sustainability2 {
	background: url("../images/banner2-sustainability.jpg");
}

#bannerSlideshow li {
	position: absolute;	
}

#bannerSlideshow li img {
	margin: 0;
	padding: 0;
}

#bannerSlideshow .hide {
	display: none;
}

/* @end */

/* @group Menu */
#menu {
	padding-top: 10px;
	background: url('../images/menu_bg.png') no-repeat 0 10px;
	height: 50px;	
	font-size: 10pt;
	font-weight: bold;
	padding-left: 20px;
}
#menu a {
	color: white;
}

#menu ul {
	list-style-type: none;
	color: white;
	padding-top: 11px;
}
#menu ul li {
	float: left;
	margin-top: 5px;
	padding-left: 24px;
	padding-right: 24px;
	border-right: 1px solid white;
}
#menu .last {
	border-right: 0;
	padding-right: 0;
}
#menu .search {
	float: right;
	width: 165px;
	margin-right: 15px;
	margin-top: 12px;
	border-right: 0;
}
#menu .searchinput {
	margin-top: 1px;
	color: #8b9298;
	border: 2px solid #7e848a;
	padding: 3px;
        height: 14px;
}
#menu .searchbutton {
	margin-left: 5px;
        padding: 3px;
        padding-left: 5px;
        padding-right: 5px;
	background: url('../images/menu_go.png') no-repeat top center;
}
/* @end */

/* Boxes */
.boxleft {
	background: url("../images/box-left.png") repeat-y top center;
	margin-bottom: 10px;
}
.boxleft-top {
	padding: 10px;
	padding-top: 8px;
	height: 20px;
	min-height: 20px;
	background: url("../images/box-left-top.png") no-repeat top center;
}
.boxleft-content ul {
	list-style-type: square;
	margin-left: 20px;
	margin-bottom: 0;	
}
.boxleft-bottom {
	background: url("../images/box-left-bottom.png") no-repeat top center;
	height:12px;
}
.boxleft-yellow {
	background: url("../images/box-left-yellow.png");
	margin-bottom: 10px;
}
.boxleft-yellow-top {
	padding: 10px;
	padding-top: 8px;
	height: 20px;
	min-height: 20px;
	background: url("../images/box-left-yellow-top.png") top center no-repeat;
	color: white;
	font-family: arial narrow;
}
.boxleft-content ul {
	list-style-type: square;
	margin-left: 20px;
	margin-bottom: 0;	
}
.boxleft-yellow-bottom {
	background: url("../images/box-left-yellow-bottom.png") no-repeat top center;
	height:12px;
}


.box {
	margin-bottom: 10px;
	width: 265px;
}
.yellow {
	background: url("../images/box-yellow.png") repeat-y top center;
}
.green {
	background: url("../images/box-green.png") repeat-y top center;
}
.box-top {
	padding: 10px;
	padding-top: 8px;
	height: 20px;
	min-height: 20px;
	font-size: 11pt;
	color: white;
	font-family: arial narrow;
	height: 16px;
	overflow: hidden;
}
.yellow-top {
	background: url("../images/box-yellow-top.png") top center;
}
.green-top {
	background: url("../images/box-green-top.png") top center;
}

.box-bottom {
	height:12px;
}
.yellow-bottom {
	background: url("../images/box-yellow-bottom.png") no-repeat top center;
}
.green-bottom {
	background: url("../images/box-green-bottom.png") no-repeat top center;
}

.box-content {
	font-size: 9pt;
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 0;
	margin-bottom: 0;
}
.box-content p {
	margin: 0;
}
.box-content ul {
	list-style-type: square;
	margin-left: 20px;
	margin-bottom: 0;	
}

.box h1, .boxleft h1 {
	font-size: 11pt;	
	color: white;
	font-family: arial narrow;
}

.bodycontainer {
	margin-top: 15px;
	margin-bottom: 5px;
}
#leftcolumn {
	margin-left: 20px;
	float: left;
	width: 215px;
}

#rightcolumn {
	float: right;
	padding-right: 15px;
	width: 268px;
	font-size: 10pt;
}

#rightcolumn p {
	margin-bottom: 5px;
}

.content {
	width: 715px;
	margin-left: 250px;
	padding: 10px;
	background-color: #f0f0f0;
	min-height: 445px;
	font-size: 11pt;
	padding-bottom: 2px;
}
.homecontent {
	width: 435px;
	margin-right: 23px;
	font-size: 11pt;
}
.content p {
	margin-bottom: 10px;
}

.content h1, .content h1 a {
	font-size: 16pt;
	font-weight: bold;
	color: #217f79;
	padding-top: 3px;
	margin-bottom: 15px;
}
.content h2, .content h2 a {
	font-size: 13pt;
	font-weight: bold;
	color: #6bb1b2;
	margin-top: 15px;
	margin-bottom: 10px;
}
.content ul {
	list-style-type: square;
	margin-bottom: 10px;
}
.content li {
	margin-left: 25px;
}
.content table.team th {
	padding-left: 10px;
	padding-right: 10px;
}
.content th img {
	margin-bottom: 15px;
}
.content td {
	vertical-align: top;
	padding-left: 15px;
}
.content sup {
	vertical-align: .4em;
	font-size: 8pt;
}
.named {
	color: black;
}
/* Footer Container */
#footercontainer {
	width: 1013px;
	margin-left: auto;
	margin-right: auto;
	height: 75px;
	background: url('../images/bg_bottom.png') no-repeat bottom center;
}
#footershade {
	background: url('../images/footer-shade.png') no-repeat bottom center;
	height: 15px;
}
#footer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border-top: 2px dotted #93901b;
	padding-top: 10px;
	font-size: 9pt;
	color: #7e848a;
}
#footer ul {
	margin: 0;
	list-style-type: none;
	float: right;
	
}
#footer li {
	display: inline;
	border-right: 1px solid #7e848a;
	padding-left: 10px;
	padding-right: 10px;
}
#footer li.last {
	border-right: 0;	
}

table.contact {
	font-size: 11pt;
}
table.contact th {
	color: #79c4c3;
	padding-right: 40px;
	text-align: left;
}
table.contact td {
	padding-bottom: 20px;
}

table.homegallery img {
	padding-bottom: 4px;
}
.first {
	padding-bottom: 10px;
}

#subnav {
	margin-bottom: 20px;
}
#subnav a{
	color: white;
}
#subnav h1 {
	height: 21px;
	background: url("../images/subnav-top.png") no-repeat;
	color: white;
	padding-top: 5px;
	padding-left: 10px;
}
#subnav .toggler, .active {
	height: 21px;
	background: url("../images/subnav-toggler.png") no-repeat;
	color: white;
	outline: none;
	font-size: 9pt;
	padding-left: 10px;
	padding-top: 4px;
	cursor: pointer;
}

#subnav	.element {
	font-size: 9pt;
	background-color: #e6e6e6;
	color: #444444;
}
#subnav .element li, #subnav .link {
	padding-left: 36px;
	padding-top: 2px;
	height: 20px;
}
#subnav .element li {
	background: url('../images/subnav-arrow.png') no-repeat;
}
#subnav .link {
	padding-left: 20px;
	background: url('../images/subnav-link.png') no-repeat;
	font-size: 9pt;
}
#subnav .link a {
	color: white;
}
#subnav .link:hover {
	background: url('../images/subnav-link-on.png') no-repeat top left;

}
#subnav .element li a {
	color: #444444;
}
#subnav .element li:hover{
	background: url('../images/subnav-hover.png') no-repeat top left;
}
#subnav .element li.last {
	border: 0;
}
#subnav .subnav-bottom {
	background: url('../images/subnav-bottom.png') no-repeat top;
	height: 10px;
}