body {
	margin: 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 13px;

	background-image:url('../images/page_background.gif');
	background-repeat: repeat-x;
	background-color: #afafaf;
	/*
	background-attachment:fixed;
	background-position:center;
	*/
	
}

div {
	margin: 0px;
	padding: 0px;
}

ul,
ol {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}

ol li,
ul li {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding: 0px;
	padding-top: 1.25em;
	line-height: 125%;
}

div.autofill {
	display: block;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

div.container {
	width: 930px;
	margin: 0px auto 0px;
	padding-bottom: 20px;
	/*border: 1px solid #7f7f7f;*/

}

div.header {
	position: relative;
	height: 148px;
}

a#logo_a {
	display: block;
	position: absolute;
	top: 71px;
	left: 0px;
}

a#logo_a:hover {
	background: transparent;
}

a {
	color: #5D5D5D;
}

a:hover {
	color: #666;
}

p a {
	color: #4587B3;
}

p a:hover {
	color: #6d9fdb;
}

div.top_nav {
	position: absolute;
	top: 103px;
	right: 0px;
	background-color: #808080;
}

div.top_nav a.tn,
div.top_nav a.tn:visited {
	display: block;
	float: left;
	padding: 5px 14px 6px;

	background-color: #808080;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

div.top_nav a.tn:hover,
a#top_nav_selected { /* Using id="selected" is an IE<=6 workaround */
	text-decoration: none;
	background-color: #333;
	color: #fff;
}

div.bottom_corner_box {
	background-color: #fff;
	background-image: url('../images/br_corner.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.content {
	/*margin-top: 147px;*/
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;

	background-image: url('../images/bl_corner.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}


form {
	padding: 0px;
	margin: 0px;
}

h2,
div.box h2 {
	font-size: 11px;
	margin: 0px;
	padding: 4px 10px 3px;
	color: #fff;
}
h3,
div.box h3 {
	font-size: 13px;
	margin: 0px;
	padding: 4px 10px 3px;
	color: #fff;
}
div.box_content {
	padding: 0px 10px 10px;
}

div.more {
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
	/*padding-bottom: 10px;*/
}

div.right_blurbs {
	position: absolute;
	top: 0px; 
	right: 0px;
	width: 281px;
	padding-left: 9px;
	color: #666;

	background-image:url('../images/shadow_left-trans.png');
	background-repeat: repeat-y;
	background-position: 1px 0px; /* Workaround for IE 6 */
}

div.right_blurbs div.box {
	padding-bottom: 10px;
}


div.right_blurbs div.box div.box_content {
	padding-left: 14px;
	padding-right: 14px;
}


div.bottom_blurbs {
	padding-left: 9px;
}

div.bottom_blurbs div.box {
	float: left; 
	margin-right: 9px;
	height: 264px;
	position: relative;
	min-width: 0px; /* IE 6 hack */
	background-color: #fff;
}

div.bottom_blurbs div.box div.box_content {
	padding-bottom: 20px;
}

div.gradient_light_blue {
	background-image: url('../images/gradient_light_blue.gif');
	background-repeat: repeat-x;
}

div.gradient_light_blue h2 {
	background-color: #83bad7;
}

div.gradient_gray1 {
	background-image: url('../images/gradient_gray1.gif');
	background-repeat: repeat-x;
}

div.gradient_gray1 h2 {
	background-color: #999999;
}

div.gradient_black {
	background-image: url('../images/gradient_gray1.gif');
	background-repeat: repeat-x;
}

div.gradient_black h2 {
	background-color: #000;
}

div.gradient_med_blue {
	background-image: url('../images/gradient_med_blue.gif');
	background-repeat: repeat-x;
}

div.gradient_med_blue h2 {
	background-color: #7ca2d1;
}

div.gradient_green1 {
	background-image: url('../images/gradient_green1.gif');
	background-repeat: repeat-x;
}

div.gradient_green1 h2 {
	background-color: #adc57e;
}

div.gradient_peach {
	background-image: url('../images/gradient_peach.gif');
	background-repeat: repeat-x;
}

div.gradient_peach h2 {
	background-color: #f3b26d;
}

div.gradient_purple {
	background-image: url('../images/gradient_purple.gif');
	background-repeat: repeat-x;
}

div.gradient_purple h2 {
	background-color: #9398ba;
}

div#why_trapezy div.box_content {
	padding-top: 15px;
	min-height: 110px;
}
div#why_trapezy div.box_content ol li {
	padding-bottom: 6px;
}

div#see_how_easy div.box_content {
	min-height: 50px;
}
div#what_people_say div.box_content {
	min-height: 214px;
}
div#what_people_say div.box_content p.testimonial_quotee {
	padding-bottom: 0px;
}

div#recent_news {
	width: 255px;
}

div#recent_news div.box_content {
	height: 205px;
}

div#adobe_plugins {
	width: 210px;

	background-image:url('../images/adobe_graphic_gradient.gif');
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

div#adobe_plugins h2,
div.left_menu h2.header {
	background-color: #d10101;
}

div#adobe_plugins div.box_content {
	height: 205px;
}

div#email_updates {
	height: 120px;
}

div#email_updates div.box_content {
	font-size: 80%;
	padding: 5px 5px 5px;
}
div#email_updates div.box_content p {
	padding-top: 5px;
}
div#email_updates div.more {
	padding-right: 5px;
}

div#purchase {
	/* Styles for when we have the Email box above. */
	/*height: 120px;*/

	/* Styles for when it's just the purchase box. */
	height: 120px; /* IE <=6.0 won't show the h2 background-color without this */
}


div#purchase div.box_content {
	/* Styles for when we have the Email box above. */
	/*padding: 5px 0px 10px; */ 

	/* Styles for when it's just the purchase box. */
	padding: 1.25em 0px 0px;
	height: 205px;
}

div#purchase div.box_content img {
	/* Styles for when it's just the purchase box. */
	margin-top: 45px;
	margin-left: 5px;
} 

div#purchase div.more {
	padding-right: 5px;
}

div.content_right {
	float: right;
	width: 640px;
}

div.content_right {
	padding-bottom: 20px;
}

div.content_right div.box div.box_content {
	padding-left: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
}

div.left_menu {
	float: left;
	width: 281px;
	padding-right: 8px;
	color: #666;

}

div.interior_left_menu_shadow_right {
	background-image:url('../images/shadow_right-trans.png');
	background-repeat: repeat-y;
	background-position: 281px 0px;
}

div.left_menu div {
	border-top: 1px solid #fff;
}

div.left_menu div h2 {
	color: #333;
}

div.left_menu div a.ln {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}

div.left_menu div a.ln:hover {
	text-decoration: none;
	background-color: #fff;
	color: #000;
}

div.left_menu div.products {
	background-color: #dae7f0;
}

div.left_menu div.products h2 {
	background-color: #b2d7eb;
}

div.left_menu div.testimonials {
	background-color: #f5e8d2;
}

div.left_menu div.testimonials h2 {
	background-color: #f7d9b9;
}

div.left_menu div.support {
	background-color: #e1e2e9;
}

div.left_menu div.support h2 {
	background-color: #c5c9e2;
}

div.left_menu div.company {
	background-color: #e1e4d8;
}

div.left_menu div.company h2 {
	background-color: #d4ddbf;
}

div.left_menu div.purchase {
	background-color: #d9d9d9;
}

div.left_menu div.purchase h2 {
	background-color: #b2b2b2;
	color: #fff;
}

div.left_menu div.contact {
	background-color: #e6eef5;
}

div.left_menu div.contact h2 {
	background-color: #d0e1f6;
}

p.smaller {
	/*font-size: 80%;*/
	font-size: 85%;
}

p.large {
	font-size: 120%;
	color: #333;
	line-height: 120%;	
}

p.larger {
	font-size: 160%;
	color: #7C7C7C;
	line-height: 120%;	
}


div.footer {
	border-top: 1px solid #afafaf;
	padding: 5px;
	font-size: 90%;
	text-align: center;
}

div.article h1 {
	margin: 0px;
	padding: 20px 0px 3px;
	font-size: 25px;
	font-weight: normal;
}

div.article p {
	/*font-size: 80%;*/
	line-height: 130%;
}

div.article div.article_date,
div.article div.original_link {
	font-style: italic;
}

p.testimonial_quote {
	font-style: italic; 
	line-height: 150%;
}
p.testimonial_quotee {
	text-align: right; 
	padding-bottom: 20px; 
	border-bottom: 1px solid #f3b26d;
}

p.no_bottom_border {
	border-bottom: 0px;
}

ul.system_reqs {
	padding-top: 20px;
}
ul.system_reqs li {
	padding-bottom: 10px;
	
}

table#screenshots {
	padding-top: 30px;
	padding-bottom: 20px;
}

table#screenshots td {
	/*padding-left: 5px;*/
	width: 190px;
	padding-left: 10px;
}

table#screenshots td img {
	padding-bottom: 3px;
}

table#screenshots td.first {
	padding-left: 0px;
}
</* styles for new buy now page*/>
{.aligncenter { text-align:center;}
.wrapper { width:100%; overflow:hidden;}

/*==================buttons====================*/
/*content*/
#content { padding:0 0 20px 0; background:#fff;}
#content .section { padding-bottom:20px;}

#content .button { background:url(images/button-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button em { display:block; font-style:normal; background:url(images/button-left.gif) no-repeat left top;}
#content .button em b { display:block; height:35px; line-height:35px; background:url(images/button-right.gif) no-repeat right top; cursor:pointer;}
#content .button:hover { color:#000;}

#content .button1 { background:url(images/button1-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button1 em { display:block; font-style:normal; background:url(images/button1-left.gif) no-repeat left top;}
#content .button1 em b { display:block; height:35px; line-height:35px; background:url(images/button1-right.gif) no-repeat right top; cursor:pointer;}
#content .button1:hover { color:#000;}

#content .button2 { background:url(images/button2-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button2 em { display:block; font-style:normal; background:url(images/button2-left.gif) no-repeat left top;}
#content .button2 em b { display:block; height:35px; line-height:35px; background:url(images/button2-right.gif) no-repeat right top; cursor:pointer;}
#content .button2:hover { color:#000;}

#content .button3 { background:url(images/button3-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button3 em { display:block; font-style:normal; background:url(images/button3-left.gif) no-repeat left top;}
#content .button3 em b { display:block; height:35px; line-height:35px; background:url(images/button3-right.gif) no-repeat right top; cursor:pointer;}
#content .button3:hover { color:#000;}
/*extra-content*/
#extra-content { background:#ededed; border-bottom:1px solid #fff; padding:20px 0 29px 0;}
#extra-content .section { padding-bottom:20px;}

#extra-content .box { background:url(images/box1-bg.gif) left top repeat-x #fff; width:100%;}
#extra-content .box .border-top {background:url(images/border.gif) repeat-x top;}
#extra-content .box .border-bot {background:url(images/border.gif) repeat-x bottom;}
#extra-content .box .border-left {background:url(images/border.gif) repeat-y left;}
#extra-content .box .border-right {background:url(images/border.gif) repeat-y right;}
#extra-content .box .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;}
#extra-content .box .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;}
#extra-content .box .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom; width:100%;}
#extra-content .box .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; }

/*==================boxes====================*/
.box { background:url(images/box-bg.gif) left top repeat-x; width:100%;}
.box .border-top {background:url(images/border.gif) repeat-x top;}
.box .border-bot {background:url(images/border.gif) repeat-x bottom;}
.box .border-left {background:url(images/border.gif) repeat-y left;}
.box .border-right {background:url(images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom; width:100%;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:27px 35px 30px 34px;}

.box1 { background:#ededed; width:100%;}
.box1 .border-top {background:url(images/border-top.gif) repeat-x top;}
.box1 .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border-left.gif) repeat-y left;}
.box1 .border-right {background:url(images/border-right.gif) repeat-y right;}
.box1 .left-top-corner {background:url(images/left-top-corner2.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(images/right-top-corner2.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(images/left-bot-corner2.gif) no-repeat left bottom; width:100%;}
.box1 .right-bot-corner {background:url(images/right-bot-corner2.gif) no-repeat right bottom; }
.box1 .inner { padding:27px 35px 30px 34px;}

.dept-list { float:left;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}


.col-1, .col-2, .col-3 { float:left;}

/*======= index.html =======*/
#page1 #content .col-1 {width:202px; margin-right:22px;}
#page1 #content .col-2 {width:202px; margin-right:22px;}
#page1 #content .col-3 {width:202px;}



/*=========================*/

.col-1, .col-2, .col-3 { float:left;}

/*======= index.html =======*/
#page1 #content .col-1 {width:202px; margin-right:22px;}
#page1 #content .col-2 {width:202px; margin-right:22px;}
#page1 #content .col-3 {width:202px;}
#page1 #extra-content .col-1 {width:364px; margin-right:22px;}
#page1 #extra-content .col-2 {width:364px;}

/*======= index-2.html =======*/
#page3 #content .col-1 {width:202px; margin-right:22px;}
#page3 #content .col-2 {width:202px; margin-right:22px;}
#page3 #content .col-3 {width:202px;}

/*======= index-4.html =======*/
#page5 #content .col-1 {width:202px; margin-right:22px;}
#page5 #content .col-2 {width:426px;}

/*======= index-5.html =======*/
#page6 #content .col-1 {width:202px; margin-right:22px;}
#page6 #content .col-2 {width:202px; margin-right:22px;}
#page6 #content .col-3 {width:202px;}


/*=========================*/