html {
	background: #2a2a2a url('images/html.png') repeat-y top center;
}

body {
	margin: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1c1c1c;
}

#outer-wrap {
	background: transparent url('images/banner-1232x170.png') no-repeat center top;
	margin: 0 auto;
}

#outer-wrap.nobanner {
	padding-top: 170px;
}

body.home #outer-wrap {
	background: transparent url('images/tmp-homebanner0.png') no-repeat center top;
}

body.solutions {
	background: url('images/body.png') no-repeat center 343px;
}/*

body.solutions #outer-wrap {
	background: transparent url('images/tmp-banner.png') no-repeat center top;
}*/

body.kcenter {
	background: url('images/body.png') no-repeat center 275px;
}

body.kcenter #outer-wrap {
	background: transparent url('images/banner-1232x170.png') no-repeat center top;
}

a {
	text-decoration: none;
	color: #e41642;
}

a:hover {
	text-decoration: underline;
}

#wrap,
#header .inner,
#footer .inner {
	width: 956px;
	margin: 0 auto;
	text-align: left;
}

#header .inner {
	position: relative;
	height: 116px;
}

#header h1 {
	width: 395px;
	margin: 0;
	text-indent: -500em;
}

#header h1 a {
	display: block;
	background: url('images/logo-medium.png') no-repeat 24px 9px;
	height: 70px;
}

#header ul li {
	display: inline;
	list-style-type: none;
}

#header ul#utils {
	position: absolute;
	z-index: 10;
	top: 46px;
	right: 18px;
	margin: 0;
	font-size: 12px;
}

#header ul#utils li {
	margin-left: 30px;
}

#header ul#utils li#language {
	position: relative;
}

#header ul#utils li#language a {
	background: url('images/icon-arrow-dropdown.png') no-repeat top right;
	padding: 6px 21px 3px 13px;
}

#header ul#utils li#language ul {
	display: none;
	position: absolute;
	top: 1.65em;
	left: 0;
	z-index: 15;
	background: url('images/language.png') no-repeat bottom right;
	width: 80px;
	margin: 0;
	padding: 0 1px 6px 0;
	border-top: 1px solid #d2d3d4;
}

#header ul#utils li ul li {
	display: block;
	background-color: #e9eef1;
	margin: 0;
	border-bottom: 1px solid #d2d3d4;
}

#header ul#utils li#language ul li a {
	display: block;
	background: none;
	padding: 6px 21px 3px 13px;
	color: #313131;
}

#header ul#mainnav {/* Cufon */
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: -25px;
	background: url('images/mainnav.png') no-repeat -2px 0;
	width: 100%;
	height: 56px;
	margin: 0;
	padding-left: 0;
	font-size: 17px;
}

#header ul#mainnav li {
	float: left;
	background: url('images/mainnav-border.png') no-repeat 100% 12px;
	padding: 10px 0 18px 0;
}

#header ul#mainnav a {
	padding: 10px 26px 26px 26px;
	color: #313131;
}

#header ul#mainnav li a:hover {
	text-decoration: none;
	color: #e41642;
}

#header ul#mainnav li.active a {
	background: url('images/mainnav-active.png') no-repeat center 41px;
	text-decoration: none;
	color: #e41642;
}

#header ul#mainnav li.l {
	background: none;
}

#header ul#mainnav .back {
	padding-left: 25px;
}

#header ul#mainnav .back a {
	background: url('images/back.png') no-repeat 0 17px;
}

#header #sitesearch {
	position: absolute;
	z-index: 5;
	right: 20px;
	bottom: -2px;
}

#header #sitesearch input {
	width: 150px;
}

#header #sitesearch input.submit {
	width: auto;
}

ul#secondarynav {/* Cufon */
	background-color: #e9eef1;
	height: 39px;
	margin: 0 0 33px 0;
	padding-left: 0;
}

ul#secondarynav li {
	display: inline;
	float: left;
	list-style-type: none;
	font-size: 15px;
}

ul#secondarynav li a {
	float: left;
	padding: 14px 23px 10px 23px;
	color: #313131;
}

ul#secondarynav li a:hover {
	text-decoration: none;
	color: #e41642;
}

ul#secondarynav li.active {
	border-top: 1px solid #f1f1f1;
	margin-top: -5px;
}

ul#secondarynav li.active a {
	background: #fff;
	padding-top: 17px;
	border-top: 1px solid #ebebeb;
	color: #e41642;
}

ul#sectionnav {
	margin: 0 0 30px 0;
	padding-left: 0;
	border-top: 1px solid #d9dee1;
}

ul#sectionnav li {
	list-style-type: none;
	padding: 11px 0 8px 7px;
	border-bottom: 1px solid #d9dee1;
}

ul#sectionnav li ul {
	display: none;
}

ul#sectionnav li.open ul {
	display: block;
}

ul#sectionnav li a,
ul#sectionnav li.open ul li a {
	color: #1c1c1c;
}

ul#sectionnav li.active a {
	color: #e41642;
} 

ul#sectionnav li.open {
	padding-bottom: 0;
}

ul#sectionnav li.open ul li.active a {
	color: #e41642;
}

ul#sectionnav li.open ul {
	background-color: #f3f6f7;
	margin: 8px 0 0 -7px;
	padding-left: 0;
	border-top: 1px solid #d9dee1;
}

ul#sectionnav li.open ul li {
	padding-left: 19px;
}

ul#sectionnav li.open ul li.l {
	border-bottom: none;
}

#footer {
	clear: both;
	background: transparent url('images/footer.png') no-repeat center bottom;
	margin-top: 30px;
}

#footer .inner {
	position: relative;
	background: url('images/logo-footer.png') no-repeat bottom right;
	min-height: 115px;
	padding-bottom: 65px;
	font-size: 12px;
}

#footer a {
	color: #222;
}

#footer a.feed {
	background: url('images/icon-rss.png') no-repeat top left;
	padding: 5px 0 5px 27px;
}

#footer ul {
	float: left;
	width: 155px;
	margin: 25px 0 0 0;
	padding-left: 0;
}

#footer ul.f {
	margin-left: 250px;
}

#footer ul li {
	list-style-type: none;
	margin-bottom: 5px;
}

#footer .partner {
	position: absolute;
	top: 27px;
	left: 12px;
	background: url('images/logo-ibm.png') no-repeat top left;
	width: 120px;
	height: 72px;
	text-indent: -500em;
}

#footer .copy {
	position: absolute;
	top: 144px;
	left: 535px;
	margin-right: 120px;
	font-size: 11px;
	color: #939393;
}
#footer .phone {
	position: absolute;
	left: 12px;
	bottom: 7px;
	color: #939393;
}

#footer .phone span {
	font-size: 15px;
	color: #fff;
}


/* Content blocks */

.quartercol {
	float: left;
	width: 217px;
	margin-right: 25px;
}

.quartercol-r {/* To be used when two quarter columns are inserted in a large mid column. */
	float: right;
	width: 217px;
}

.midcol .quartercol {/* The .quartercol-r class is then used for the right columns within the middle column, since that one will be floating right there is no need for a margin. */
	margin-right: 0;
}

.thirdcol {
	float: left;
	width: 337px;
	margin-right: 25px;
	padding-bottom: 35px;
}

.midcol {
	float: left;
	width: 456px;
}

.widemidcol {
	float: left;
	width: 710px;
}

#wrap .last-col { margin-right: 0; }

body.solutions #banneroverlay {
	height: 238px;
}

body.home #banneroverlay {
	height: 280px;
}

.home #banneroverlay {
	margin-bottom: 30px;
}

.midcolbanner {
	margin-bottom: 25px;
}

ul.mininav {
	clear: both;
	margin: 10px 0 0 7px;
	padding-left: 0;
}

ul.mininav li {
	display: inline;
	list-style-type: none;
	margin-right: 13px;
	padding-right: 13px;
	border-right: 1px solid #dedfdf;
}

ul.mininav li.l {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

#clientlist {
	clear: both;
	position: relative;
	height: 50px;
	background-color: #f8f9f9;
	margin-bottom: 30px;
	padding: 12px 0 12px 15px;
	border: 1px solid #eeefef;
}

/*#clientlist .scrollWrapper {
	width: 725px;
	margin-left: 200px;
}*/

#clientlist .scrollable {
	position:relative;
	overflow:hidden;
	width: 725px;
	margin-left: 200px;
	height: 50px;
}

#clientlist .scrollable .items {
	/* this cannot be too large */
	position:absolute;
	width:20000em;	
}

#clientlist div.scrollable div.items div {
	float: left;
	display: inline;
}

#clientlist h4,
#clientlist p {
	float: left;
	clear: left;
	font-size: 13px;
}

#clientlist ul {
	margin: 0 0 0 215px;
	padding-left: 0;
}

#clientlist ul li {
	display: inline;
	list-style-type: none;
}

a.call {
	background-color: #e20a38;
	padding: 5px 8px 3px 8px;
	font-size: 12px;
	color: #fff;
}

.m-call {/* Minor call */
	float: right;
	font-size: 12px;
}

.quartercol p.call,
.quartercol-r p.call {
	background-color: #e20a38;
	margin-right: 0;
	margin-left: 0;
	text-align: center;
	font-size: 13px;
}

p.call a {
	display: block;
	padding: 8px;
	color: #fff;
}

strong.em {
	display: block;
	margin-top: 15px;
	font-size: 15px;
	color: #e41642;
}

.call-whygenius {
	float: right;
	position: relative;
	top: -35px;
	margin-top: -29px;
	margin-bottom: -10px;
}

.callblock {
	background-color: #e9eef1;
	margin-bottom: 18px;
	padding-top: 14px;
	padding-bottom: 0;
	border-bottom: 1px solid #fff;
}

.callblock p {
	margin: 0;
}

.callblock a {
	display: block;
	background-color: #e20a38;
	margin: 9px -7px 0 -7px;
	padding: 8px;
	font-size: 12px;
	color: #fff;
}

.more {
	text-align: right;
}

.block p.more {
	margin-top: 13px;
	text-align: left;
}

.learnmore {
	background: url('images/icon-plus.png') no-repeat top right;
	padding-right: 20px;
}

.subhead {
	margin-bottom: 20px;
}

.newsitem {
	margin-bottom: 15px;
	border-bottom: 1px solid #d9dee1;
}

.block {
	margin-bottom: 18px;
	padding-bottom: 13px;
	border-bottom: 1px solid #d9dee1;
}

.wideblock {
	margin-left: 7px;
	padding: 25px 249px 7px 0;
	border-bottom: 1px solid #d9dee1;
}

.wideblock img.logo {
	float: right;
	margin-right: -249px;
}

.nologo {
	padding-right: 0;
}

.f {
	padding-top: 0;
}

.top {
	padding-top: 13px;
	border-top: 1px solid #d9dee1;
}

.block p {
	margin-bottom: 0;
}

.block ul {
	margin: 0;
	padding-left: 5px;
}

.block ul li {
	list-style-type: none;
	background: url('images/bullet-pink.png') no-repeat 0 5px;
	margin-bottom: 5px;
	padding-left: 10px;
}

ul.docs {
	margin: 0;
	padding-left: 5px;
}

ul.docs li {
	list-style-type: none;
	background: url('images/icon-doc.png') no-repeat 0 0;
	margin-bottom: 3px;
	padding: 5px 0 5px 32px;
}

ul.faqlist {
	margin: 17px 0 0 0;
	padding-left: 7px;
}

ul.linklist {
	margin: 0 0 12px 0;
	padding-left: 7px;
}

ul.faqlist li,
ul.linklist li {
	list-style-type: none;
	margin-bottom: 5px;
}

ul.features {
	margin: 0 0 20px 0;
	padding-left: 0;
	border-top: 1px solid #d9dee1;
}

ul#calls.features {
	border-top: none;
}

ul.features li {
	position: relative;
	list-style-type: none;
	border-bottom: 1px solid #d9dee1;
}

ul.features li a {
	display: block;
	padding: 13px 0 9px 11px;
}

ul#calls.features li a {
	color: #313131;
}

ul.features li img {
	position: absolute;
	top: 4px;
	right: 0;
}

ul#calls.features li img {
	top: 6px;
}

.demovideo {
	margin-bottom: 18px;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #d9dee1;
}

.widemidcol .demovideo {
	float: left;
	position: relative;
	height: 160px;
	width: 217px;
	margin-right: 25px;
}

.widemidcol .demovideo:hover {
	background-color: #ecf1f3;
}

.widemidcol .demovideo p {
	position: absolute;
	margin: 0 0 0 7px;
	bottom: 7px;
}
.demovideo a {
	background: url('images/icon-pinkarrow.png') no-repeat 100% 50%;
	padding-right: 15px;
	font-weight: bold;
	color: #1c1c1c;
}

.demovideo img {
	margin-bottom: 10px;
	border-bottom: 3px solid #e41642;
}

.demovideo p {
	margin-bottom: 0;
}

#contentsearch,
.pagenav {
	background-color: #f8f9f9;
	margin-bottom: 25px;
	padding: 12px;
	border: 1px solid #eeefef;
	text-align: right;
}

#contentsearch h3 {
	float: left;
	margin-top: 5px;
	font-weight: normal;
}

#contentsearch h3 em {
	font-style: normal;
	color: #e20a38;
}

.searchresults h3 {
	margin: 0 0 2px 0;
	font-size: 1em;
}

.searchresults hr {
	height: 0;
	margin: 0 0 17px 0;
	border: none;
	border-bottom: 1px solid #d9dee1;
	color: #d9dee1;
}

.pagenav {
	margin-bottom: 35px;
	border-top: 1px solid #d9dee1;
}

.pagenav div {
	float: left;
}

.pagenav div a {
	margin-right: 5px;
}

.widemidcol .pagenav {
	clear: both;
}

img.subhead {
	margin-bottom: 13px;
}

img.fright {
	float: right;
	margin: 0 0 10px 10px;
}

img.fleft {
	float: left;
	margin: 0 10px 10px 0;
}

img.quarterright {
	float: right;
	margin: 0 0 25px 25px;
}

.f {/* Applied on .quartercol div when it's the first in a series. */
	margin-left: 8px;
}

#content .l,
.widemidcol .l {/* Applied on .quartercol div when it's the last in a series. (Also see .quartercol-r for some usage. */
	margin-right: 0;
}


/* Typography */

h2 {/* Cufon */
	margin: 0 0 16px 8px;
	font-weight: normal;
	font-size: 24px;
}

.home h2 {
	margin-left: 15px;
	font-size: 17.5px;
}

.widemidcol h2 {
	margin-left: 0;
}

h2 span {
	font-size: 18px;
}

h2.bannertitle {
	padding: 110px 0 65px 8px;
	font-weight: normal;
	font-size: 24px;
	color: #1c1c1c;
}

.thirdcol h2 {
	margin: 30px 0 13px 7px;
}

.thirdcol h2.f {
	margin-top: 0;
}

.wideblock h2 {
	margin-left: 0;
}

.wideblock h3,
.quartercol h3,
.quartercol-r h3 {
	margin: 0 7px 13px 7px;
	font-size: 14px;
}

.wideblock .midcol .quartercol h3,
.wideblock .midcol .quartercol-r h3 {/* Cufon */
	font-size: 18px;
}

.quartercol h3.i {/* h3 containing only an image, no actual text */
	border-bottom: 1px solid #d9dee1;
}

.wideblock h3.colhead,
.quartercol h3.colhead,
.quartercol-r h3.colhead {
	position: relative;
	background-color: #e9eef1;
	margin: 0 0 15px 0;
	padding: 22px 0 8px 10px;
	border-bottom: 3px solid #e20a38;
}

.wideblock h3.colhead a,
.quartercol h3.colhead a,
.quartercol-r h3.colhead a {
	position: absolute;
	bottom: 9px;
	right: 10px;
	font-weight: normal;
	font-size: 13px;
}

.widemidcol .demovideo h3 {
	margin: 0 0 0 7px;
	font-size: 14px;
	font-weight: normal;
}

h4 {
	margin: 0 7px 14px 7px;
}

h4.t,
.quartercol h3.t,
.quartercol-r h3.t {/* Tight */
	margin-bottom: 0;
}

#clientlist h4 {
	margin: 0;
}

p {
	margin: 0 0 16px 0;
	line-height: 130%;
}

.quartercol p,
.quartercol-r p,
.thirdcol p,
.midcol p {
	margin-right: 7px;
	margin-left: 7px;
}

p.intro {/* Cufon */
	margin-bottom: 22px;
	font-size: 18px;
	color: #e20a38;
}

p.intro img {
	float: left;
	margin: -25px 10px 0 0;
}

p.withicon {
	min-height: 95px;
	margin-bottom: 15px;
	padding-top: 25px;
}

p.note {
	margin: 22px 0 60px 0;
	font-size: 11px;
}


/* Tables */

table.roles,
table.benefits {
	background: url('images/datacols.png') repeat-y top right;
	margin: 18px 0 30px 0;
	border-bottom: 2px solid #000;
	color: #313131;
}

table.benefits {
	background: url('images/datacols-wide.png') repeat-y top right;
}

table.roles td img {
	margin-left: 30px;
}

table.roles th,
table.benefits th {
	background: #fff;
	padding: 12px 10px;
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px solid #d9dee1;
}

table.benefits th {
	padding: 12px 10px 18px 10px;
	border-bottom: 2px solid #000;
}

table.roles td,
table.benefits td {
	padding: 10px;
	border-bottom: 1px dotted #d2d2d2;
}

table.roles tr.subhead td {
	background: #fff;
	padding: 16px 10px 13px 10px;
	color: #e41642;
}

table.roles tr.group td {
	padding-top: 15px;
	border-top: 2px solid #000;
}

table.roles td.grouphead,
table.benefits td.grouphead {
	font-size: 14px;
	font-weight: bold;
}


/* Forms */

form fieldset{
	border:none;
}

input.submit,
.jqTransformButton,
form#trial input.submit {
	background-color: #e41642;
	width: auto;
	border: none;
	padding: 3px 7px;
	color: #fff;
}

form#trial input.submit,
.jqTransformButton,
form#survey input.submit {
	float: right;
	margin-right: 50px;
	padding: 8px 20px;
	font-size: 16px;
}

form#survey input.submit {
	margin-right: 10px;
}

#footer form {
	float: right;
	width: 222px;
	margin-top: 25px;
}

#footer form label {
	display: block;
	font-weight: bold;
}

#footer form input {
	margin-bottom: 25px;
}

#footer form input#subscribe {
	padding: 3px 5px;
}

form#trial .pair, form#survey .pair {
	float: left;
	width: 350px;
	min-height: 65px;
}

form#trial .wide, form#survey .wide  {
	clear: both;
}

form#trial .remarks, form#survey .remarks {
	clear: both;
	padding: 30px 0;
}

form#trial label, form#survey .pair label, form#survey .wide label {
	display: block;
}

form#trial .radios label, form#trial label.sameline,
form#survey .radios label, form#survey label.sameline {
	display: inline;
}

form#trial .emphasize label {
	font-weight: bold;
}

form#trial input,
form#trial textarea,
form#survey .pair input, form#survey .wide input, form#survey textarea {
	background-color: #f3f6f7;
	border: 1px solid #d7dadb;
	width: 274px;
	margin: 4px 0 18px 0;
	padding: 5px 13px;
	border-width: 1px 0 0 1px;
}

form#trial .wide input, form#survey .wide input,
form#trial textarea {
	width: 628px;
}

form#trial .radios input, form#survey .radios input,
form#trial input#getnewsletter {
	width: auto;
	margin-right: 18px;
}

form#trial .newline, form#survey .newline {
	clear: both;
}

form#trial select, form#survey .pair select {
	width: 270px;
}

form#trial h3 {
	margin: 0 0 15px 0;
	font-size: 1em;
}


/* Popups, Lightbox and login */

html#login,
html#popup {
	background: none;
}

html#popup body {
	background: url('images/body-popup.png') repeat-x top left;
}

html#popup #wrap {
	width: 694px;
}

html#popup h1 {
	background: url('images/logo-popup.png') no-repeat 10px 10px;
	width: 120px;
	height: 60px;
	margin: 0;
	text-indent: -500em;
}

html#popup h2 {
	margin: 36px 10px 0 10px;
}

html#popup h3 {
	clear: both;
	margin: 0;
	padding: 35px 0 12px 10px;
	border-bottom: 2px solid #000;
	font-size: 20px;
}

html#popup h3.s {
	margin-bottom: 20px;
}

html#popup h4 {
	background-color: #f4f6f8;
	margin: 0;
	padding: 17px 0 14px 10px;
	border-bottom: 1px solid #d9dee1;
	font-size: 13px;
}

html#popup h5 {
	margin: 0 0 15px 0;
	line-height: 100%;
	font-size: 13px;
}

html#popup label.fakehead {
	display: block;
	margin: 0 0 15px 0;
	font-size: 13px;
	line-height: 100%;
	font-weight: bold;
}

html#popup input.text {
	background-color: #f3f6f7;
	border: 1px solid #d7dadb;
	width: 298px;
	margin: 4px 0 18px 0;
	padding: 7px 13px;
	border-width: 1px 0 0 1px;
	font-size: 13px;
	color: #7e7e7e;
}

html#popup .col {
	float: left;
	width: 315px;
	margin-right: 35px;
	margin-left: 10px;
	padding-top: 30px;
	line-height: 200%;
}

html#popup .r {
	margin-right: 0;
}

html#popup .group {
	margin-left: 10px;
	line-height: 200%;
}

html#popup .col input,
html#popup .group input {
	margin-right: 20px;
}

p.stepsnav {
	background-color: #f4f6f8;
	padding: 16px 12px 12px 12px;
	border-bottom: 1px solid #d9dee1;
	text-align: right;
}

p.stepsnav a {
	background-color: #262727;
	padding: 6px 10px 5px 10px;
	border-right: 1px solid #e8eaec;
	color: #fff;
}

html#login body {
	background: #1c1c1c url('images/logo-cube.png') no-repeat 91px 30px;
	text-align: left;
	color: #fff;
}

html#login h1 {
	margin: 0 0 25px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ffffff;
	font-size: 32px;
}

html#login form {
	width: 435px;
	padding: 135px 0 0 210px;
	text-align: left;
}

html#login label {
	display: block;
	margin-bottom: 7px;
}

html#login input {
	background-color: #f3f6f7;
	margin-bottom: 15px;
	padding: 7px 13px;
	border: 1px solid #d4d6d7;
	border-width: 1px 0 0 1px;
}

html#login input#submit {
	background-color: #e21c44;
	margin-top: 25px;
	border: none;
	color: #fff;
}

html#login input#lostpassword {
	background-color: #e21c44;
	margin-top: 25px;
	border: none;
	color: #fff;
}



/* Secured area */
html#secured,
html#secured {
	background: none;
}

html#secured body {
	background: url('images/body-secured.png') repeat-x top left;
}

html#secured body.no-banner {
	background: url('images/body-popup.png') repeat-x top left;
}

#secured #wrap {
	width: 939px;
}

#secured h1 {
	background: url('images/logo-popup.png') no-repeat 10px 10px;
	width: 120px;
	height: 60px;
	margin: 0 0 0 7px;
	text-indent: -500em;
}

#secured #header {
	height: 60px;
	position: relative;
}

#secured #header ul#utils {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 15px;
	right: 0;
}

#secured #header ul#utils li {
	float: left;
	margin-left: 20px;
	position: relative;
}

#secured #header ul#utils li a { 
	color: #fff;
	display: block;
	padding: 6px 0px;
}

#secured #header ul#utils li#language a.toggle {
	padding-right: 20px;
	background: url('images/icon-drop-down.png') no-repeat center right;
}

#secured #header ul#utils li#language ul {
	display: none;
	position: absolute;
	top: 2.2em;
	left: 0;
	z-index: 15;
	background: url('images/language.png') no-repeat bottom right;
	width: 79px;
	margin: 0;
	padding: 0 1px 3px 0;
	border-top: 1px solid #d2d3d4;
}

#secured #header ul#utils li#language ul li { margin-left: 0; }

#secured #header ul#utils li#language ul li a {
	width: 46px;
}

#secured #header ul#utils li#log-out a {
	padding-right: 24px;
	background: url('images/icon-log-out.png') no-repeat center right;
}

/* banner in secured pages */
#secured #banner {
	height: 210px;
	background: url('images/banner-header-secured-area.png') no-repeat top center;
}

#banner .inner {
	margin: 0 auto;
	width: 939px;
	position: relative;
	text-align: left;
}

#banner #project-box {
	position: absolute;
	top: 50px;
	left: 0;
	width: 50%;
	cursor: pointer;
}

#banner #project-box .description {
	padding: 5px 0 0 90px;
	background: url('images/icon-key-secured.png') no-repeat 4px 0;
	min-height: 100px;
}

#banner #project-box .description h3 {
	margin: 0 0 5px 0;
	font-size: 1.3em;
}

/* navigation in secured pages */
#secured #nav {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	height: 50px;
}

#secured #nav li {
	float: left;
}

#secured #nav li a {
	display: block;
	padding: 18px 18px 17px 40px;
	position: relative;
	float: left;
}

#secured #nav li a:hover,
#secured #nav li a.active { background: url('images/nav-secured-area-hover.gif') repeat-x; text-decoration: none; }

#secured #nav li a img {
	position: absolute;
	left: 3px;
	top: 10px;
}

/* content area in secured pages */
#secured #content {
	clear: both;
	padding: 20px 0 0 0;
	margin-bottom: 50px;
	float: left;
	width: 100%;
	min-height: 400px;
}

#secured #content .col h3 {
	background: #e9eef1;
	padding: 13px 0 12px 10px;
	margin: 0;
}

#secured #content .col ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

#secured #content .col ul li {
	padding: 15px 0;
	margin: 0 10px;
	border-bottom: 1px solid #d9dee1;
}

#secured #content .col a.more { float: right; }

#secured .quartercol {
	width: 215px;
}

/* footer in secured pages */
#secured #footer {
	width: 100%;
	background: url('images/footer-secured.png') repeat-x top left;
	height: 113px;
	position: relative;
}

#secured #footer .inner {
	height: 113px;
	padding-bottom: 0;
}

#secured #footer .first-line {
	padding: 20px 0 17px 0;
}

#secured #footer p.first-line a {
	margin-right: 15px;
}

#secured #footer .phone { bottom: 7px; left: 0; }
#secured #footer .copy { bottom: 7px; top: inherit; }

/* secured help page */
#secured #help-header {
	margin: 25px 0 0 0;
}

#secured #help-header h2 {
	font-size: 2.5em;
}

#secured #help-header p { margin-left: 10px; }

#secured #help-header form {
	border-top: 1px solid #dadee1;
	border-bottom: 1px solid #dadee1;	
	padding: 5px 0 5px 7px;
	height: 37px;
}

#secured #help-header form h3 { font-size: 1.5em; margin-top: 9px; }

#secured #help-header form h3,
#secured #help-header form select, 
#secured #help-header form button {
	float: left;
	margin-right: 15px;
}

#secured #help-header form button {
	border: 0;
	background: #323232;
	padding: 7px 10px 5px 10px;
	margin: 5px 0 0 10px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

/* help blocks */
.help-section-block {
	width: 176px;
	padding: 5px 5px 5px 130px;
	position: relative;
	height: 140px;
	overflow: hidden;
	border: 1px solid #fff;
	float: left;
}

.help-section-block:hover { border: 1px solid #dadee1; cursor: pointer; }

.help-section-block a.icon {
	position: absolute;
	top: 5px;
	left: 0;
}

.help-section-block h3 {
	margin-top: 5px;
	margin-bottom: 10px;
}




/* Misc */

hr.clearer {
	clear: both;
	background-color: #fff;
	height: 30px;
	margin: 0;
	border: none;
	color: #fff;
}

form#trial hr.clearer {
	height: 0px;
}

img {
	border: none;
}

a,
#banneroverlay * {
	outline: none;
}


/* Jqtransform */

/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 31px;
	margin-top: 3px;
	background: url('images/select_left.gif') no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
	float: none;
	position: absolute;
	width: 14px;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	font-size: 12px;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 31px;
	background: url('images/select_right.gif') no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}


/* Content scroll */

/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft {
	z-index: 200;
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	z-index: 200;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

#activeimage {
	float: left;
	width: 695px;
	background-color: #fff;
	margin-left: 15px;
	padding: 7px;
}

#thumbnails {
	float: right;
	width: 206px;
	height: 489px;
	line-height: 14px;
}

#thumbnails a,
#thumbnails div div {
	display: block;
	position: relative;
	background-color: #f1f4f6;
	height: 41px;
	padding: 55px 110px 0 15px;
	border-bottom: 3px solid #a8aaac;
}

#thumbnails a img,
#thumbnails div div img {
	position: absolute;
	right: 0;
	bottom: 0;
}

#thumbnails a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #313131;
}

#thumbnails div div {
	background-color: #fff;
	height: 33px;
	padding: 60px 110px 0 15px;
	border-bottom: 3px solid #e41642;
	color: #313131;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}