/*-----------------------------------------------------------------------------
	DEFAULT GLOBAL
-----------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}

body {font: 62.5% Helvetica, Arial, sans-serif; color: #333333; background: #ffffff;}

.smaller {font-size: 0.9em;}
.smallest {font-size: 0.8em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.4em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}

p {margin: 0 0 1em 0;}

.strong {font-weight: bold;}
.em {font-style: italic;}
.hide {display: none;}
.block {display: block;}
.inline {display: inline;}
.none {display: none;}

.cap {text-transform: capitalize;}
.ucase {text-transform: uppercase;}
.lcase {text-transform: lowercase;}

hr {margin: 1em 0 1em 0; background: #e0efc4; width: 100%; height: 1px; color: #e0efc4; border: 0; clear: both;}
.hr {margin: 1em 0 1em 0; border-top: 1px solid #e0efc4;}
	.hr hr {display: none;}
	
.clear {position: relative; width: 100%; clear: both; line-height: 0; height: 0; display: block;}

img {border: 0;}
	img.left {float: left; margin: 0 20px 5px 0;}
	img.left-bordered {float: left; margin: 0 20px 5px 0; border: 1px solid #e0efc4;}
	img.right {float: right; margin: 0 0 5px 20px;}
	img.right-bordered {float: right; margin: 0 0 5px 20px; border: 1px solid #e0efc4;}
	img.bordered {border: 1px solid #e0efc4; margin: 0 5px 5px 0;}
	img.center {float: none; margin: 0 auto; display: block;}
	
.caption {color: #98ca3c; font-size: 0.9em; font-style: italic; text-align: left; display: block;}

		
/*-----------------------------------------------------------------------------
	DEFAULT LINKS
-----------------------------------------------------------------------------*/

a {color: #98ca3c; text-decoration: none; cursor: pointer;}
	a:hover {color: #2d68b2;}
	a:focus {outline: none;}

/*-----------------------------------------------------------------------------
	TABLES
-----------------------------------------------------------------------------*/

table, td, th {vertical-align: top; text-align: left; font-size: 1em;}

/*-----------------------------------------------------------------------------
	DEFAULT HEADINGS
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif; line-height: 1.2em;}

h1 {font-size: 1.8em; font-weight: normal; color: #2d68b2; margin: 0.2em 0 0.5em 0;}
	
h2 {font-size: 1.6em; font-weight: normal; color: #6c95c9; margin: 1em 0 0.7em 0;}

h3 {font-size: 1.4em; font-weight: bold; color: #98ca3c; margin: 1em 0 0.7em 0;}

h4 {font-size: 1.2em; font-weight: bold; color: #2d68b2; margin: 0.7em 0 0.5em 0;}

h5 {font-size: 1.1em; font-weight: bold; color: #6c95c9; margin: 0.7em 0 0.5em 0;}

h6 {font-size: 1em; font-weight: bold; color: #98ca3c; margin: 0.7em 0 0.5em 0;}

/*-----------------------------------------------------------------------------
	DEFAULT LISTS
-----------------------------------------------------------------------------*/

ul {margin: 0 0 1em 1.5em;}
	ul li {margin: 0 0 0.3em 0;}
	ul.spaced li {margin: 0 0 1em 0;}
	
ol {margin: 0.5em 0 1em 3em;}
	ol li {margin: 0 0 0.2em 0;}
	ol.spaced li {margin: 0 0 1em 0;}
	
/*
----------------------------------------------------------------------------- 
Forms
-----------------------------------------------------------------------------*/

form {font-size: 0.9em;}

fieldset, legend {margin: 0; padding: 0; border: 0;}

label {font-weight: bold; color: #444444;}

input, textarea, select {font: 1em Helvetica, Arial, sans-serif; color: #444444; margin: 0 0 5px 0; padding: 1px 2px 1px 2px; border: 1px solid #98ca3c; background: #ffffff; width: 200px;}

	input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {background: #ffffff; border: 1px solid #2d68b2;}
	
	.action {background: #98ca3c; width: auto; color:#ffffff; padding: 1px 5px 1px 5px;}
		.action:hover, .action:focus {background: #2d68b2; cursor: pointer;}
	
	textarea {overflow: auto; height: 100px;}
	
	select {padding: 0; width: 208px;}

form#SearchForm_SearchForm {font-size: 1.1em; line-height: 30px;}

#Search, #Search .middleColumn {display: inline;}

	#Search input {width: 150px; color: #808080; margin: 0;}

	#SearchForm_SearchForm .action {background: transparent url(../images/arrow-1.gif) 0 2px no-repeat; border: 0; width: 14px; height: 16px; margin: 0 0 0 3px;}
		#SearchForm_SearchForm .action:hover {background-position: -14px 2px;}

.message {font-weight: bold; color: #98ca3c;}

input[type="radio"], input[type="checkbox"], input.checkbox {width: auto !important; margin: 2px 2px 0 0; border: 0;}
input[type="hidden"] {display: none;}
select[multiple="multiple"] {margin-left: 0;}

/*-----------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------*/

#container {position: relative; width: 982px; margin: 0 auto; text-align: left;}

	#container .container {padding: 0 10px; margin: 0;}

#logo {float: right; background: transparent url(../images/logo-thiess-services.gif) 0 0 no-repeat; margin: 10px 20px 10px 0;}
	#logo a {display: block; width: 187px; height: 110px;}
		#logo a span {display: none;}

#searchbar {clear: both; background: #98ca3c; padding: 0 20px 0 0; text-align: right; height: 30px;}

#text-sizes {position: absolute; bottom: 60px; right: 10px;}
	#text-sizes a {color: #e2383f; margin: 0 0 0 1px;}
		#text-sizes a:hover {color: #444444;}
	
#header-container {position: relative; width: 962px; height: 250px; padding: 0 0 2px 0;}

#header {position: absolute; top: 2px; right: 0; width: 750px; height: 250px; overflow: hidden;}

	#header h1 {position: absolute; left: 30px; bottom: 15px; width: 700px; font-size: 4em; font-weight: normal; color: #ffffff; margin: 0; z-index: 20;}
		#header h1.home {font-size: 2.8em;}
	
	#header-img img {width: 750px; height: 250px; display: none;}
	
	#header-overlay {position: absolute; bottom: 0; left: 0; width: 750px; height: 106px; background: transparent url(../images/bg-header-overlay.png) 0 0 repeat; display: none; z-index: 9;}
	
		* html #header-overlay {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/bg-header-overlay.png');}
	
#mid {background: #6c95c9 url(../images/bg-mid.gif) 0 0 repeat-y; height: 30px; margin: 2px 0 2px 0;}

	#mid h1 {float: left; font-size: 1.4em; font-weight: bold; color: #ffffff; margin: 0; padding: 0 10px 0 20px; line-height: 30px;}

#breadcrumbs {width: 700px; margin: 0 0 0 242px; color: #cccccc; font-size: 1.1em; line-height: 30px;}

	#breadcrumbs a {color: #ffffff;}
		#breadcrumbs a:hover {color: #cccccc;}

#main {float: left; width: 100%; background: transparent url(../images/bg-main.gif) 0 0 repeat-y; margin: 0 0 2px 0;}

#sidebar {float: left; width: 210px;}

#latest-news {height: 150px; overflow: hidden;}

	#latest-news img {width: 210px; height: 110px; border-bottom: 2px solid #ffffff;}
	#latest-news .inner { height: 140px; padding: 10px 10px 0 20px; line-height: 1.3em; background: #e0efc4;}
	#latest-news a {color: #2d68b2;}
		#latest-news a:hover {color: #333333;}

#content {float: right; width: 720px; padding: 0 0 30px 0;}

#content-left {float: left; width: 420px; font-size: 1.2em; padding: 20px 0 0 0; line-height: 1.3em;}

#content-right {float: right; width: 250px; font-size: 1em;}
	#content-right img {width: 250px;}

#footer {clear: both; color: #98ca3c; font-size: 1.1em; border-top: 1px solid #e0efc4; margin: 2px 0 0 0;}

	#footer a {color: #98ca3c;}
		#footer a:hover {color: #2d68b2;}
	#footer .floatleft {width: 210px; padding: 10px 0 30px 0; text-align: center;}
	#footer .floatright {padding: 10px 0 30px 0;}
	#footer .copy {font-size: 1.1em;}
	#footer p {display: inline;}
	
#sitemap-list {margin: 0 0 1em 0.1em;}

	#sitemap-list li {list-style: none; font-weight: bold; text-transform: uppercase;}
		#sitemap-list li a {color: #2d68b2;}
			#sitemap-list li a:hover {color: #98ca3c;}

		#sitemap-list ul {margin: 0 0 1em 2em;}

		#sitemap-list ul li {list-style: disc; font-weight: normal; text-transform: none;}
			#sitemap-list ul li a {color: #6c95c9;}
				#sitemap-list ul li a:hover {color: #98ca3c;}
			#sitemap-list ul ul li a {color: #98ca3c;}
				#sitemap-list ul ul li a:hover {color: #2d68b2;}

/*-----------------------------------------------------------------------------
	MAIN NAV
-----------------------------------------------------------------------------*/

#nav {position: absolute;  top: 0; left: 0; width: 210px; height: 252px; background: #cbe49d url(../images/bg-nav.gif) 0 0 repeat-y; z-index: 100;}

/*** ESSENTIAL STYLES ***/
.nav, .nav * {margin: 0; padding: 0; list-style: none;}
	.nav {line-height: 1em;}
	
.nav ul {position: absolute; top: -999em; width: 210px;}
	.nav ul li {width: 100%;}
	
.nav li {float: left; position: relative; z-index: 90; width: auto;}
	.nav li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}

.nav a {display: block; position: relative;}

.nav li:hover ul, ul.nav li.sfHover ul {left: 210px; top: -2px;}

.nav li:hover li ul, .nav li.sfHover li ul {top: -999em;}

.nav li li:hover ul, ul.nav li li.sfHover ul {left: 210px; top: -2px;}

.superfish li:hover ul, .superfish li li:hover ul {top: -999em;}

/*** ACTUAL SKIN ***/
.nav {float: left; font-size: 1.2em;}

.nav, .nav li {width: 210px;}
	.nav li li ul, .nav li li li {width: 250px;}

.nav ul {border: 2px solid #ffffff; border-top: 0;}

.nav li {font-weight: bold; text-transform: uppercase; border-top: 2px solid #ffffff;}

.nav li a {color: #000000; padding: 13px 10px 11px 20px; line-height: 10px;}

.nav li:hover, .nav li.sfHover, .nav li a:hover {color: #000000; background: #98ca3c;}

.nav li li {background: #cbe49d; font-weight: normal; text-transform: none;}

.nav li li a {color: #000000; padding: 13px 10px 11px 20px; line-height: 10px;}

.nav li li:hover, .nav li li.sfHover, .nav li li a:hover {color: #000000; background: #98ca3c;}

/*-----------------------------------------------------------------------------
	SECONDARY NAV
-----------------------------------------------------------------------------*/

.nav2 {margin: 20px 0 50px 0; padding: 0; border-top: 1px solid #ffffff;}

.nav2 li {list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ffffff;}
	.nav2 li a {color: #2d68b2; display: block; padding: 5px 10px 5px 20px; background: transparent; font-weight: bold; font-size: 1.2em;}
	* html .nav2 li a {display: inline-block; width: 180px;}
		.nav2 li a:hover, .nav2 li .current, .nav2 li .section {background: #ffffff;}

.nav2 li ul {margin: 0; padding: 0;}
.nav2 li li {margin: 0; border: 0;}
	.nav2 li li a {padding: 4px 10px 4px 30px; font-weight: normal; font-size: 1.1em;}
	* html .nav2 li li a {width: 170px;}
		.nav2 li li a:hover, .nav2 li li .current, .nav2 li li .section {background: none; color: #000000;}