/* ---------------------------------------------------

Widescreen Info Page

Last updated March 2, 2006
--------------------------------------------------- */


/* ------------------------ 
	=Layout
------------------------ */

body {
	color:#333;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	font-size:12px;
	font-family:verdana, helvetica, arial, sans-serif;
	background-color:#000;
	}

/* Zero margin, padding and borders, and link underlines */

body * {margin:0; padding:0; border:none;text-indent:0;}

a {text-decoration:none;padding-bottom:0;border-bottom:1px solid #eaeaea;}

#rowone, #rowtwo, #rowthree {
	float:left; /*prevents divs from collapsing because of internal floats*/
	text-align:center;
	width:100%;
	}
#rowone {
	background:#000 url(top-bg.gif) repeat-x 0 0;
	height:80px;
	}
#rowtwo {
	padding-bottom:20px;
	background:#fff url(bottom-bg.gif) repeat-x left bottom;
	}
#rowthree {
	background:#000;
	}

#rowone-inner, #rowtwo-inner, #rowthree-inner {
	position:relative;
	text-align:left;
	width:950px;
	}
#rowone-inner {margin:0 auto;height:70px;border-bottom:10px solid #1C3A99;}
#rowtwo-inner {margin:20px auto 0 auto;}
#rowthree-inner {margin:20px auto;}

/* ------------------------ 
	=Basic global styles
------------------------ */
p, li {
	font-family:helvetica, arial, verdana, sans-serif;
	font-size:1em;
	line-height:160%;
	}

h1, h2, h3, h4 {font-family:georgia, times, "Times New Roman", serif;}
h1 {font-size: 2.2em;	font-weight:normal;}
h2 {font-size: 1.8em;	font-weight:normal;}
h3 {font-size: 1.5em;	font-weight:normal;}

.clear {clear:both;}

/* ---------------------------- =Rowone stuff ---------------------------- */





/* ---------------------------- =Rowtwo stuff ---------------------------- */


a, a:link {
	color:#000;
	font-weight:bold;
	padding:2px;
	}
a:hover {
	color:#fff;
	background-color:#1C3A99;
	}
h1#banner {
	text-indent:-9999px;
	background:transparent url(banner.gif) no-repeat left bottom;
	float:left;
	height:80px;
	width:300px;
	}
	
div#leftcol {
	float:left;
	width:300px;
	}

ul.buttonlinks {
	float:right;
	text-indent:0;
	list-style:none;
	width:255px;
	height:38px;
	margin:0 0 25px 45px;
	}
ul.buttonlinks li {
	float:left;
	}
ul.buttonlinks a {
	text-indent:-9999px;
	display:block;
	width:123px;
	height:38px;
	background:transparent url(viewdownload.gif) no-repeat 0 0;
	}

ul.buttonlinks a#viewdemo {background-position: 0 0;}
ul.buttonlinks a#download {background-position: -123px 0;}

ul.buttonlinks a:hover#viewdemo {background-position: 0 -69px;}
ul.buttonlinks a:hover#download {background-position: -123px -69px;}

p.update {
	color:#555;
	margin:0 0 25px 0;
	text-align:left;
	}
	
ul.textlinks {
	text-indent:0;
	list-style:none;
	margin:30px 0 0 30px;
	width:270px;
	height:10px;
	}

ul.textlinks li {
	margin: 0 0 2px 0;
	float:right;
	}
ul.textlinks li a {
	margin-top:10px;
	color:#333;
	font-size:.9em;
	padding:7px 4px 5px 35px;
	display:block;
	background:transparent url(bullet.gif) no-repeat 10px 9px;
	text-align:right;
	width:170px;
	}
ul.textlinks li a:hover {
	color:#000;
	background-color:#F2F6FC;
	}
	


/* Desc */
div#rightcol {
	float:right;
	}
	
div.desc {
	float:left;
	width:575px;
	padding:20px 0 0 25px;
	}
	
div.desc h2 {
	font-size:16px;
	color: #8D3899;
	margin:0 0 3px 0;
	height:2.5em;
	}
div.desc ul {
	text-indent:0;
	list-style-type: disc;	
	}
div.desc li {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:.9em;
	margin:0 0 8px 0;
	}


/* ---------------------------- =Rowthree stuff ---------------------------- */

#rowthree-inner {
	color:#dfdfdf;
	}



/* ------------------------ 
	=Footer
------------------------ */

#footer {
	float:right;
	width:700px;
	}
	
p#footertext {
	clear:both;
	font-family:verdana;
	font-size:.8em;
	}