* {
	margin: 0;
}

html { 
	overflow-y: scroll;
	height: 100%; }

BODY {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 7pt;
	color: #999999;
	margin: 0px 0px 0px 0px; 
	background-color: #FFFFFF;
	background-image: url(images/bg_02.gif); 
	background-repeat:repeat-x; 
	height: 100%; } 

TD, P, LI {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 7pt;
	color: #999999; }

td.main { 
	text-align: center;
	width: 900px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px; }
	
td.work-left { 
	text-align: right;
	vertical-align: top;
	width: 225px;
	height: 300px; }
	
td.work-left-top { 
	text-align: right;
	vertical-align: top;
	width: 215px;
	height: 20px;
	padding-right: 10px; }
	
td.work-left-bottom { 
	text-align: right;
	vertical-align: bottom;
	width: 200px;
	height: 280px;
	padding-right: 25px; }
	
td.main-image { 
	text-align: center;
	vertical-align: middle;
	width: 450px;
	height: 300px;
	background-image: url(images/box_border_02.gif); }
	
td.work-right { 
	text-align: left;
	vertical-align: bottom;
	width: 200px;
	height: 200px;
	padding-left: 25px; }

td.inc_pics_shadow_r { 	background-image: url(images/shadow_r.gif); }

td.inc_pics_shadow_b { 	background-image: url(images/shadow_b.gif); }

div.main {
	border: 0px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center; }

div.white { color: #FFFFFF; }
	
div.black { color: #000000; }

div.title {
	font-size: 8pt; font-family: Arial, Helvetica, Sans-serif; color: #4C4C4C; margin-bottom: 2px; }
	
div.gbt {
	color: #E6E6E6; }
	
div.small {
	font-size: 7pt; font-family: Verdana, Arial, Helvetica, Sans-serif; color: #000000; }
div.smallwhite {
	font-size: 7pt; font-family: Verdana, Arial, Helvetica, Sans-serif; color: #FFFFFF; }
div.smallblack {
	font-size: 7pt; font-family: Verdana, Arial, Helvetica, Sans-serif; color: #000000; }
div.clock {
	font-size: 7pt; font-family: Verdana, Arial, Helvetica, Sans-serif; color: #000000; font-weight: bold; }
	
IMG.border {
	border: 1px solid #E2279B; }
	
IMG.thumb {
	margin-left: 0px;
	margin-top: 0px; }

A { color: #999999; text-decoration: none; font-weight: bold; }
A:visited { text-decoration: none; font-weight: bold; }
A:hover { color: #E2279B; text-decoration: underline; font-weight: bold; }
A:active { color: #E2279B; text-decoration: underline; font-weight: bold; }

A.cv { color: #999999; text-decoration: none; font-weight: bold; }
A.cv:visited { text-decoration: none; font-weight: bold; }
A.cv:hover { color: #E2279B;
text-decoration: none;
font-weight: bold;
border-color: #CCCCCC;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted; }
A.cv:active { color: #E2279B; text-decoration: underline; text-underline-style: dotted; font-weight: bold; }

A.WHITE { color: #FFFFFF; }
A.WHITE:hover { color: #ff0000; }

/* Sticky Footer by Ryan Fait http://ryanfait.com/ */

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 40px; /* .push must be the same height as .footer */
}
/* Sticky Footer by Ryan Fait http://ryanfait.com/ */

/* shadowbox stuff */

#outer-wrapper{margin-bottom:-32px;min-height:100%;height:auto !important;height:100%;}
#stripe{border-top:3px solid black;}
#wrapper{width:720px;margin:0 auto;}
#header{padding-top:18px;}
#nav,#footer{background:black;color:white;}
#footer,#push{height:32px;}
#footer p{text-align:center;font-size:10px;margin:0;line-height:32px;}

#forum #wrapper{width:90%;}
#forum #nav{margin:0;}
#forum #content{background:white;}

#header h1{display:none;}
#header h2{font-size:12px;}
#header h2 a{text-decoration:none;}
#header h2 a:hover{text-decoration:underline;}

ul#nav{margin:0 0 18px;text-align:center;padding:4px 0;}
ul#nav li{list-style:none;display:inline;}
ul#nav li a{padding:4px 12px;}
ul#nav li a.selected{background:#202020;}

#download-callout{width:260px;float:right;margin-left:18px;padding:20px 20px 0;background:#202020;border:1px solid #111;}
#purchase-callout{border:1px solid #111;background:#202020;width:320px;margin:0 auto 18px;}
#purchase-callout table{margin-bottom:0;}
#purchase-callout td{padding:20px;text-align:center;}
#download-container{width:260px;text-align:center;margin:0 auto 18px;padding:20px;background:#202020;border:1px solid #111;}
#download-container #version{font-size:24px;font-weight:bold;}
#custom-menu{display:none;margin:0 auto 18px;padding:20px;background:#202020;border:1px solid #111;}

div.feature{width:290px;float:left;margin-left:20px;padding:0 0 20px 60px;background:no-repeat 14px 0;}
div.feature-icon{width:60px;text-align:center;float:left;}
div.feature-title{font-size:15px;}
div.left{clear:left;margin-left:0;}
div#feature-standards{background-image:url(../img/icon-standards.gif);}
div#feature-free{background-image:url(../img/icon-free.gif);}
div#feature-media{background-image:url(../img/icon-media.gif);}
div#feature-smarts{background-image:url(../img/icon-lightbulb.gif);}
div#feature-customize{background-image:url(../img/icon-customize.gif);}
div#feature-universal{background-image:url(../img/icon-universal.gif);}
div#feature-neat{background-image:url(../img/icon-neat.gif);}
div#feature-smiley{background-image:url(../img/icon-smiley.gif);}

p.note{padding:5px 10px;border:1px solid steelblue;background:#74a3ca;}
p.note code{background:steelblue;color:white;}
p.note a:link,p.note a:visited{color:white;}
span.note-label{font-size:10px;font-weight:bold;letter-spacing:1px;width:40px;float:left;}
span.note-text{display:block;padding-left:50px;}

table.thumbs td{text-align:center;vertical-align:middle;}
div.demos h3{clear:both;}
a.option{padding:4px 10px;border:1px solid #101010;background:#202020;text-decoration:none;display:block;float:left;clear:left;margin-bottom:4px;cursor:pointer;color:#0098ff;}
a.option:hover{background:#101010;}
img.border{padding:5px;border:1px solid #eee;background-color:#efefef;}

.hidden{display:none;}
#hongkong{text-align:center;padding-bottom:18px;}
div.question{background:url(../img/question.gif) no-repeat 2px 3px;padding-left:26px;}

ul#browser-list{margin-left:38px;}
ul#browser-list li{list-style-type:none;padding-bottom:4px;}
ul#browser-list img{vertical-align:middle;margin-right:10px;}
ul#browser-list li.opera img{margin-left:-3px;margin-right:13px;}

/* the way rounded corners should be */
#nav,#nav li a.selected,pre,p.note,.rounded,a.option,#download-callout,#purchase-callout,#download-container,#custom-menu{-moz-border-radius:3px;-webkit-border-radius:3px;}
#forum #nav{-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;}