body {
	background-color:#FFFFFF;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
}

img { behavior: url('/includes/png.htc'); }
a img { border:0; }

form {
	margin:0;
	padding:0;
}

ul, ol { margin-top:5px; margin-bottom:0px; }


#content {
	background:transparent;
	position:relative;
	width:750px;
	margin:15px auto;
	z-index:2;
}
a:link, a:visited, a:active { color:#0066CC; text-decoration:none; }
a:hover { text-decoration:underline }

#leftColumn {
	float:left;
	width:200px;
	padding-right:10px;
}
#mainColumn {
	float:left;
	width:540px;
}
#rightColumn {
	float:right;
	width:200px;
	padding-left:10px;
}


h2 {
	color:#660099;
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
h3 {
	color:#009900;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

.large { font-size:13px }
.small { font-size:11px }
.xsmall { font-size:10px }

/**************************** BEGIN HEADER ****************************/
#header {
	width:100%;
	height:60px;
	background:#222222 url('/graphics/navbg.gif') left top repeat-x;
	z-index:9999;
}

#header a {
	color:#FFAA00;
	text-decoration:none;
}
#header a:hover { text-decoration:underline }

#header .field {
	background-color:#F9F9F9;
	color:#999999;
	border:1px solid #DDDDDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}
#header .field:focus {
	background-color:#EDFAE2;
	border-color:#76DB1F;
	color:#000000;
}
#header input.button {
	background-color:#EEEEEE;
	color:#49493b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#header input.button:hover {
	background-color:#F3F3F3;
	color:#000000;
	cursor:pointer;
}
	

#header_container {
	position:relative;
	width:750px;
	height:60px;
	margin:0 auto;
	z-index:999;
}

#smallnav {
	position:absolute;
	top:5px;
	right:0;
	font-size:11px;
	color:#999999;
}

#smallnav a {
	color:#bee556;
	text-decoration:none;
}
#smallnav a:hover { text-decoration:underline }

#clientLogin {
	position:absolute;
	top:0;
	right:0;
	background:#000000 url('/graphics/navbg.gif');
	color:#FFFFFF;
	height:55px;
	padding-top:5px;
	font-size:10px;
}
#clientLogin #closeButton a {
	position:absolute;
	top:2px;
	right:2px;
	color:#999999;
	border:1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	line-height:10px;
}
#clientLogin #closeButton a:hover {
	color:#FF6666;
	border-color:#FF6666;
}

#clientLogin div#title {
	color:#ffc729;
	padding-bottom:10px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
#clientLogin div#fail {
	background-color:#ffdbdb;
	color:#000000;
	border:1px solid #FF6666;
	padding:5px;
}
#clientLogin div#fail a { color:#0066CC; text-decoration:none }
#clientLogin div#fail a:hover { text-decoration:underline }

#clientLogin input.field {
	background-color:#EEEEEE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #999999;
	width:90px;
	padding:1px;
	vertical-align:middle;
}
#clientLogin input.field:focus {
	background-color:#f0ffe7;
	border-color:#69b23d;
}
#clientLogin input.button {
	vertical-align:middle;
}
/**************************** END HEADER ****************************/

/**************************** BEGIN FOOTER ****************************/
#footer {
	clear:both;
	width:100%;
	height:95px;
	background:#FFFFFF url('/graphics/footerbg.gif') left top repeat-x;
	border-top:2px solid #CCCCCC;
	padding-top:5px;
	font-size:10px;
	color:#333333;
}

#footer_container {
	position:relative;
	width:750px;
	height:60px;
	margin:0 auto;
}

#footer a {
	color:#0066CC;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer #copyright {
	color:#777777;
}
/**************************** END FOOTER ****************************/

/**************************** BEGIN HEADING ****************************/
.heading {
	background:#333333 url('/graphics/headingbg.gif') left top repeat-x;
	color:#FFFFFF;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	padding:0 5px;
}

.heading_body {
	background:#f7f7f2 url('/graphics/heading_arrow.gif') 15px 0 no-repeat;
	border-bottom:1px solid #e9e9de;
	padding:15px 10px;
	font-size:12px;
}

.heading_body hr {
	color:#CCCCCC;
	background-color:#CCCCCC;
	width:70%;
	height:1px;
	border:none;
	margin:10px auto;
}

.heading_body input.field {
	background-color:#ebebdf;
	color:#999999;
	border:1px solid #dcdccd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}
.heading_body input.field:focus {
	background-color:#f1f1e8;
	color:#000000;
}
.heading_body input.spaced {
	margin-bottom:5px;
}

.heading_body input.button {
	background-color:#e6e6d9;
	color:#49493b;
	border:1px solid #78785d;
	border-left-width:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.heading_body input.button:hover {
	background-color:#edede2;
	color:#000000;
	cursor:pointer;
}
/**************************** END HEADING ****************************/

/**************************** BEGIN HEADING2 ****************************/
.heading2 {
	background:#F6F6F6 url('/graphics/heading2bg.gif') left top repeat-x;
	color:#666666;
	height:30px;
	border:1px solid #CCCCCC;
	border-bottom-width:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	padding:0 5px;
}
.heading2 select {
	background-color:#FCFCFC;
	color:#666666;
	border:1px solid #DDDDDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.heading2_body {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	border-top-color:#DDDDDD;
	padding:15px 10px;
}
.heading2_body .field {
	background-color:#F9F9F9;
	color:#999999;
	border:1px solid #DDDDDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}
.heading2_body .field:focus {
	background-color:#EDFAE2;
	border-color:#76DB1F;
	color:#000000;
}
.heading2_body .spaced {
	margin-bottom:5px;
}

.heading2_body select {
	background-color:#F3F3F3;
	color:#999999;
	border:1px solid #DDDDDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.heading2_body select:focus {
	background-color:#E8F3DD;
	border-color:#99CC66;
	color:#000000;
}

.heading2_body input.button {
	background-color:#EEEEEE;
	color:#49493b;
	border:1px solid #999999;
	border-left-width:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.heading2_body input.button:hover {
	background-color:#F3F3F3;
	color:#000000;
	cursor:pointer;
}

.heading2_body hr {
	color:#CCCCCC;
	background-color:#CCCCCC;
	width:70%;
	height:1px;
	border:none;
	margin:10px auto;
}
/**************************** END HEADING2 ****************************/

/**************************** BEGIN BLOG ****************************/
div.entryFooter {
	background-color:#F6F6F6;
	border:1px solid #CCCCCC;
	border-top-width:0;
	padding:2px;
	font-size:10px;
}

#mainColumnBlog {
	float:left;
	width:580px;
}
#rightColumnBlog {
	float:right;
	width:160px;
	padding-left:10px;
}

h1.blogHead {
	padding:0 0 3px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #CCCCCC;
	font-size:20px;
	color:#6D3C9F;
}

div.entryDate {
	float:right;
	color:#666666;
	font-size:10px;
	font-weight:normal;
}
.navigation { height:14px; font-size:11px; position:relative; }
.navTop { margin-bottom:10px; }
.navBottom { margin-top:10px; }
.navigation .alignleft { position:absolute; left:5px; top:0; line-height:14px; }
.navigation .alignright { position:absolute; right:5px; top:0; line-height:14px; }
/**************************** END BLOG ****************************/

/**************************** BEGIN PURCHASE TABLE ****************************/
.prodPurchase { width:100%; }
.prodPurchase td { padding:5px 0; border-bottom:1px solid #CCCCCC; }
.prodPurchase td.itemPrice { width:65px; text-align:center; }
/**************************** END PURCHASE TABLE ****************************/

/**************************** BEGIN LICENSE COMPARE TABLE ****************************/
.compareLicenses { border:1px solid #CCCCCC; border-bottom-width:0; border-right-width:0;  width:100%; }
.compareLicenses th { border:1px solid #CCCCCC; border-top-width:0; border-left-width:0; background-color:#F3F3F3; padding:5px; font-size:12px; }
.compareLicenses td { border:1px solid #CCCCCC; border-top-width:0; border-left-width:0; padding:5px; font-size:11px; text-align:center; }
.compareLicenses td.item { background-color:#F3F3F3; text-align:left; }
/**************************** END LICENSE COMPARE TABLE ****************************/

/**************************** BEGIN CONTACT FORM ****************************/
#frmContact label { clear:both; float:left; width:120px; margin-bottom:5px; font-weight:bold; }
#frmContact .errmsg { clear:both; margin-left:120px; }
#frmContact .error { border:2px solid #FF0000; }
#frmContact input, #frmContact select { margin-bottom:5px }
/**************************** END CONTACT FORM ****************************/

/**************************** BEGIN PORTFOLIO ****************************/
.portURL { float:right; width:200px; font-size:11px; font-weight:normal; text-align:right; }
.portPictures { text-align:center; }
.portPictures img { width:160px; height:120px; border:1px solid #CCCCCC; margin:0 5px 5px 0; }
.portDate { float:left; position:relative; width:50px; height:51px; margin-right:10px; background:#FFFFFF url('/graphics/portfolio/web/datebg.png'); }
.portDateMonth { position:absolute; top:0; left:0; width:50px; height:30px; line-height:30px; font-size:10px; font-weight:bold; text-align:center; }
.portDateYear { position:absolute; bottom:0; left:0; width:50px; font-size:10px; line-height:20px; text-align:center }
.portInfo { margin-left:60px; }

.portLogo { border:1px solid #CCCCCC; border-bottom:2px solid #999999; border-right:2px solid #999999; }
/**************************** END PORTFOLIO ****************************/

/**************************** BEGIN TESTIMONIALS ****************************/
span.testEmp0 { font-weight:bold; background-color:#E8FFE8; color:#009900; }
span.testEmp1 { font-weight:bold; background-color:#E8F4FF; color:#0083D7; }
span.testEmp2 { font-weight:bold; background-color:#E8FFE8; color:#009900; }
span.testEmp3 { font-weight:bold; background-color:#E8F4FF; color:#0083D7; }
hr.testSep { width:50%; margin:20px auto; }
.testInfo { margin-top:5px; text-align:right }
/**************************** END TESTIMONIALS ****************************/

/**************************** BEGIN CLIENT AREA ****************************/
#clientLeftColumn {
	float:left;
	width:160px;
	padding-right:10px;
}
#clientMainColumn {
	float:left;
	width:580px;
}
.clientArea th { background-color:#DDDDDD; padding:2px; }
.clientArea tr.row0 td { background-color:#FFFFFF; padding:3px 2px; font-size:11px; }
.clientArea tr.row1 td { background-color:#F3F3F3; padding:3px 2px; font-size:11px; }
/**************************** END CLIENT AREA ****************************/

/**************************** BEGIN SHOPPING CART ****************************/
table.shoppingCart { width:100%; }
table.shoppingCart tr.item td { font-size:12px; }
table.shoppingCart tr.item td.info { width:435px; padding-left:10px; }
table.shoppingCart td.remItem { width:40px; text-align:center; font-size:10px; }
table.shoppingCart tr.subItem td { font-size:10px; border-top:1px solid #666666; }
table.shoppingCart tr.subItem td.info { padding-left:25px; }
table.shoppingCart td { padding:5px 0 5px 0; }
table.shoppingCart tr.total { font-weight:bold; font-size:12px; }
table.shoppingCart tr.total > td { padding-top:5px; padding-bottom:5px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }

div#checkoutSteps div { padding:2px; margin:3px 0; }
div#checkoutSteps div.active { 	background-color:#EDFAE2; border:1px solid #76DB1F; }
/**************************** END SHOPPING CART ****************************/

/**************************** BEGIN SOFTWARE PAGE INFO ****************************/
div#features_menu { border-bottom:1px solid #999999; margin-bottom:10px; padding-bottom:3px; text-align:center; }
div#features_menu a { background-color:#F3F3F3; border:1px solid #999999; vertical-align:text-bottom; padding:3px 4px; margin:0 1px; }
div#features_menu a.selected { background-color:#EEEEEE; color:#000000; }
div#features_menu a:hover { background-color:#F9F9F9; color:#000000; text-decoration:none; }

table#screenshots td.screenshot { width:180px; font-size:11px; text-align:middle; text-align:center; }
table#screenshots td.screenshot img { vertical-align:middle }
table#screenshots td.screenshot img.screenshot { border:1px solid #999999; margin-bottom:2px }
table#screenshots td.screenshot a:hover img { text-decoration:none }
table#screenshots td.screenshot a:hover img.screenshot { border-color:#000000; }
table#screenshots td.screenshot img:hover { border-color:#000000; }
table#screenshots td.info { padding-left:10px }
/**************************** END SOFTWARE PAGE INFO ****************************/

/**************************** BEGIN AFFILLIATE ****************************/
.affiliateTable { border:1px solid #CCCCCC; border-width:1px 0 0 1px; margin-top:5px; width:100%; }
.affiliateTable tr.th1 th { border:1px solid #CCCCCC; border-width:0 1px 1px 0; background-color:#F9F9F9; padding:5px; }
.affiliateTable tr.th2 th { border:1px solid #CCCCCC; border-width:0 1px 1px 0; background-color:#F3F3F3; padding:5px; font-size:12px; }
.affiliateTable td { border:1px solid #CCCCCC; border-width:0 1px 1px 0; padding:5px; font-size:12px; text-align:center; }
/**************************** END AFFILIATE ****************************/

/**************************** BEGIN NEWS BAR ****************************/
#newsBar {
	position:absolute;
	top:75px;
	left:50%;
	margin-left:-375px;
	background:#000000 url('/graphics/news_bg.gif') top left repeat-x;
	width:750px;
	heght:20px;
	line-height:20px;
	font-size:11px;
	color:#FFFFCC;
	z-index:3;
}
#newsFeed {
	float:left;
	width:629px;
	height:20px;
	overflow:hidden;
	font-weight:bold;
}
#newsFeed a {
	display:block;
	color:#CCCCCC;
	text-decoration:none;
	height:20px;
	line-height:20px;
}
#newsFeed a:hover {
	color:#FFFFFF;
}
#newsFeed:hover, #newsFeed.over {
	height:auto;
	overflow:visible;
}
#newsFeed span { cursor:pointer }
/**************************** END NEWS BAR ****************************/
