body, input, td, select, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size:10px;
line-height:20px;
margin: 0;
padding: 0;
}
div{padding:0; margin:0; text-align:left;}

body{
background:#4E5254 url(../images/bg_pagebg.gif) repeat-x;
text-align:center;
}
#container{
position:relative;
width: 814px;
margin: auto;
}
#head{
width:814px;
height:146px;
background:transparent url(../images/bg_header.png) no-repeat;
padding:1px 0 0 0;
}
#body{
background:transparent url(../images/bg_body.gif) repeat-y;
padding:1px 20px 1px 30px;

}
#foot{
width:814px;
height:63px;
background:transparent url(../images/bg_foot.gif) no-repeat;
}

.clear{clear:both;}

/*--------------  formatting styles ----------------*/ 

h1{font:normal 21px Verdana; color:#666666;}
h2{font:bold 16px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;}
h1, h2, h3{margin:10px 0 0 0; padding:0;}
p{margin:5px 0 10px 0; padding:0;}
.price{color:#FF9900; font-weight:bold;}
a:link, a:visited, a:active, a:hover{
font:11px Verdana, Arial, Helvetica, sans-serif;
}
/*--------------  side nav structure ----------------*/

#side{
position:relative;
width:247px;
float:right;
margin:-40px -40px 0 20px;
}

#side .header{
background:transparent url(../images/bg_side_top.png) no-repeat; 
height:49px;
padding:5px 10px 1px 20px;
}
#side .products{background:transparent url(../images/bg_side_dark.gif);
padding:0 0 15px 7px;
}
#side .testimonials, #side .included{ background:transparent url(../images/bg_side_light.gif); padding:0 5px 15px 7px;}
#side .footer{background:transparent url(../images/bg_side_bottom.png) no-repeat; height:80px;}
.side_product, .side_testimonials{background:url(../images/div_side.jpg) no-repeat; padding:5px 10px 0 20px; }
.side_product_selected{background:url(../images/div_side_selected.jpg) no-repeat; padding:5px 10px 0 20px; };
.testimonials h1{padding-bottom:15px;}
.products a:link, .products a:visited, .products a:active {color:#FFF; text-decoration:none; font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.products a:hover{color:#E6E600; text-decoration:underline; font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.products h2{height:20px; padding:5px 0 0 0px;}
#side .side_hr{background:transparent url(../images/div_side.jpg) no-repeat; height:2px; line-height:normal;}
#side .header h1{padding:5px 0 0 7px;}
#side p{color:#999999;}
.testimonials h2{color:#CCC; font-size:11px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#side .products h2{font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif ;}
.testimonials a{color:#cccccc;}
#side_footer_link{position:absolute; margin:20px 0; text-align:center; width:247px; font-weight:bold; text-decoration:none;}
.side_product strong{color:#c9c9c9;}
#side .price{font-weight:bold; color:#FF9900;}
/*--------------  Side nav Internal----------------*/ 
.side_product strong, .side_testimonials strong{color:#c9c9c9;}
#side .order_div{border:none;}
/* .paypal_btn{display:block; background:url(../images/btn_paypal.gif) no-repeat; width:91px; height:32px; float:left;}*/
.paypal_btn{display:block; background:url(../images/btn_buy_now.gif) no-repeat; width:91px; height:32px; float:left;}
.paypal_btn span, .cc_btn span{height:1px; margin-left:-9999px; position:absolute;}
/* .cc_btn{display:block; background:url(../images/btn_credit.gif) no-repeat; width:91px; height:32px; float:left; margin-left:10px;}*/
.cc_btn{display:block; background:url(../images/btn_credit2.gif) no-repeat; width:91px; height:32px; float:left; margin-left:10px;}

.swf{background:transparent url(../images/ico_swf.gif) no-repeat; padding:0 0 0 30px;}
.mxp{background:transparent url(../images/ico_mxp.gif) no-repeat; padding:0 0 0 30px;}
.html{background:transparent url(../images/ico_html.gif) no-repeat; padding:0 0 0 30px;}
.fla{background:transparent url(../images/ico_fla.gif) no-repeat; padding:0 0 0 30px;}
.xml{background:transparent url(../images/ico_xml.gif) no-repeat; padding:0 0 0 30px;}
.side_testimonials p.first{padding-top:10px; background-position:0 10px;}

#side .download{color:#42a6da; text-decoration:underline; display:block; margin:15px 0 0 0; padding:0; font-weight:normal;}
#side a.download:hover{color:#FF9900;}
#side .order_div{width:100%; margin-bottom:5px; padding-bottom:0; height:35px;}




/*--------------  Navigation ----------------*/ 
#topnav ul{margin:0; padding:0;}
#topnav ul li{float:left; margin:0 1px 0 1px; list-style:none;}
#topnav ul li a:link, #topnav ul li a:visited, #topnav ul li a:active, #topnav ul li a:hover{ 
background:transparent url(../images/nav_off.gif); 
width:89px; height:21px; 
padding:8px 0 0 0; 
display:block; 
text-align:center; 
font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#a7a6a6;
text-transform:uppercase;
}
#topnav ul li a:hover{ 
color:yellow;
text-decoration:underline;
}
#topnav ul li a.active:link, #topnav ul li a.active:visited, #topnav ul li a.active:active, #topnav ul li a.active:hover{ 
background:transparent url(../images/nav_on.gif); 
color:#000;
}
#topnav {margin:110px 0 0 30px; position:absolute; }
#home_link{display:block; width:250px; height:70px; position:absolute; top:30px; left:30px;}
#home_link span{height:1px; position:absolute; margin-top:-999px;}
/*--------------  community links styles ----------------*/ 

#community_links{
position:absolute;
top:10px; left:595px;
}
#community_links a span{display:none;}
#dig{width:79px; height:21px; background:transparent url(../images/btn_digg.gif) no-repeat; display:block; float:left;}
#del{width:79px; height:21px; background:transparent url(../images/btn_save.gif) no-repeat; display:block; float:left;}

/*-------------- Footer styles ----------------*/ 
#foot{padding:20px 20px;}
#foot a{color:#666; text-decoration:none;}
#validation{float:right;width:170px; }
#validation a{color:#42a6da; text-decoration:none;}
#xhtml_link, #css_link{background:transparent url(../images/ico_check.jpg) no-repeat; padding:0 20px 0 20px; display:block; height:21px; float:left;}
#copy_left{float:left;}
#copy_right{float:right; padding-right:80px;}

/*-------------- Page speciffic styles ----------------*/ 
.intro_text{background:transparent; padding:15px 20px; width:450px;height:165px; font-size:10px; line-height:19px; margin:0 0 0 -15px;}
.intro_text h1{font-size:20px; margin:0;}
.intro_img{width:475px; background:#cccccc; border:1px solid black;}
.button_img{float:right; margin-top:3px;}
.buy{border-bottom:1px solid #CCCCCC; padding:0; height:55px;}
.order_div{width:490px; margin-bottom:50px;}
.order_div p{padding:3px 0; margin:0;}
p.small_text{margin:-5px 0 7px 0; font-size:10px; padding:0;}
p.emphasis{background:#FFFFCC; width:468px; padding:10px; color:#000000; border:1px solid #CCCCCC;}

/*------------------------------ Support styles -------------------------------*/
#brdmenu ul li, #punwrap ul li{background:none; }
#brdtitle {background:#FFF;}
#brdtitle h1{font-size:21px; font-weight:normal;}
#punwrap{width:100%; margin:0; padding:0}
.support{margin:0; padding:0;}

/*------------------------------ Image styles -------------------------------*/
.img_float_right{float:right; padding:5px;}
.img_float_left{float:left; padding:5px;}

/*------------------------------ Form Styles -------------------------------*/
.cssform p{width: 300px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 155px; height: 1%;}
.cssform label{ font-weight: bold; float: left; margin-left: -155px; width: 150px; }
.cssform input[type="text"]{ width: 180px;}
.cssform input[type="password"]{ width: 180px;}
.cssform input#button{height:30px; font-weight:bold;}
.cssform textarea{width: 250px; height: 150px;}
* html .threepxfix{margin-left: 3px;}