@CHARSET "UTF-8";

body {
	font-family: Helvetica, sans-serif;
	font-size: small;
	color: #666;
	background: #fff;
	text-align: center;
}

p {
	margin: 0.8em 0;
	line-height: 1.35em;
}

a {
	color: rgb(216, 135, 0);
	text-decoration: underline;
}

em, em input {
	font-style: italic;
}

a img {
	border: 0;
}

a:hover,a:active {
	text-decoration: none;
}

h1, h2, h3, h2 input {
	font-weight: normal;
	font-size: 1.2em;
	margin: 0 0 .5em 0;
}

h2 {
	text-transform: uppercase;
}

h3 {
	font-size: 1.3em;
	color: rgb(216, 135, 0);
}

dl {
	margin: 0 0 1em 0;
}

dl dt {
	float: left;
	width: 5em;
	font-weight: bold;
}

dl dt, dl dd {
	margin: 0 0 .2em 0;
}

ul.career {
	font-weight: bold;
/*	list-style: none;*/
	margin: 0;
	padding: 0;
}

ul.career li {
	margin: 1em 0 .5em 0;
}

dl.career dt {
	float: none;
	width: auto;
	margin: 2em 0 .5em 0;
}

dl.career dd {
	margin: 0;
	padding: 0;
}

ul, ol {
	padding: 0;
	list-style-position: inside;
}

/*
 * Forms
 */

form {
	margin: 0;
	padding: 0;
	clear: both;
}

form#newNewsForm {
	clear: none;
}

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

legend {
	padding: 0;
	margin: .5em 0;
	text-transform: uppercase;
}

legend a {
	text-decoration: none;
}

input, textarea {
	display: block;
	margin: 0 0 .5em 0;
	border: 1px solid #666;
	padding: 2px;
}

input:focus, textarea:focus {
	border-color: rgb(216, 135, 0);
}

input.hidden {
	border: 0;
	padding: 0;
	margin: 0;
}

input.submit {
	background: rgb(216, 135, 0);
	margin-top: 1em;
}

label {
	float: left;
	width: 8em;
}

h2 input {
	padding: 2px;
}

#loginForm input {
	width: 16em;
	margin-left: 9em;
}

#loginForm input.submit {
	width: 5em;
	margin-left: 20em;
}

#uploadForm label {
	display: block;
	float: none;	
}



.error {
	color: #cc0000;
}

.errors p.error {
	font-weight: bold;
}

.success {
	color: #00cc00;
}

/*
 * Introduction
 */
.introduction {
	margin-bottom: 2em;
}

.introduction h2 {
	color: rgb(216, 135, 0);
}

.introduction p {
	font-style: italic;
}

/*
 * Partners
 */
ul.partners {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.partners img {
	float: none !important;
	margin: 0 !important;
	padding: 0;
}

ul.partners li {
	margin: 0 0 28px 0;
	padding: 0;
	text-align: center;
	width: 204px;
	height: 82px;
	
	float: left;
	
/*	border: 1px dotted red;*/
}

ul.partners li.last {
	margin-bottom: 22px;
}

ul.partners li.even {
	margin-right: 0;
	float: right;
}

/*
 * Paragraphs, column layout
 */
p.p1,p.p2,p.p3,p.p4 {
	width: 45%;
	float: left;
	margin-right: 2em;
}

/*
 * News & Employee list
 */

ul.news, ul.employees {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	line-height: 1em;
}

ul.news li, ul.employees li {
	margin: 0 0 1.75em 0;
	padding: .2em;
	float: left;
	height: 80px;
	width: 32%;
	position: relative;
}

ul.news li:hover, ul.employees li:hover {
	background: #f6f6f6;
}

ul.news .wrap.outer, ul.employees .wrap.outer {
	display: table;
	height: 80px;
	
	#position: relative;
}

ul.news .wrap.inner, ul.employees .wrap.inner {
	display: table-cell;
	vertical-align: middle;
	
	#position: absolute;
	#top: 50%;
}

ul.news .wrap.sigh, ul.employees .info {
	#position: relative;
	#top: -50%;
}

ul.news h2, ul.employees h2 {
	font-size: 1.1em;
}

ul.news h2 a {
	color: #666;
	text-decoration: none;
}

ul.news .image, ul.employees .image {
	position: absolute;
	top: .2em;
	left: .2em;
	width: 80px;
}

ul.news .image img, ul.employees img {
	margin: 0 !important;
}

ul.news h2, ul.news .date, ul.news p, ul.news a.more {
	margin: 0 0 .4em 85px;
}




/*
 * Employee list
 */
ul.employees {
	font-size: 0.9em;
}

ul.employees li, ul.employees .wrap.outer {
	height: 86px;
}

ul.employees .image {
	width: 64px;
}

ul.employees .info {
	margin: 0 0 0 70px;
}

ul.employees .name, ul.employees h2 {
	display: block;
	font-weight: bold;
	font-size: .95em;
	text-transform: none !important;
}

ul.employees .title {
	font-size: .95em;
}

ul.employees dl {
	margin: 1em 0 0 0;
	padding: 0;
	width: 13em;	/* IE6 */
}

ul.employees dt {
	width: 3.5em;
	font-weight: normal;
	text-transform: lowercase;
	clear: both;
}

ul.employees dd {
	margin-left: 4em;
}

ul.employees dd.email {
	margin-left: 4.5em;
}

ul.employees dd.email span {
	display: block;
}

ul.employees dd.email a span {
	text-decoration: underline;
}

ul.employees dd.email a:hover span {
	text-decoration: none;
}


/*
 * News entry
 */
.newsContent {
	margin: .75em 0;
}

/*
 * Area list, see product pages
 */
.area {
	clear: right;
}

.area-first {
	margin-top: 4em;
}

.area ul {
	float: left;
	width: 44%;
	margin: 0 0 0 1em;
	list-style-position: outside;
	
	/* IE fix for list-style */
	#padding-left: 1.5em;
	#margin: 0;
}

.area p {
	float: right;
	width: 50%;
	margin: 0 0 2em 0;
}


.clearer {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	display: block;
}

/*
 * MENU
 */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 100; /* IE */
}

.menu a,.menu li,.menu li ul {
	width: 8em;
}

.menu a {
	display: block;
	text-decoration: none;
	cursor: pointer; /* Opera */
}

.menu li {
	float: left;
}

.menu li ul {
	position: absolute;
	width: 7em;
	left: -999em;
}

.menu li:hover ul, .menu li.hover ul {
	left: auto;
}

.menu ul a {
	background: url(graphics/menu-bg.png);
	color: #666;
}

.menu li:hover ul a:hover, .menu li.hover ul a:hover {
	background: url(graphics/menu-bg-active.png);
	color: #333;
}

/*
 * Map
 */
.map {
	position: relative;
}

.map a:link,.map a:visited {
	position: absolute;
	/*display: block;*/
	left: 203px;
	top: 42px;
	width: 202px;
	height: 202px;
	border: 1px solid #333;
	text-indent: -5000px;
	overflow: hidden;
	z-index: 50;
	background: inherit;
}

.map a:hover {
	border-color: #fff;
	margin: 0;
}

.map a:focus,.map a:active {
	left: 0;
	top: 0 !important;
	width: 424px;
	height: 424px;
	border: 0;
	border-bottom: 1px solid #333;
}

.map a img {
	position: absolute;
	top: 0;
	left: 0;
	display: none !important;
	z-index: 50;
}

.map a:focus img,.map a:active img {
	display: block !important;
}

/* 
 * CONTACT INFO
 */ 
.contactInfo span {
	display: block;
}

/*
 * IMAGE BROWSER
 */
ul.images {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.images li {
	float: left;
	margin: 0.7em;
	/*border: 1px solid blue;*/
	position: relative;
}

ul.images li a {
	display: block;
}

a.select {
	border: 2px solid #fff;
	display: block;
}

a.select:hover {
	border-color: rgb(216, 135, 0);
	border-color: #666;
	background-color: #f6f6f6; 
}

ul.images img {
	/*border: 1px solid red;*/
	margin: 0 !important;
}

ul.images a.delete {
	position: absolute;
	bottom: -5px;
	right: -5px;
	display: block;
	text-indent: -5000px;
	background: url(graphics/icons/delete.png) no-repeat;
	width: 16px;
	height: 16px;
	overflow: hidden;
}

ul.images a.delete:hover {
	background-image: url(graphics/icons/delete-red.png);
}

/*
 * FCKeditor
 */
iframe#content___Frame {
	height: 400px;
}

/*
 * CONTAINER	
 */
#container {
	width: 744px;
	margin: 30px auto;
	text-align: left;
}

body.minimal #container {
	margin: 10px auto;
	width: auto;
}

body.minimal #header h1 a {
	color: #666;
	text-decoration: none;
}

/*
 * LOGO
 */
#logo a {
	display: block;
	text-indent: -5000px;
	background: url(graphics/logo.png) no-repeat;
	width: 273px;
	height: 78px;
	overflow: hidden;
}

#slogan {
	display: none;
}

/*
 * NAVIGATION
 */
#navigation {
	padding: 34px 0 40px 0;
}

#navigation .menu a,
#navigation .menu li,
#navigation .menu li ul {
	width: 137px;
}

#navigation .menu li a.item {
	text-indent: -5000px;
	overflow: hidden;
	background: url(graphics/nav-product.png) no-repeat 12px 1px;
	height: 14px;
	border-left: 1px solid #d88700;
}

#navigation .menu li:hover a.item,
#navigation .menu li.hover a.item {
	border-color: #666;
}

#navigation .menu ul a {
	padding: 5px 12px;
	font-size: .85em;
}

#navigation .menu ul li.first a {
	padding-top: 10px;
}

#navigation .menu li ul a {
	width: 114px; /* Width - padding */
}

/* Ugh... CSS macros would be nice */
#navigation .menu li#nav-products:hover a.item,
#navigation .menu li#nav-products.hover a.item,
body#products #navigation li#nav-products a.item {
	background-image: url(graphics/nav-product-active.png);
	border-color: #666;
}

#navigation .menu li#nav-mission a.item {
	background-image: url(graphics/nav-mission.png);
}

#navigation .menu li#nav-mission a,
#navigation .menu li#nav-mission,
#navigation .menu li#nav-mission li,
#navigation .menu li#nav-mission ul {
	width: 161px;
}

#navigation .menu li#nav-mission ul a {
	width: 137px;
}

#navigation .menu li#nav-mission:hover a.item,
#navigation .menu li#nav-mission.hover a.item,
body#mission #navigation li#nav-mission a.item {
	background-image: url(graphics/nav-mission-active.png);
	border-color: #666;
}

#navigation .menu li#nav-partners a.item {
	background-image: url(graphics/nav-partners.png);
}

#navigation .menu li#nav-partners a,
#navigation .menu li#nav-partners,
#navigation .menu li#nav-partners li,
#navigation .menu li#nav-partners ul {
	width: 137px;
}

#navigation .menu li#nav-partners ul a {
	width: 113px;
}

#navigation .menu li#nav-partners:hover a.item,
#navigation .menu li#nav-partners.hover a.item,
body#partners #navigation li#nav-partners a.item {
	background-image: url(graphics/nav-partners-active.png);
	border-color: #666;
}

#navigation .menu li#nav-news a.item {
	background-image: url(graphics/nav-news.png);
}

#navigation .menu li#nav-news a,
#navigation .menu li#nav-news,
#navigation .menu li#nav-news li,
#navigation .menu li#nav-news ul {
	width: 100px;
}

#navigation .menu li#nav-news ul a {
	width: 76px;
}

#navigation .menu li#nav-news:hover a.item,
#navigation .menu li#nav-news.hover a.item,
body#news #navigation li#nav-news a.item {
	background-image: url(graphics/nav-news-active.png);
	border-color: #666;
}

#navigation .menu li#nav-career a.item {
	background-image: url(graphics/nav-career.png);
}

#navigation .menu li#nav-career a,
#navigation .menu li#nav-career,
#navigation .menu li#nav-career li,
#navigation .menu li#nav-career ul {
	width: 117px;
}

#navigation .menu li#nav-career ul a {
	width: 93px;
}

#navigation .menu li#nav-career:hover a.item,
#navigation .menu li#nav-career.hover a.item,
body#career #navigation li#nav-career a.item {
	background-image: url(graphics/nav-career-active.png);
	border-color: #666;
}

#navigation .menu li#nav-contact a.item {
	background-image: url(graphics/nav-contact.png);
}

#navigation .menu li#nav-contact a,
#navigation .menu li#nav-contact,
#navigation .menu li#nav-contact li,
#navigation .menu li#nav-contact ul {
	width: 86px;
}

#navigation .menu li#nav-contact ul a {
	width: 62px;
}

#navigation .menu li#nav-contact:hover a.item,
#navigation .menu li#nav-contact.hover a.item,
body#contact #navigation li#nav-contact a.item {
	background-image: url(graphics/nav-contact-active.png);
	border-color: #666;
}

/*
 * MAIN CONTENT
 */
#main {
	border: 1px solid #333;
	border-width: 1px 0;
	clear: both;
	padding: 30px 0;
	position: relative;
}

body.minimal #main {
	padding: 5px 0;
	border-bottom: 0;
}

#main #content {
	padding-right: 10px;
	min-height: 200px;
	/*margin-left: 10px;*/
}

#main #content img {
	float: right;
	margin: 5px;
}

#main #illustration, #main #introduction {
	float: left;
	margin-right: 2em;
	clear: left;
}

#main #illustration img {
	display: block;
}

#main #introduction {
	width: 242px;
	margin-bottom: 1.5em;
	float: left;
}

/*
 * FOOTER
 */
#footer {
	clear: both;
	text-align: right;
	padding-top: 15px;
	margin-bottom: 50px;
}

#footer .menu {
	float: right;
}

#footer ul li {
	border: 0;
	padding-right: 0;
}

#footer ul.menu li {
	float: left;
	width: auto;
	font-size: x-small;
	margin-left: 2em;
}

#footer ul.menu li a {
	border: 0;
	color: #666;
	text-decoration: none;
	width: auto;
	display: inline;
}

#footer ul.menu li a:hover {
	color: rgb(216, 135, 0);
}


/*
 * Admin menu
 */
#footer ul.admin {
	float: left;
	position: relative;
	line-height: 1em;
}

#footer ul.admin li {
	margin: 0;
}

#footer ul.admin ul {
	bottom: 1.3em;
}

#footer ul.admin ul li a {
	display: block;
	/*border-right: 1px solid blue;
	border-bottom: 1px solid red;*/
}

#footer ul.admin ul li.last a {
	padding-bottom: .5em;
}

#footer .menu li ul a {
	line-height: 2em;
	width: 9em;
	vertical-align: middle;
	text-align: left;
}

#footer .admin.menu li:hover ul, #footer .admin.menu li.hover ul {
	left: 0;
}

/*
 * PAGE-SPECIFIC
 */
body#home #main {
	background: url(graphics/map.png) top left no-repeat;
	border-width: 1px;
	padding: 0;
	height: 445px;
}

body#home #main #content {
	position: relative;
	height: 445px;
	padding: 0;
}

body#home #main #content p {
	margin: 0;
}

body#home #main #content p a {
	text-indent: -5000px;
	overflow: hidden;
	background: url(graphics/intro.png) no-repeat;
	width: 394px;
	height: 106px;
	position: absolute;
	top: 200px;
	left: 281px;
	display: block;
}



body#products h2#securusHeading {
	display: block;
	text-indent: -5000px;
	background: url(graphics/heading-securus.png) no-repeat;
	width: 512px;
	height: 132px;
	overflow: hidden;
	
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	_top: 1px;	/* IE */
}

body#products #content, body#products #illustration {
	margin-top: 40px;
}

body#products #illustration img {
	margin-bottom: 40px;
}

body#products #content {
	margin-top: 40px;
	margin-left: 303px;
}

body#products h3 {
	color: #666;
	text-transform: uppercase;
}

body#products #main {
	padding-top: 0;
}

body#products #introduction {
	/*border: 1px solid blue;*/
	width: 26em;
	height: 117px;
	float: none;
	clear: none;
	
	margin: 0;
	padding-top: 15px;
	
	letter-spacing: -1px;
}

body#products ul.subsections {
	list-style: none;
	padding: 0;
	margin: 0;
}

body#products ul.subsections li {
	float: left;
	width: 11.5em;
	z-index: 10;
	position: relative;
	margin: .27em 0 .3em 0;
	padding: 0;
	font-weight: normal;
}

body#products ul.subsections a {
	text-decoration: none;
}

body#products ul.subsections a:hover, body#products ul.subsections li.active a {
	color: #666;
}

body#products ul.subsections li#subTechnicalSpecification {
	clear: left;
}

body#products ul.subsections li#subTechnicalSpecification a, 
body#products ul.subsections li#subRangeChart a {
	font-weight: normal;
	color: #666;
}



body#mission #illustration img {
	
}

body#mission #illustration.hse img {
	margin-bottom: 40px;
	margin-top: 2.5em;
}

body#mission #content.hse {
	margin-left: 160px;
}



body#partners #illustration, body#partners #introduction {
	float: none;
	position: absolute;
	top: 30px;
}

body#partners #illustration {
	top: 17em;
}

body#partners #content {
	margin-left: 272px;
	padding-right: 0;
}


body#news #content h2 a {
	color: #666;
	text-decoration: none;
}

body#news #content .date {
	display: block;
}

body#news #content img {
	float: none;
	margin: 0;
}


body#career p {
	margin-top: 1em;
	margin-bottom: 0;
}


body#team .team {
	margin-bottom: 2em;
}

.team .team {
	margin-left: 1.5em;
}

.team .team h3 {
	color: #666666;
	font-size: 1.1em;
}

body#team #content {
	padding-right: 0;
}


body#contact #content {
	margin-left: 500px;
	margin-top: 100px;
}

body#contact h3 {
	margin: 0;
}




body#images #content img {
	float: none;
}

body#images form {
	padding-top: 1em;
}