﻿body {
  margin: 0;
  padding-bottom: 40px;
  position: relative;
  background:#fff;
	color: #393939;
	font: normal 12px/17px Trebuchet MS;

}
a {
    outline: none;/* get rid of dotted borders */
}
h2 {font-size:14px;color:#74A315;text-align:left;border-bottom:1px solid #DFDFDF;}
strong {color:#74A315;}
a {color:#75a416;font-size:12px;text-decoration:none;}
a:hover {color:#777;font-size:12px;text-decoration:none;}
#wrap {float:left;width:1100px;padding-right:30px;}
#wrapper {float:left;width:900px;padding:0 0px 10px 7px;margin:0px 0px 0 15px;}
#wrapper2 {float:left;width:160px;height:159px;padding:0;margin:0 15x 0 0;}
#header {width:911px;height:279px;margin:0px 0 0 0;padding: 0px 0 0px 0;background:url(../img/banner2.jpg) no-repeat 0 0;position:relative;}
#line { background:#15AF38;height:20px;text-align:right;position:relative;padding:0 10px 0 0;}
#line a {color:#fff;text-decoration:none;font-size:11px;font-family:Trebuchet MS;padding:0;margin:0;}
#line a:hover {color:#fff;border-bottom:1px dotted #fff;font-size:11px;font-family:Trebuchet MS;padding:0;margin:0;}
#banner {position:relative;height:100px;}
.menu {}
#middle {float:left;width:911px;background:#fff;padding:5px 0 20px 0;margin-top:-10px;}
#bottom {float:left;width:911px;background:#fff;padding:5px 0 20px 0;text-align:center;margin-top:10px;border-top:1px solid #DFDFDF;}

#ena {
padding-top:15px;
float:left;
width:150px;
text-align:center;
}
#dio {

float:left;
width:570px;
text-align:center;
padding-left:5px;
}
#tria {
text-align:center;
margin-left:25px;
float:left;
width:150px;
padding-top:15px;
}
#diomap {
position:relative;
float:left;
width:700px;
text-align:center;
padding-left:0px;
}
#triamap {
position:relative;
float:left;
width:150px;
}
#sidebar {
float:left;
width:200px;
background:transparent; 
overflow: auto;
font-size: 11px; 
color: #000;
margin:0;
padding:0;
height: 500px;
}

#sidebar div {
margin-bottom: 3px;
width:130px;
height:51px;
margin-left:20px;
color:#fff;
font-size:12px;
font-weight:normal;
line-height:12px;
padding:9px 0 0 40px;
background: url(../img/back.jpg) no-repeat 0 0px;
}





#nav {
    position: absolute;
    top: 178px;
    right: 20px;
    float:right;
    width: 540px;
    list-style: none;
}
#nav li {
    width: 100px;
    height: 50px;
    float: left;
    margin-right: 10px;
    overflow: visible;
}
#nav li.work-with-us {
    margin-right: 0;
}
#nav li a {
    display: block;
    text-indent: -9999px;
    height: 90px;
    width: 100px;
    background-image: url('../img/nav.png');
    background-color: transparent;
    background-repeat: no-repeat;
    border-bottom: none;
}

/* @group Home */

#nav li.home a,
#nav li.home a:link,
#nav li.home a:visited {
    background-position: 0 0;
}
#nav li.home a:hover,
#nav li.home a:focus,
#nav li.home a:active {
	background-position: 10px -119px;
}
.home #nav li.home a,
.home #nav li.home a:link,
.home #nav li.home a:visited,
.home #nav li.home a:hover, 
.home #nav li.home a:focus,
.home #nav li.home a:active {
	background-position: 0 -238px;
}

/* @end */

/* @group Who We Are */

#nav li.who-we-are a,
#nav li.who-we-are a:link,
#nav li.who-we-are a:visited {
    background-position: -100px 0;
}
#nav li.who-we-are a:hover,
#nav li.who-we-are a:focus,
#nav li.who-we-are a:active {
	background-position: -90px -119px;
}
.who-we-are #nav li.who-we-are a,
.who-we-are #nav li.who-we-are a:link,
.who-we-are #nav li.who-we-are a:visited,
.who-we-are #nav li.who-we-are a:hover, 
.who-we-are #nav li.who-we-are a:focus,
.who-we-are #nav li.who-we-are a:active {
	background-position: -98px -238px;
}

/* @end */

/* @group What We Do */

#nav li.what-we-do a,
#nav li.what-we-do a:link,
#nav li.what-we-do a:visited {
    background-position: -200px 0;
}
#nav li.what-we-do a:hover,
#nav li.what-we-do a:focus,
#nav li.what-we-do a:active {
	background-position: -190px -119px;
}
.what-we-do #nav li.what-we-do a,
.what-we-do #nav li.what-we-do a:link,
.what-we-do #nav li.what-we-do a:visited,
.what-we-do #nav li.what-we-do a:hover, 
.what-we-do #nav li.what-we-do a:focus,
.what-we-do #nav li.what-we-do a:active {
	background-position: -200px -238px;
}

/* @end */

/* @group Stuff We've Made */

#nav li.stuff-we-made a,
#nav li.stuff-we-made a:link,
#nav li.stuff-we-made a:visited {
    background-position: -300px 0;
}
#nav li.stuff-we-made a:hover,
#nav li.stuff-we-made a:focus,
#nav li.stuff-we-made a:active {
	background-position: -290px -119px;
}
.stuff-we-made #nav li.stuff-we-made a {
	background-position: -300px -238px;
}
.stuff-we-made #nav li.stuff-we-made a,
.stuff-we-made #nav li.stuff-we-made a:link,
.stuff-we-made #nav li.stuff-we-made a:visited,
.stuff-we-made #nav li.stuff-we-made a:hover, 
.stuff-we-made #nav li.stuff-we-made a:focus,
.stuff-we-made #nav li.stuff-we-made a:active {
	background-position: -300px -238px;
}

/* @end */

/* @group Work With Us */

#nav li.work-with-us a,
#nav li.work-with-us a:focus,
#nav li.work-with-us a:active {
    background-position: -400px 0;
}
#nav li.work-with-us a:hover,
#nav li.work-with-us a:focus,
#nav li.work-with-us a:active {
	background-position: -397px -119px;
}
.work-with-us #nav li.work-with-us a,
.work-with-us #nav li.work-with-us a:link,
.work-with-us #nav li.work-with-us a:visited,
.work-with-us #nav li.work-with-us a:hover, 
.work-with-us #nav li.work-with-us a:focus,
.work-with-us #nav li.work-with-us a:active {
	background-position: -400px -238px;
}

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:550px;
    float:left;
}
.tabbed_box h4 {
	font-family:Trebuchet MS;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Trebuchet MS;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	padding:8px;	
	text-align:center;
}

ul.tabs {
	margin:0px; padding:0px;

}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#64960a;
	color:#fff;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:12px;
	font-family:Trebuchet MS;
	font-weight:bold;
	border:1px solid #ccc;
	background-image:url(../img/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:top;
}
ul.tabs li a:hover {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #dfdfdf; 
	border-bottom: 1px solid #ffffff;
	background-image:url(../img/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #dfdfdf; 
	border-bottom: 1px solid #ffffff;
	background-image:url(../img/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:3px 10px 10px 10px;
	border:1px solid #dfdfdf; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/content_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
	margin-top:8px;
	width:550px;
}
#content_2, #content_3, #content_4 { display:none; }

.pretty-hover  {
  background: #efefef;
  color:#9F9F9F;
  text-align:justify;
  font-size:11px;
    padding:5px 5px 10px 5px;
  margin-bottom:5px;
   border-bottom:1px solid #efefef;
}
.hover-demo2 {
  background: #fff;
  color:#9F9F9F;
  text-align:justify;
  font-size:11px;
  padding:5px 5px 10px 5px;
  margin-bottom:5px;
  border-bottom:1px solid #efefef;
}
.hover-demo2:hover {
  background: #efefef;
  color:#9F9F9F;
  text-align:justify;
  font-size:11px;
   padding:5px 5px 10px 5px;
  margin-bottom:5px;
   border-bottom:1px solid #efefef;
}