/*******************************************************************/
/*                           CSS RESET                             */
/*******************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*******************************************************************/
/*                          CUSTOM STYLES                          */
/*******************************************************************/

body {
	background-color: #ffffff;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

div#container {
	width: 972px;
	margin: 0 auto;
	position: relative;
}

img { border: 0px; }
table { font-size: 90%; }

.divclear
{
   	clear: both;
   	display: block;
   	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}


/*******************************************************************/
/*                            GENERAL                              */
/*******************************************************************/


#whatPageTop
{
	padding: 0px;
	height: 612px;
	background-image: url('../images/elements/bg_what.gif');
	background-repeat: no-repeat;
	background-position: center top;
}


#whyPageTop
{
	padding: 0px;
	height: 635px;
	background-image: url('../images/elements/bg_why.gif');
	background-repeat: no-repeat;
	background-position: center top;
}

#howPageTop
{
	padding: 0px;
	height: 635px;
	background-image: url('../images/elements/bg_how.gif');
	background-repeat: no-repeat;
	background-position: center top;
}

#wherePageTop
{
	padding: 0px;
	height: 635px;
	background-image: url('../images/elements/bg_where.gif');
	background-repeat: no-repeat;
	background-position: center top;
}

#downloadPageTop
{
	padding: 0px;
	height: 610px;
	background-image: url('../images/elements/bg_download.gif');
	background-repeat: no-repeat;
	background-position: center top;
}

/*******************************************************************/
/*                            HEADER                               */
/*******************************************************************/

#pageHead
{
	padding: 0px 24px 0px 24px;
	height: 96px;
}

#logoArea
{
	float: left;
	width: 129px;
	height: 80px;
	background-image: url('../images/elements/lumisonUC_logo.gif');
	background-repeat: no-repeat;
}

#logoArea a {
	display: block;
	height: 100%;
	text-indent: -9999em;
}

#whitepaperArea
{
	float: left;
	width: 180px;
	margin-top: 19px;
}

#wpTxt
{
	float: left;
	width: 109px;
	height: 61px;
	background-image: url('../images/elements/whitepaper_txt.gif');
	background-repeat: no-repeat;
	background-position: 16px 10px;
	text-indent: -9999em;
}

#wpLink
{
	float: left;
	width: 63px;
	height: 61px;
	background-image: url('../images/elements/whitepaper_link.gif');
	background-repeat: no-repeat;
}

#wpLink a {
	display: block;
	height: 100%;
	text-indent: -9999em;
}

#contactInfo
{
	float: left;
	width: 130px;
	margin-top: 19px;
}

#telNumber
{
	float: left;
	width: 124px;
	height: 42px;
	background-image: url('../images/elements/contact_tel.gif');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	text-indent: -9999em;
}

#emailAddress
{
	float: left;
	width: 124px;
	height: 14px;
	background-image: url('../images/elements/contact_email.gif');
	background-repeat: no-repeat;
}

#emailAddress a {
	display: block;
	height: 100%;
	text-indent: -9999em;
}

#nextArrowArea
{
	float: right;
	width: 80px;
	margin-top: 19px;
}

#backArrowArea
{
	padding: 0px 24px 0px 24px;
	height: 60px;
}


#pageIntro
{
	padding: 0px 24px 0px 24px;
}


/*******************************************************************/
/*                           MID AREA                              */
/*******************************************************************/





#downloadForm
{
	margin-left: 155px;
	margin-right: 520px;
	margin-top: 125px;
	font-size: 80%;
	color: #ffffff;
}

#downloadForm p
{
	padding: 0px;
	margin: 0px 0px 6px 0px;
}

form
{
	font-size: 100%;
}

#backDownloadArea
{
	margin: 15px 100px 5px 90px;	
}

#backDownload
{
	width: 90px;
	height: 15px;
	background-image: url('../images/download/download_close.gif');
	background-repeat: no-repeat;
}

#backDownload a {
	display: block;
	height: 15px;
	text-indent: -9999em;
}

/* form */

div.form-item {
  margin-bottom: 3px;
}

div.form-item-text label {
  background-repeat: no-repeat;
  text-indent: -9999em;
  display: block;
  margin-bottom: 3px;
}

div.form-item-name label {
  background-image: url('../images/form/form-label-name.png');
}

div.form-item-company label {
  background-image: url('../images/form/form-label-company.png');
}

div.form-item-email label {
  background-image: url('../images/form/form-label-email.png');
}

div.form-item-text div.bg-wrapper {
  width: 368px;
  height: 24px;
  background-image: url('../images/form/form-textfield.png');
  background-repeat: no-repeat;
}

div.form-item-text input {
  background-color: transparent;
  border: 0;
  width: 328px;
  padding: 0;
  margin: 3px;
  font-size: 80%;
}

input.edit-submit {
  margin: 8px 20px 0 20px;
}

div.jsenabled input#edit-mailinglist {
  display: none;
}

div.form-item-checkbox {
  margin: 0px 0 0 0px;
}

div.form-item-checkbox label {
  background-repeat: no-repeat;
  text-indent: -9999em;
  display: block;
  background-image: url('../images/form/form-checkbox-text.png');
  background-position: 22px 0;
  height: 17px;
}

/* fake checkbox : unchecked (default/base) state */
.fakecheck {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url('../images/form/form-checkbox.png') no-repeat;
	height: 17px;
	width: 17px;
	display: block;
	float: left;
	color: #666666;
}
/* fake checkbox : hover state */
.fakecheck:hover {
	color:#0066FF;
	text-decoration: underline;
}
/* fake checkbox : checked state */
.fakechecked {
	background-position: 0 -17px;
}