html, body {
	margin: 0;
	padding: 0;
}

body {
	font: .75em normal "univers", helvetica, arial, sans-serif;
	padding: 0 12px;
	background: white url('/img/body_bg.gif') top left repeat-x;
	max-width: 1150px;
	min-width: 980px;
	color: #262B1F;
}

* html body {
  width: expression(
  	 document.body.clientWidth < (984)
  	 ?"980px"
  	 :"auto"
  	);
}

a {
	color: #56737F;
}

a:visited {
	color: #666D6F;
}

a:hover {
	text-decoration: none;
}

/* =HEADER *************************/

#header {
	margin-top: 18px;
	height: 88px;
	padding: 0 25px 0 55px;
}

#header h1 {
	margin: 0;
	float: left;
	text-indent: -999em;
	width: 194px;
	height: 88px;
	background: url('/img/header_h1.gif') top left no-repeat;
}

#header a {
	display: block;
	height: 88px;
	width: 194px;
}

#partners {
	padding-top: 20px;
	float: right;
}

#partners img {
	margin-left: 15px;
}

/* =NAVBAR *************************/

#nav {
	padding-top: 20px;
	background: white url('/img/navbar_bg.gif') top left no-repeat;
}

#nav a:visited {
	color: white;
}

#listMenuRoot {
	border-bottom: 26px solid #CCFF17;
	height: 25px;
	width: auto;
	text-transform: uppercase;
}

* html #listMenuRoot {
	overflow: hidden;
}

#login {
	text-transform: uppercase;
	padding-top: 6px;
	height: 53px;
	width: 19em;
	padding-left: 130px;
	float: right;
	background: #8A9396 url('/img/login_left_bg.gif') top left no-repeat;
	overflow: hidden;
	margin-left: -5px;
}

#login .extrahook {
	background: url('/img/login_right_bg.gif') right top no-repeat;
	height: 59px;
	padding-right: 15px;
	overflow: hidden;
}

#login h2 {
	margin: 0 0 2em;
	line-height: 1em;
	float: left;
	font: 11px normal "univers condensed", univers, "trebuchet ms", sans-serif;
}

#login fieldset {
	margin: -1px 0 0 1em;
	padding: 0;
	line-height: 1em;
	float: left;
	font: 11px normal "univers condensed", univers, "trebuchet ms", sans-serif;
}

#login label {
	width: 4em;
	margin: 0;
	line-height: 1em;
	color: white;
}

#login .loginheader, #login label {
	line-height: 2em;
}

#login input {
	margin: 0;
	font-size: .9em;
	border: 1px solid #8A9396;
}

#login .submit input {
	margin: 4px 0 0 .5em;
}

#login ul {
	margin-top: 0;
}

#login a {
	color: white;
	display: block;
	margin: 2px 0 0 4em;
}

#login fieldset a {
	margin-left: 0;
	display: block;
	margin-top: 6px;
}

#login .register, #login .logout {
	margin-top: 4px;
}

/* =CONTENT ************************/

#content {
}

#sidebar {
	float: left;
	width: 420px;
	position: relative;
	top: -6px;
	padding-bottom: 36px;
	background: url('/img/sidebar_bottom_bg.gif') bottom left no-repeat;
}

#sidebar_downloads {
	float: left;
	clear: left;
	width: 320px;
	padding: 10px 40px 0;
}

#sidebar_downloads p {
	width: 260px;
	padding-left: 8px;
	font-size: .9em;
	font-weight: bold;
}

#sidebar_container {
	float: left;
}

#main {
	padding-top: 40px;
	margin-left: 440px;
}

* html #main {
	float: left;
	margin-left: 10px;
}

.leftcol {
	width: 45%;
	float: left;
	display: inline;
}

.rightcol {
	margin-left: 5%;
	width: 45%;
	float: left;
	display: inline;
}

/* =STYLE **************************/

h1 {
	margin: 0 0 .5em;
	padding: 0;
	font-family: arial narrow;
	font-size: 37px;
	font-weight: normal;
}

h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 1em 0 .5em;
}

h1+h2 {
	margin-top: -.5em;
	font-weight: bold;
}

h3 {
	font-size: 1.1em;
	margin: 1em 0 .5em;
}

p {
	line-height: 1.4em;
	margin: .8em 0 .8em;
}

a img {
	border: none;
}

#main ul.linklist {
	margin: 2em 0 0;
	padding: 0;
	list-style: none;
}

#main ul {
	margin: 0 0 0 2em;
	padding: 0;
}

#main li {
	margin-top: .4em;
}

ul.spaced li {
	margin: 1em 0;
}

#main ul ul {
	padding-left: 2em;
	margin-bottom: .5em;
}

#main ul.clients {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: .9em;
}

#main ul.clients li {
	margin-top: .1em;
}

body#home .third {
	width: 150px;
}

.third {
	margin-top: 2em;
	float: left;
	width: 25%;
	margin-right: 15px;
}

.linkbox {
	width: 160px;
	padding: 8px 0;
	border-top: 3px solid #CCFF17;
	border-bottom: 3px solid #CCFF17;
}

.third h2 {
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-size: 15px;
}

.third .sIFR-hasFlash h2 {
	font-size: 18px;
}

#main .linkbox ul {
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}

#main .linkbox li {
	margin: 0;
	padding: 0;
}

* html #main .linkbox li {
	height: 1em;
}

#main .linkbox a {
	text-decoration: none;
	color: #262B1F;
	display: block;
	margin-top: 2px;
	padding: 2px 0 2px 16px;
	background: url('/img/bullet_plus.gif') 4px 50% no-repeat;
}

#main .linkbox a:hover {
	background-color: #CCFF17;
}

#main .legal {
	padding-top: 50px;
	font-size: .8em;
}

.footnotes {
	margin: 2em 0;
	font-size: .8em;
}

.caption {
	font-size: .9em;
	font-weight: bold;
}

#sidebar .caption {
	text-align: center;
	margin: 1em 0;
}

li {
	line-height: 1.4em;
}

#main li a.download_pdf {
	margin: 0;
}

a.download_pdf {
	margin: 0 auto;
	display: block;
	width: 213px;
	height: 32px;
	background: url('/img/icons/download_pdf_green.jpg') left top no-repeat;
	padding: 15px 70px 0 56px;
	text-decoration: none;
	color: black;
}

a.button {
	margin: 1em 0;
	display: block;
	width: 161px;
	height: 33px;
	background: url('/img/icons/generic_button.jpg') left top no-repeat;
	padding: 15px 10px 0;
	text-align: center;
	text-decoration: none;
	color: black;
}

.product_thumb {
	width: 139px;
	margin: 10px 5px 5px 1px;
	display: inline-block;
	border-bottom: 3px solid black;
	float: left;
}

* html product_thumb {
	float: left;
}

.product_thumb img {
	border: 3px solid black;
}

.product_thumb .caption {
	margin: 3px 0;
	background: #CCFF17;
	padding: 7px 8px;
	min-height: 5.2em;
}

* html .product_thumb .caption {
	height: 5.2em;
}

/* =DOWNLOAD CENTER ***************/

#main fieldset.login {
	background: #CCFF17;
	padding: 20px;
}

body#downloads #main .linklist {
	margin-top: 0;
}

/* =CASE STUDIES ******************/

blockquote, cite {
	margin-left: 3em;
	font-style: italic;
}


/* =PRESS *************************/

table.press_archives {
	border-collapse: collapse;
}

.press_archives td {
	padding: 4px 9px;
	border: 1px solid black;
}

/* =CONTACT ***********************/

.vcard {
	margin-top: 1em;
}

.adr {
	margin-bottom: 1em;
}

/* =FOOTER ************************/

#footer {
	margin-top: 40px;
	font-size: 9px;
	overflow: hidden;
	padding: 1em 0;
}

#footer .legal {
	border-top: 1px dashed #262B1F;
	float: left;
	padding-top: 8px;
	margin-top: 8px;
}

#footer p {
	margin: 0;
}

table.forlayout {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	border: none;
}

table.forlayout td {
	padding: 2px;
	vertical-align: top;
	margin: 0;
	border: none;
}

/* SIFR ***************************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

#main .sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 3.5em;
}

body#home #main .sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 1.4em;
}

/*
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/


/* =FORMS *************************/

fieldset {
	border: none;
	padding: 0;
	margin-right: 0;
	margin-left: 0;
	margin-top: 1em;
}

form {
	margin: 0;
}

ul.linklist {
	list-style: none;
	font-size: 1em;
	line-height: 1.4;
	padding: 0;
	margin: 1em 0;
}

ul.horizontal li {
	display: inline;
	padding: 0 4px;
}

ul.horizontal h2 {
	display: inline;
}

ul.twooptions li {
	width: 40%;
}

ul.spaced li {
	padding: 0 1em;
}

div.actionblock {
	float: left;
	margin: 1em 2em;
}

.clear {
	clear: both;
}

dl.infodisplay {
	margin: 0;
	padding: 0;
}

.infoform input, .infoform span.value, .infoform select {
	line-height: 2em;
}

dl.infodisplay dt,
.infoform label {
	display: block;
	float: left;
	width: 8em;
	font-size: 1.1em;
	line-height: 1.4;
	text-align: right;
	margin-right: .5em;	
}

.infoform .error_message {
	margin-left: 6.5em;
	color: red;
	margin-top: .2em;
}

dl.infodisplay dt,
dl.infodisplay dd,
.infoform label,
.infoform .explanation {
	height: 2em;
	line-height: 1.4;
	font-size: 1em;
}

dl.wide dt,
.wide label {
	width: 13em;
}

.wide .error_message {
	margin-left: 13.5em;
}

.infoform label {
	line-height: 2em;
	height: 1em;
}

.infoform input,
.infoform span.value,
.infoform select {
	line-height: 1em;
}

.explanation {
	display: inline-block;
	margin: 0;
	width: 20em;
}

.infoform input,
.infoform select {
	margin: .2em 0;
	font-size: 1em;
}

.infoform label.forbox {
	line-height: 1em;
}

input[type^='checkbox'] {
	line-height: 1em;
}

fieldset.infoform {
	border: none;
}

.infoform legend {
	margin-top: 1em;
	font-size: 1.1em;
}


/* =UTIL **************************/

.linklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.left {
	float: left;
	clear: left;
}

.right {
	float: right;
	clear: right;
}

.clear {
	clear: both;
}

/* easy clearing. see http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* For ie 7 */
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
/* show only to ie 6 */
* html .clearfix { height: 1%; }