@charset "UTF-8";

@import 'blueprint/screen.css';
@import 'slimbox/slimbox.css';


/* Basic Styles -------------
-----------------------------*/
html {
	height: 100%;
}

body {
	background-color: #F1FECA;
	background-image:url(../images/ui/white-bg.png);
	background-position:center;
	background-repeat:repeat-y;
	margin: 0px !important;
	height: 100%;
	}
	
h2 {
	color:#336600;
	border-bottom: 1px solid green;
	margin-bottom: 10px;
	}
	
h3 {
	font-size:1em;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	position:relative;
	letter-spacing:1px;
	}
	
h3 a {
	font-size:14px;
	}
	
a img {
	border:1px solid green;
	margin: 2px;
	padding: 2px;
	}
	
a:hover img {
	background-color:#669966;
	}
	
#l-col p {
	text-align:justify;
	}
	
.rightj {
	position:absolute;
	right: 20px;
	
	}
	
	
/* Block Containers ---------
-----------------------------*/
#bg-container {
	background-image:url('../images/ui/Background.png');
	background-repeat:repeat-x;
	position:relative;
	min-height: 100%;
	}
	
* html #bg-container {
	height: 100%;
}

#container {
	width: 800px;
	margin: 0 auto;
	}
	
#content {
	background-color: white;
	padding: 16px 16px 9em 16px;
	}
	
#header {
	height: 90px;
	}
	
#header a {
	display:block;
	width:800px;
	height:90px;
	background-image: url('../images/ui/Header_Background.png');
	}
	
#header a:hover {
	background-image:url('../images/ui/Header_Background_hover.png');
	}
	
#navigation {
	height: 45px;
	margin-top:3px;
	}
	
#slideshow {
	height: 130px;
	margin-top: 10px;
}

#eyecatch {
	color: white;
	padding: 5px;
	}
	
#eyecatch table {
	margin: 0;
	padding: 0;
	}
	
#slogan {
	font-family:Helvetica, Geneva, Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:32px;
	text-align:justify;
	width: 65%;
	float:left;
	}
	
#slogan span {
	font-size:14px;
	text-align:right;
	display:block;
	border-bottom:1px solid #666666
	}
	
#slogan span a {
	text-decoration: none;
	color:#669933;
	}
#slogan span a:hover {
	text-decoration:underline;
	}
	
#l-col {
	width: 540px;
	float: left;
}

#r-col {
	margin-left: 570px;
}
	
#footer {
	height: 105px;
	width: 100%;
	background: #464F33;
	position: relative;
	margin-top: -8.8em;
	border-top: 1px solid #CF6;
}

#footer p {
	margin: 0 !important;
}

#footer a {
	color:#CCCCCC;
	}
#footer a:hover {
	color:white;
	}
	
#footer table {
	margin:0 !important;
	padding: 0 !important;
	}


#contact {
	width: 800px;
	margin: 0 auto;
	}
	
#contact table {
	width:100%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: white;
	margin: 10px 0;
	}
	
#contact th {
	letter-spacing:2px !important;
	}

#contact table, #contact table td {
	border:none !important;
	padding:0 !important;
	font-size: 12px;
	}
	
.bioelement {
	border: 1px solid #333333;
	margin-bottom:10px;
	}
	
.bioelement h3 a {
	text-decoration:none;
	color: white;
	}

.bioelement a:hover {
	text-decoration:underline;
	}
	
.bioelement img {
	float: left;
	margin-right: 10px;
	}
	
.bioelement p {
	margin-left: 210px;
	text-align:justify;
	}
	
.bioelement h3 {
	background-color:#333333;
	color: white;
	line-height:26px;
	margin-left:205px;
	}
	
.bioelement h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.5em;
	}
	

	
#tech li {
	list-style:none;
	}
	
	
#tech li a {
	text-decoration: none;
	line-height:20px;
	background-image:url(../images/ui/pdficon_small.gif);
	background-position:0 -1px;
	background-repeat:no-repeat;
	padding-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#tech li a:hover {
	text-decoration:underline;
	}
	
.accordion {
	border: 1px solid #663333;
	margin-bottom: 15px;
	}
.accordion h3 {
	background-color: #333;
	color: white;
	padding: 5px;
	margin: 2px !important;
	}
	
.bioelement, .abtelement {
	padding: 10px;
	}



/* Navigation -------
---------------------*/
#navigation ul {
	margin: 0;
	padding: 0;
	list-style:none;
	color: white;
	}
	
#navigation ul li {
	float: left;
	}

#navigation ul li a {
	display:block;
	width:200px;
	height: 35px;
	}
	
#nav_sales a {
	background-image:url('../images/ui/nav_sales_0.jpg');
	}
	
#nav_sales a:hover {
	background-image:url('../images/ui/nav_sales_1.jpg');
	}
	
#nav_about a {
	background-image:url('../images/ui/nav_about_0.jpg');
	}
	
#nav_about a:hover {
	background-image:url('../images/ui/nav_about_1.jpg');
	}
	
#nav_projects a {
	background-image:url('../images/ui/nav_projects_0.jpg');
	}
	
#nav_projects a:hover {
	background-image:url('../images/ui/nav_projects_1.jpg');
	}
	
#nav_techlib a {
	background-image:url('../images/ui/nav_techlib_0.jpg');
	}
	
#nav_techlib a:hover {
	background-image:url('../images/ui/nav_techlib_1.jpg');
	}
	
/* Classes -----------------
--------------------------*/
.tab1 {
	display:block;
	float:left;
	width: 120px;
	}
.tab2 {
	display:block;
	float: left;
	width: 100px;
	margin-left: 70px;
}

.th-spacer {
	width: 300px;
}

.clear {
	clear:both;
	}

.tip {
	background-color:#FFFFFF;
	padding: 5px;
	border: 1px solid black;
	}
.tip-title {
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:5px;
	color: #000000;
	letter-spacing:0.1em
	}
	
.tip-image {
	width: 60px;
	height: 80px;
	border: 1px solid black;
	float:left;
	}
	
.tip-details {
	margin-left: 65px;
	}
.tip-details p {
	margin-top: 5px;
	}
	
#main_office {
	margin-left: 530px;
	}
	
	
	
/* Image Map -----------------
----------------------------*/
#map {
	background-image:url(../images/ui/usmap.gif);
	height: 637px;
	width: 580px;
	position:relative;
}

.menulink {
	position:absolute;
	height: 15px;
	width: 15px;
	top: 0px;
	left: 0px;
	text-decoration:none;
	cursor:pointer;
	}
	
#menu a i {visibility:hidden;}


#washington-link {
	top: 80px;
	left: 117px;
	}
	
#n-cal-link {
	top: 240px;
	left: 53px;
	}
	
#s-cal-link {
	top: 349px;
	left: 99px;
	}
	
#idaho-link {
	top: 176px;
	left: 192px;
	}
	
#oregon-link {
	top: 128px;
	left: 94px;
	}
	
#n-nevada-link {
	top: 230px;
	left: 130px;
	}
	
#s-nevada-link {
	top: 290px;
	left: 145px;
	}
	
#utah-link {
	top: 295px;
	left: 225px;
	}

#arizona-link {
	top: 401px;
	left: 207px;
	}
	
#new-mexico-link {
	top: 415px;
	left: 312px;
	}
	
#texas-link {
	top: 495px;
	left: 445px;
	}

#montana-link {
	top: 111px;
	left: 295px;
}

#wyoming-link {
	top: 207px;
	left: 302px;

	}
	
#colorado-link {
	top: 310px;
	left: 332px;
	}

/* Rounded Corners -----------
----------------------------*/
.rd-crnr{display:block}
.rd-crnr *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.rd-crnr1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #92c095;
  border-right:1px solid #92c095;
  background:#cfe3d0}
.rd-crnr2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #539c58;
  border-right:1px solid #539c58;
  background:#daeadb}
.rd-crnr3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #daeadb;
  border-right:1px solid #daeadb;}
.rd-crnr4{
  border-left:1px solid #92c095;
  border-right:1px solid #92c095}
.rd-crnr5{
  border-left:1px solid #cfe3d0;
  border-right:1px solid #cfe3d0}
