/* =reset
--------------------------------------------------------------------*/

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

/* =basic html
--------------------------------------------------------------------*/


body {
 	background: #fff url(/i/bg.jpg) 50% 120px repeat-x;
	text-align: center;
	font: 11px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
}

* html body {
	font-size: 75%;
}

p, ul, ol, hr, blockquote {
	margin: 0 0 1.4em 0;
}

ul, ol {
	padding-left: 2.5em;
}

hr {
	height: 0;
	border-top: 1px solid #ddd;
	clear: both;
}

blockquote {
	padding: 0 36px;
	color: #555;
	background: url(/i/quotes.gif) 0 2px no-repeat;	
}



/* =headings
--------------------------------------------------------------------*/

h1, h2, h3, h4 {
	margin: 0 0 .3em 0;
	font-weight: bold;
	color: #036;
	line-height: 100%;
}
h1 {
	font-size: 24px;
	letter-spacing: -.05em;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 14px;
	margin-top: 5px;
}
h4 {
	font-size: 120%;
}

h5 {
	font-size: 1em;
}


.fourth h3, .third h3, h3.ruled  {
	border-bottom: 4px solid #036;
	padding-bottom: 3px;
	margin-bottom: 9px;
}

/* =links
--------------------------------------------------------------------*/

a {
	font-weight: bold;
	color: #c90;
/*	text-decoration: underline;*/
}

a:hover, a:active {
	color: #9b8;
	text-decoration: none;
}



/* =structure
--------------------------------------------------------------------*/

.wrapper {
	width: 960px;
	text-align: left;
	position: relative;
	margin: 0 auto;
	background: #fff;
}

#head {
	padding: 0;
	background: url(/i/bg-head.png);
	height: 120px;
	width: 100%;
}

#head .wrapper {
	background: none;
}

#content {
	width: 930px;
	margin: 20px 0 20px 30px;
}
 
#footer {
	float: left;
	width: 960px;
	background: #fff url(/i/bg-foot.png) 0 0 repeat-x;
	font-size: 10px;
	border-top: 1px solid #ccc;
	padding: 20px 0;
}

#nav, #content {
	float: left;
	display: inline;
}


/* =navs
--------------------------------------------------------------------*/

#nav {
	overflow: hidden;
	width: 960px;
	background: url(/i/bg-nav.jpg) 0 0 repeat-x;
}

#nav ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 20px;
}

#nav, #nav li {
	padding: 0;
	margin: 0;
	height: 60px;
}

#nav li {
	display: inline;
	float: left;
	margin-right: 6px;
}

#nav a {
	display: block;
	overflow: hidden;
	padding-top: 60px;
	height: 0px !important;
	height /**/:60px; /*for IE5/Win only */
	background-position: 0 0;
	background-repeat: no-repeat;
}
#nav a:hover, #nav a:active {
	background-position: 0 -60px;
}
#nav a.current {
	background-position: 0 -120px;
}


a#home { 	
	background-image: url(/i/b/home.png);
	width: 64px;
}
a#products { 
	background-image: url(/i/b/products.png); 
	width: 86px;
} 
a#news {
	background-image: url(/i/b/news.png);
	width: 126px;
}
a#careers {
	background-image: url(/i/b/careers.png);
	width: 76px;	
}
a#company {
	background-image: url(/i/b/company.png);
	width: 89px;
}
a#contact {
	background-image: url(/i/b/contact.png);
	width: 100px;
}

a#downloads { 	background-image: url(/i/b/downloads.png); }
a#members { 	background-image: url(/i/b/members.png); }
a#disclaimer { 	background-image: url(/i/b/disclaimer.png); }
a#public { 	background-image: url(/i/b/public.png); }




/* =content
--------------------------------------------------------------------*/

.intro {
	font-size: 18px;
	line-height: 22px;
	color: #777;
}

#con ul {
	margin-left: 2em;
}

.r {
	float: right;
	margin: 0 0 1em .5em;
}

img.r, .r img, .trow img {
	border: 1px solid #ddd;
	padding: 1px;
}

.trow img {
	margin-right: 10px;
}

img.bare {
	border: 0;
}

.smaller {
	font-size: .9em;
	line-height: 130%;
}


.c {
	text-align: center;
}

.ghost {
	visibility: hidden;
	clear: both;
}


.clr {
	visibility: hidden;
	clear: both;
	margin: 0;
	height: 0;
}


.prodlist a.current {
	color: #444;
	text-decoration: none;
}

.alignright {
	text-align: right;
}



/* =download links
--------------------------------------------------------------------*/

a.dl {
	padding: .2em 0 .2em 18px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
a.pdf {
	background-image: url(/i/icon_pdf.png);
}
a.word {
	background-image: url(/i/icon_word.png);
}
a.emailadd {
	background-image: url(/i/email_add.png);
}
a.film {
	background-image: url(/i/icon_film.png);
}
a.newwin {
	background-image: url(/i/icon_newwin.gif);
	background-position: right 50%;
}

ul.dls {
	padding-left: 0;
	list-style: none;
}



/* =multi-column
--------------------------------------------------------------------*/

.col {
	float: left;
	display: inline;
	margin: 0 15px;
}


#footer .first {
	margin-left: 30px;
}

.full {
	width: 900px;
	margin: 0;
}

.threefourth {
	width: 655px;
}

.half {
	width: 440px;
}

.twothird {
	width: 600px;
}

.third {
	width: 285px;
}

.fourth {
	width: 200px;
}

.fifth {
	width: 162px;
}

.sixth {
	width: 126px;
}

.eighth {
	width: 99px;
	margin: 8px;

}
 
.fourth, .fifth, .sixth, .eighth  {
	font-size: 10px;
	line-height: 15px;
}

.first {
	margin-left: 0;
}

.last {
	margin-right: 0;
}



.thumbs {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}

.thumbs a img {
	border: 1px solid #c90;
}

.thumbs a:hover img {
	border-color: #9b8;
}


/* =tables
--------------------------------------------------------------------*/

.matrix {
	width: 100%;
	margin: .5em 0 2em 0;
	border-collapse: collapse;
	font-size: 10px;
	line-height: 12px;
}

.matrix td {
	border-bottom: 1px solid #ceb;
}

.matrix td, .matrix th {
	padding: 5px;
}

.matrix thead {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url(/i/bg-foot.jpg) 0 50% repeat-x;
}


tr.alt {
	background: #f6fcf0;
}

table.matrix tr:hover {
	background: #ffd;
	cursor: arrow;
}

.demo td {
	text-align: center;
	border-collapse: collapse;
	border: 5px solid #fff;
	font-weight: bold;
}


/* =forms
--------------------------------------------------------------------*/

label, input {
	display: block;
}

input, select, textarea {
	width: 210px;
	padding: 6px;
	font:  13px/100% "helvetica neue", helvetica, arial, sans-serif;
	color: #888;
	border: 2px solid #ac9;
	border-right-color: #ded;
	border-bottom-color: #ded;
	margin-bottom: 0;
}

select {
	width: auto;
	font-size: 11px;
	padding-right: 10px;
}

textarea {
	width: 400px;
}

option {
	padding: 1px 3px;
}

label {
/* 	float: left;
	width: 120px;
	text-align: right; */
	margin: 4px 10px 0 0;
}

.fourth input {
	width: 165px;
}

.but {
	width: auto !important;
	border-color: #ded;
	border-right-color: #ac9;
	border-bottom-color: #ac9;
	background: #eee;
	color: #666;
	font-weight: bold;
}


form hr {
	clear: both;
	width: 100%;
}

form p {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

input:focus {
	font-weight: bold;
	line-height: 100%;
	color: #666;
}

input:focus, textarea:focus, select:focus, input:active {
	background: #ffe;
}
.check {
	border: 0;
}
.but, .loose, .check {
	width: auto;
	text-align: left;
	margin-bottom: 0;
}


.loose input.loose {
	display: inline-table;
}

label.loose input.loose {
	margin-top: 2px;
}


/* =other
--------------------------------------------------------------------*/
.errors {
	font-weight: bold;
	color: #a00;
}

.okayed {
	font-weight: bold;
	color: #272;
}