@charset "UTF-8";

body {
	font: 16px Arial, Helvetica, "Lucida Grande", sans-serif;
	background-color: #000000;
	color: #eeeeee;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
h3 {
	margin-top: 0;
	margin-bottom: 0;
}
p, h4 {
	margin-bottom: 0;
}
sup {
	font-size: .54em;
	font-variant: small-caps;
}
.bold {
	font-weight: bold;
}
.floatLeft { float: left; }
.imgreplace {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}
#container { 
	width: 990px;
	margin: 0 0 0 -495px;
	position: absolute;
	float: left;
	left: 50%;
}
#maincontainer { 
	width: 990px;
	margin: 0 0 0 -495px;
	position: absolute;
	float: left;
	left: 50%;
	padding-bottom: 100px;
}
#header {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#header h1 {
	font-weight: normal;
	margin: 16px 0 0 0;
	font-size: 2.375em;
}
#header #navigation ul {
	padding-left: 0;
	margin: 0;
}
#header #navigation ul li {
	display: inline;
	margin-right: 1em;
	font-size: .75em;
	color: white;
	list-style-type: none;
}
#header #navigation ul li a, #header h1 a {
	color: #eeeeee;
	text-decoration: none;
}
#header #navigation ul li a:hover {
	text-decoration: underline;
}
#content {
	width: 556px;
	float: left;
	margin-top: 40px;
	font-size: .875em;
}
#content p.description {
	width: 556px;
	height: 183px;
	background: transparent url(../images/description.jpg) no-repeat scroll left top;
}
#content div#buttons {
	background: transparent url(../images/screens.jpg) no-repeat scroll 13px top;
	width: 556px;
	height: 64px;
	display: block;
	padding-top: 319px;
}
#content div#buttons ul {
	float: left;
	margin: 0;
	padding: 0;
}
#content div#buttons ul li {
	float: left;
	list-style-type: none;
	display: inline;
	margin-right: 30px;
}
#content div#buttons ul li.last {
	margin-right: 0;
}
#content a {
	color: #b2d8ff;
	text-decoration:none;
}
#content a:hover {
	text-decoration: underline;
}
#content div#buttons ul li a {
	width: 165px;
	height: 41px;
	display: block;
	background: transparent url(../images/homeBtns.gif) scroll no-repeat;
}
#content div#buttons ul li#mktBtn a {
	background-position: 0 -55px;
}
#content div#buttons ul li#mktBtn a:hover {
	background-position: 0 -1px;
}
#content div#buttons ul li#advBtn a {
	background-position: -196px -55px;
}
#content div#buttons ul li#advBtn a:hover {
	background-position: -196px -1px;
}
#content div#buttons ul li#phtBtn a {
	background-position: -391px -55px;
}
#content div#buttons ul li#phtBtn a:hover {
	background-position: -391px -1px;
}

#content p.details {
	color: #560300;
	text-align: right;
}
#content p.details a {
	color: #560300;
	text-decoration: none;
	font-weight: bold;
}
#content p.details a:hover {
	text-decoration: underline;
}

#content div#plugin {
	width: 228px;
	padding-right: 50px;
	float: left;
}
#content div#datasheet {
	width: 278px;
	float: right;
}

#content table {
	margin: 1em 0 2em 0;
}

#widgetColumn {
	float: right;
	width: 276px;
	margin: -1.375em 50px 0 0;
}
#widgetColumn a img {
	border: none;
}

#widgetColumn div#apply a {
	background: transparent url(../images/arrow_blue.gif) scroll left top no-repeat;
	padding-left: 20px;
}
#widgetColumn div#apply a {
	font: 17px bold Helvetica, Arial, sans-serif;
	color: #daedff;
	text-decoration: none;
}
#widgetColumn div#apply a:hover {
	text-decoration: underline;
}

#widgetColumn div#blog {
	margin-top: 59px;
}

#leftColumn {
	width: 350px;
	margin-right: 50px;
	float: left;
	margin-top: 50px;
}
#leftColumn p {
	margin-top: .5em;
}
#leftColumn p.onstate, #header #navigation ul li.onstate {	
	color: #b2d8ff;
}
#leftColumn #menu p {
	background: transparent url(../images/bullet.gif) scroll left 50% no-repeat;
	padding-left: 19px;
}
#leftColumn a {
	text-decoration: none;
	color: #eee;
}
#leftColumn a:hover {
	text-decoration: underline;
}

#leftColumn #features {
	font-size: .75em;
	width: 90%;
	margin-top: 40px;
}
#leftColumn #features h2 {
	margin: 0 0 .43em 0;
	font-size: 1.17em;
}
#leftColumn #features ul {
	padding-left: 0;
	margin: 0;
}
#leftColumn #features li {
	margin-left: 1em;
}
#leftColumn #features li a {
	color: #b2d8ff;
}

#mainContent {
	float: right;
	width: 590px;
	margin-top: 50px;
}
#mainContent p {
	font-size: .875em;
	margin-top: 0;
	margin-bottom: 1em;
}

#mainContent p.question {
	padding-left: 2em;
}
#mainContent p.first.question {
	margin-top: .65em;
}
#mainContent p.question span {
	float: left;
	font-weight: bold;
	margin-left: -2em;
}
#mainContent h3.key {
	margin: 2em 0 .5em 0;
}
#mainContent img {
	border: 3px solid #CCCCCC;
}

#leftColumn div.rounded {
	background-color: white;
	margin: 0;
	color:#333333;
	padding: 0 19px;
	font-size: .75em;
	width: 287px;
}
#leftColumn div.rounded p {
	margin-top: 0;
}
#leftColumn div.corners {
	display: block;
	width: 325px;
	margin: 5em 0 0 0;
}
#leftColumn div.top {
	background: white url(../images/top2.gif) scroll no-repeat left top;
	height: 10px;
}
#leftColumn div.bottom {
	background: white url(../images/bottom2.gif) scroll no-repeat left bottom;
	margin-top: 0;
	height: 15px;
}

#leftColumn div#logos {
	position: relative;
	margin-top: 55px;
	z-index: 1;
}

#leftColumn div#logos div#dotboxLink { position: absolute; top: 160px; left: 18px; width: 153px; height: 38px; zoom: 1; z-index: 2; }
#leftColumn div#logos div#dotboxLink a { width: 153px; height: 38px; }
#leftColumn div#logos div#pixcellenceLink a { position: absolute; top: 159px; left: 210px; width: 82px; height: 38px; }
#leftColumn div#logos div#zaahLink a { position: absolute; top: 214px; left: 13px; width: 129px; height: 50px; }
#leftColumn div#logos div#constantLink a { position: absolute; top: 124px; left: 190px; width: 103px; height: 21px; }
#leftColumn div#logos div#ctgLink a { position: absolute; top: 209px; left: 177px; width: 129px; height: 60px; }