body
{
margin: 0; padding: 0;
background: #959174 url(images/back.jpg) repeat-x;
text-align: center;
}
h1{
display:block;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 1.6em;
color: #000000;
font-weight:normal;
margin: 23px 0 15px 0;
}

#btn{
float: right;
width: 120px;
height: 40px;
text-align:right;
padding: 0 30px 0 0;
}
#wrap {
margin: 0 auto;
padding:0;
width: 970px;
height: auto;
text-align: center;
}
#frame{
float: left;
width: 970px;
height:auto;
background-color:#FFFFFF;
text-align:left;
z-index: 150;
}
#box-menu{
float: left;
width: 970px;
height: 76px;
background: url(images/back-nav.png) no-repeat;
}
#banner{
float:left;
width: 930px;
height: 370px;
background-color: #FFFFFF;
padding:0;
margin: 0 20px 20px 20px;
text-align:left;
z-index: 150;
}
.show{
float:left;
position: absolute;
width: 930px;
height: 370px;
}
#logo-top{
float: left;
width: 930px;
height: 98px;
padding: 0 20px 0 20px;
margin:0;
text-align:left;
}
#logo{
float: left;
width:445px;
height:98px;
text-align:left;
}
#habitat{
float: right;
width: auto;
height:auto;
text-align:left;
margin: 50px 0 0 0;
}
#habitat a{
color:#444444;
font-family: Helvetica, Verdana,lucida sans unicode,Arial,Georgia,Tahoma; font-size: 1em;
text-decoration:none;
}
#habitat img{
vertical-align:middle;
margin: 0 10px 0 0;
}
#tag-slogan{
position: absolute;
margin-top: 216px;
margin-left: 0;
width: 410px;
height: 74px;
text-align: left;
z-index: 50;
}
#box-services{
float: right;
width: 267px;
height: auto;
text-align:left;
padding: 20px 20px 20px 20px;
background: #400101 url(images/back-round.png) no-repeat top right;
background-position:top;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 1em;
color:#FFFFFF;
line-height: 18px;
}
#box-services a{
font-family: Verdana,Arial; font-size: 12px;
color: #FFFFFF;
text-decoration: underline;
}
#box-services a:hover{
font-family: Verdana,Arial; font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}
#box-services .head{
display:block;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 1.6em;
color: #f6c11e;
line-height:1em;
margin: 15px 0 25px 0;
}
/*end box featured + carousel*/
#box-welcome{
float: left;
width: 560px;
height: auto;
padding: 20px 20px 20px 20px;
margin: 0 20px 0 0;
text-align:left;
background: #f6c21e url(images/box-wel-back.jpg) repeat-x;
background-position:top;
font-family: Verdana,Arial; font-size: 12px;
color:#000000;
line-height: 18px;
}
#box-welcome .head{
display:block;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 2.2em;
line-height:1em;
color: #890505;
margin: 15px 0 25px 0;
}
#box-welcome a{
color:#000000;
text-decoration:underline;
}
#box-welcome a:hover{
color:#000000;
text-decoration:none;
}
#footer{
float: left;
width: 930px;
height:auto;
text-align:left;
padding: 20px 20px 20px 20px;
margin: 20px 0 0 0;
border-top:1px solid #FFFFFF;
font-family: Verdana,Arial,Georgia,Tahoma;
font-size: 12px;
color: #ffffff;
}
#footer a{
color:#FFFFFF;
text-decoration:underline;
}
#box-footer{
	float: left;
	width: 930px;
	margin: 10px 0 0 0;
	padding: 0 20px 0 20px;
	font-family: Verdana,Arial,Georgia,Tahoma;
	font-size: 12px;
	color: #ffffff;
	text-align:left;
	line-height:18px;
}
#box-footer a{
color: #FFFFFF;
text-decoration:underline;
}
#box-footer a:hover{
color: #FFFFFF;
text-decoration:none;
}
#box-footer .head{
display:block;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 2.2em;
line-height:1em;
margin: 0 0 15px 0;
}
#box-footer .quick{
float: left;
width: 230px;
height:auto;
margin: 15px 0 15px 0;
}
#box-footer .office{
float: left;
width: 230px;
height:auto;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
margin: 15px 0 15px 0;
padding: 0 80px 0 60px;
}
#box-footer .office img{
vertical-align:middle;
margin: 0 10px 0 0;
}
#box-footer .social{
float: left;
width: 240px;
height:auto;
margin: 15px 0 15px 0;
padding: 0 0 0 80px;
overflow:hidden;
}
/*content*/
#box-content{
float: left;
width: 930px;
height:auto;
line-height: 18px;
margin: 10px 20px 10px 20px;
padding: 0 0 20px 0;
text-align:left;
}
#box-write{
float: left;
width: 650px;
height:auto;
text-align:left;
margin: 0 0 0 30px;
padding: 0 0 40px 0;
font-family: Verdana,Arial,Georgia,Tahoma;
font-size: 12px;
line-height:18px;
color: #2d2d2d;
}
#box-write a{
color: #2d2d2d;
text-decoration:underline;
}
#box-write a:hover{
color: #2d2d2d;
text-decoration:none;
}
#sidenav {
	width: 41px;
	height: 215px;
	top:160px;
	left: 0;
	position: fixed;
	float: left;
}

#media-icons{
float: right;
width: 280px;
height:auto;
text-align:right;
padding:0;
}
#media-icons img{
margin: 0 0 0 10px;
}
/*photo gallery*/
#pikame{
float: left;
display:block; 
margin:0;border:0;
}

.pikachoose{width:650px; height: auto; margin:0;border:0;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:650px;height:auto;margin:0;overflow:hidden; border:0;}
.pikachoose ul li{float: left;padding:2px;margin:0 8px 8px 0;position:relative; overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer; width:90px; height:60px;}
/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:650px;height:auto;display:block;position:relative;margin:0;border:0;}
.pika_main img{ width: auto; height: auto;  border: 1px solid #000000;}

/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{ position:relative; border:0; padding:0; margin:0; border: 0px solid #000000;}
.pika_subdiv{display:block;position:relative;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border: 0px solid #000000;}
 .pika_caption{ float:left; width: 650px; height:auto ;text-align:left; padding:10px;margin:0 0 20px 0;}
 .pika_navigation{margin-top:10px;cursor: pointer; color:#000000; text-align:left;}
 .pika_navigation a:hover{text-decoration: underline;}
 
#contentwrapper{
float:left;
width: 680px;
height: auto;
text-align:left;
margin: 0 20px 0 20px;
}
#contentwrapper .bread{
display:block;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, lucida sans unicode,Arial,Verdana,Georgia,Tahoma; font-size: 1.6em;
color: #000000;
margin: 25px 0 25px 0;
}
 /*directory and stuff*/
#box-directory{
float: left;
width: 200px;
height:auto;
background: #f6c21e url(images/box-wel-back.jpg) repeat-x;
background-position:top;
padding: 20px 20px 20px 20px;
display: inline;
text-align: left;

/*background-color: #024b72;*/
}
#box-directory .head{
display:block;
margin: 0 0 20px 0;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica,Arial,Verdana,Georgia,Tahoma; font-size:1.4em;
color: #FFFFFF;
text-transform: capitalize;
}
#box-directory ul{
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
}
#box-directory li{
	list-style-type: none;
	width: 230px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	line-height:20px;
}
#box-directory a{
	font-family: Helvetica, Verdana,Arial,Tahoma; font-size:14px;
	color: #FFFFFF;
	text-decoration: underline;
}
#box-directory a:hover{
	font-family: Helvetica, Verdana,Arial,Tahoma; font-size:14px;
	color: #FFFFFF;
    text-decoration: none;
}
#box-directory li span a{
	text-decoration: none;
	font-family: Verdana,Arial,Georgia,Tahoma; font-size: 12px; color:  #000000; font-weight: normal;
	padding: 0;
	text-decoration: none;
}
#box-directory li span a:hover{
	text-decoration: underline;
	font-family: Verdana,Arial,Georgia,Tahoma; font-size: 12px; color:  #000000; font-weight: normal;
	padding: 0;
	text-decoration: underline;
}
#wrap-gallery{
float: left;
width: 680px;
display:block;
height:auto;
text-align:left;
margin: 0 0 20px 0;
}
#apply{
float: left;
width: 650px;
height: auto;
margin: 20px 0 0 0;
background-color: #FFFFFF;
font-family: Verdana,Arial,Georgia,Tahoma; font-size: 12px; color:  #000000; font-weight: normal;
border: 1px solid #cfcdcf;
}
#apply label.error {
display:block;
color:#FF0000;
margin: 5px 0 0 0;
font-weight:bold;
}
#apply input[type=text]{
width: 90%;
height: 22px;
}
#apply textarea{
width: 90%;
}
#apply input[type=submit]{
height:30px;
}
#apply table{
padding:10px;
}
#apply td{
padding: 10px 10px 10px 10px;
}
.secur{
display:block;
width: 85px;
height: 17px;
font-family:  Verdana, Arial, Times New Roman, Helvetica, sans-serif; font-size:1.6em;
font-weight: bold;
letter-spacing: 20px;
color: #000000;
background-color: #edeee9;
border: 0px solid #d3f56b;
text-align:center;
padding: 10px 0 10px 0;
}
#scroll{
float: left;
width: 100%;
height: 150px;
overflow: auto;
border: 1px solid #d4d4d4;
}