body {
	background:#fff;
	color: #777;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}
input,button,select{
	vertical-align: middle;
	font-family: Georgia, Verdana, Arial, Helvetica, 'Sans-Serif';
}
table{
	width:100%;
	table-layout: fixed;
}
table img{
	vertical-align: middle;
}

/* Bubble with an isoceles triangle
------------------------------------------ */

.triangle-isosceles {
   position:relative;
   padding:15px;
   margin:1em 0 3em;
   color:#000;
   background:#e4e4e4;

   /* css3 */
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   background:-moz-linear-gradient(top, #f9d835, #f3961c);
   background:linear-gradient(top, #f9d835, #f3961c);
}

/* creates triangle */
.triangle-isosceles:after {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   bottom:-15px;
   left:50px;
   width:0;
   border-width:15px 15px 0;
   border-style:solid;
   border-color:#e4e4e4 transparent;
}

a{
	color: #5BAABF;
	text-decoration: none;
}
a:hover,#navigation a:hover,#navigation .on a{
	color: #E30634;
}
hr{
	background:#eee;
	color:#eee;
	margin: 18px 0;
}
img,object{
	border:0;
	vertical-align: top;
}
.text-center{
	text-align: center;
}

.color333{
	color: #333;
}

.btn{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	line-height: 1.5;
	text-shadow:1px 1px #fff;
	margin-top: 29px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.btn a,.btn a span{
	float: left;
	background: url(images/btn.gif) no-repeat;
}
.btn a{
	color: #333;
	margin-right: 35px;
	padding-left:27px;
	white-space: nowrap;
}
.btn a span{
	cursor: pointer;
	position: relative;
	margin-right: -17px;
	padding-right: 28px;
	background-position:right top; 
}
.btn a:hover{
	color: #222;
	text-shadow:1px 1px #ddd;
	background-position: 0 -40px;
}
.btn a:hover span{
	background-position: right -40px;
}
a.btn-buy{
	color: #fff;
	text-shadow:1px 1px #730014;
	background-position: 0 -160px;
}
a.btn-buy span{
	background-position: right -160px;
}
/* END PAGE GENERAL */

/* header */
#header-wrape{
	background: url("images/body-bg.gif") #111 repeat-x;
}
#header{
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 0;
	background: url(images/header-bg4.jpg) center top no-repeat;
}
.internal #header-wrape{
	background: url("images/body-bg-internal.gif") #111 repeat-x;
}
.internal #header{
	background: url(images/header-bg-internal4.jpg) center top no-repeat;
}

#logo{
	float: left;
	padding: 0 0 52px 20px;
}

#navigation{
	float: right;
	display: inline;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 40px;
	margin: 15px 18px 0 0;
	text-shadow:1px 1px #fff;
	background: url(images/navigation-bg.gif) 0 -80px repeat-x;
}
#navigationbar{
	float: left;
	position: relative;
	right: -18px;
	background: url(images/navigation-bg.gif) right -40px no-repeat;
}
#navigation ul{
	float: left;
	position: relative;
	left: -36px;
	margin-right: -30px;
	padding: 0 7px 0 22px;
	background: url(images/navigation-bg.gif) no-repeat;
}
#navigation li,#navigation a{
	float: left;
}
#navigation a{
	color: #333;
	display: block;
	padding: 0 17px;
}

#banner{
	clear: both;
	margin: 0 0 -35px 4px;
	position: relative;
	top: -35px;
	height: 335px;
	position: relative;
	padding: 49px 0 0 226px;
	background: url(images/banner-bg.gif) -220px -44px no-repeat;
}
#banner h3{
	height: 44px;
	text-indent: -2000px;
	overflow: hidden;
	margin-bottom: 16px;
	background: url(images/banner-bg.gif) no-repeat;
}
#banner-info{
	color: #fff;
}
#banner .btn{
	text-shadow:1px 1px #C5CFD2;
}
#banner .btn a{
	padding-left:30px;
	background-position: 0 -80px;
}
#banner .btn a span{
	padding-right:31px;
	background-position: right -80px;
}
#banner .btn a:hover{
	background-position: 0 -120px;
}
#banner .btn a:hover span{
	background-position: right -120px;
}
#latest-release{
	position: absolute;
	bottom: -58px;
	right: 15px;
	width:170px;
	color: #222;
	height: 183px;
	line-height: 1;
	padding: 0 25px;
	font-size: 18px;
	text-align: center;
	text-shadow:1px 1px #E63B47;
	background: url(images/banner-bg.gif) 0 -44px no-repeat;
}
#versions{
	font-size: 60px;
	padding: 8px 0 7px;
	text-shadow:1px 1px #FF8694;
}
#version-history{
	font-size: 12px;
	line-height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 12px -20px 0;
	position: relative;
	text-shadow:1px 1px #111;
}
#version-history a{	
	color: #fff;
	height: 50px;
	display: block;
}
#version-history a:hover{
	color: #bbb;
}

/* center of page */
#container{
	background: url(images/container-bg.gif) repeat-x;
}
#container-2{
	background: url(images/main-bg.gif) no-repeat top center;
}
#main{
	width: 900px;
	margin: 0 auto;
	padding: 25px 0;
}

.single{
	width: 100%;
	padding:25px 0 32px;
}
.single-side{
	float: left;
	padding-left: 23px;
}
.single-main{
	float: right;
	width: 700px;
}
.single h3{
	color: #333;
	font-size: 24px;
	margin:-10px 0 8px;
	font-family: Arial, Helvetica, sans-serif;
}

.home-container{
	margin-bottom: -37px;
}

/* footer */
#footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 960px;
	color: #aaa;
	margin: 50px auto 0;
	padding: 18px 0 40px;
	background: url(images/footer-bg.gif) no-repeat;
}
#footer p{
	float: left;
	line-height: 35px;
	padding-left: 50px;
	background: url(images/foot-logo.gif) 10px 0 no-repeat;
}
#footer p strong{
	color: #777;
}
#footer ul{
	float: right;
	padding: 9px 0 0;
}
#footer li{
	float: left;
	margin-left:24px;
}
#footer li a {
	color: #777;
}
#footer li a:hover{
	color: #333;
}

/* internal pages */
h2{
	color:#8BAEB9;
	font-size: 36px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	padding: 0 0 21px;
	margin-bottom: 25px;
	text-shadow:1px 1px #fff;
	background: url(images/twoline.gif) left bottom repeat-x;
}



#subnav{
	height: 44px;
	line-height: 44px;
	padding: 3px 0 30px;
	border-bottom: 1px solid #F5F5F5;
}
#subnav li,#subnav a{
	float: left;
}
#subnav li{
	margin-right: 10px;
}
#subnav a{
	width: 150px;
	color: #777;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/btn.gif) 0 -244px no-repeat;
}
#subnav a:hover,#subnav .on a{
	color: #fff;
	background-position: 0 -200px;
}

.products{
	width: 100%;
	margin: 14px 0 23px;
}
.products div{
	float: left;
	padding-left: 20px;
}
.products ul{
	float: right;
	padding:15px 51px 0 0;
}
.products li{
	float: left;
	display: inline;
	margin-left: 103px;
}

.software{
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #eee;
	border-width: 1px 1px 0;
}
.software-b{
	height: 18px;
	clear: both;
	position: relative;
	margin: 0 -1px;
	background: url(images/software-bg.gif) no-repeat;
}
.software-left{
	float: left;
	width: 260px;
	line-height: 35px;
	display: inline;
	padding: 20px 0 0 20px;
	position: relative;
	margin: -1px 0 0 -1px;
	background: url(images/software-bg.gif) -881px -18px no-repeat;
}
.software-left li{
	width: 100%;
	border-bottom: 1px solid #eee;
}
.software-left .sw-price,.software-left .sw-edition{
	line-height: 39px;
	font-size: 14px;
	font-weight: bold;
}
.software-left .sw-edition{
	padding-bottom: 11px;
}
.software-right{
	float: right;
	width: 598px;
	border-left: 1px solid #eee;
}
.software-right table{
	width: 600px;
	margin: -1px -1px 0;
	position: relative;
	background: url(images/software-bg.gif) 0 -18px no-repeat;
}
.software-right th,.software-right td{
	text-align: center;
}
.software-right th,.software-right .price td{
	font-weight: bold;
	color: #333;
}
.software-right th{
	padding: 21px 0 13px;
}
.software-right td{
	line-height: 36px;
	height: 36px;
	background: url(images/dot-x.gif) left bottom repeat-x;
}
.software-right .price td{
	line-height: 40px;
	vertical-align: middle;
	background: url(images/software-bg.gif) #eee -600px -18px repeat-x;
}
.software-right .btn td{
	background: none;
	padding: 25px 0 3px;
}
.software-right .btn a,.software-right .btn span{
	display: block;
	height: 40px;
}
.software-right .btn a{
	margin: 0 auto;
	float: none;
	width: 73px;
	line-height: 40px;
	position: relative;
	left:-8px;
}
.software-right .btn .dl a{
	left:22px;
	width: auto;
}
.software-right .btn .btn-buy{
	width: 70px;
}

.info{
	color: #555;
	margin: 25px 0;
}

#screenshot{
	margin-bottom: 20px;
}
#screenshot ul{
	padding-right: 19px;
}
#screenshot ul,#screenshot li{
	float: left;
}
#screenshot li{
	margin-right: 30px;
	display: inline;
}
#screenshot div{
	float: left;
}

.mode{
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
.mode h3,#licenses h3,.teaser h3,#contact h3{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
}
.mode h3{
	margin-bottom: 22px;	
}
.mode ul{
	margin: 0 30px;
}
.mode li{
	padding: 0 7px;
	line-height: 36px;
	background: url(images/dot-x.gif) left bottom repeat-x;
}
.mode li span{
	display: block;
	padding: 0 33px;
	background: url(images/icon-yes.gif) 0 8px no-repeat;
}

.bnt-download{
	padding:11px 0 0 300px;
}
.bnt-download-single{
	padding:11px 0 0 360px;
}
.bnt-download p{
	height: 40px;
}

#licenses{
	margin-top: 20px;
}
#licenses h3{
	padding-bottom: 26px;
}
.area{
	float: left;
	width: 166px;
	padding: 0 17px;
	margin-right: 20px;
}
.area-info{
	height: 79px;
	margin: 0 -17px 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	padding: 21px 0 0;
	background: url(images/area-info.gif) no-repeat;
}
.area h4{
	color: #5B818D;
	font-size: 24px;
	padding: 3px 0;
}
.area li{
	padding-left:24px;
	background: url(images/icon-arr.gif) 0 5px no-repeat;
}
.area .btn{
	margin-bottom: 22px;
	padding-left: 26px;
}

.teaser{
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 28px;
	margin-bottom: 20px;
	border-bottom: 1px solid #F5F5F5;
}
.teaser h4{
	color: #5B808C;
	font-size: 14px;
	font-style: italic;
	margin: 18px 0 -3px;
	font-family: Georgia;
}
.teaser h5{
	color: #999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.teaser p,#contact p{
	margin-top: 18px;
}
.teaser-last {
	margin-bottom: 0;
}

.entry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.entry h3 {
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	margin: 24px 0 18px;
}
.entry p {
	margin: 18px 0 0;
	line-height: 18px;
}
.teaser ul, .teaser ol, .entry ul, .entry ol {
	margin-top: 18px;
	line-height: 18px;
}
.teaser ul li, .entry ul li {
	list-style-type: disc;
	margin-left:40px;
}
.teaser ol li, .entry ol li {
	list-style-type: decimal;
	margin-left:40px;
}
.go-tip li {
	list-style-type: none !important;
	margin: 0 !important;
	padding-left:40px;
	background: url(images/icon-arr.gif) 10px 5px no-repeat;
}
.entry img {
	vertical-align: middle;
}

#contact,.form-right input,.form-right select,.form-right textarea{
	font-family: Arial, Helvetica, sans-serif;
}

#contact-form{
	width:728px;
	font-size: 14px;
	border: 1px solid #eee;
	border-width:0 1px;
	margin: 28px 0 0;
}
#contact-form ul{
	width: 730px;
	margin: 0 -1px;
	line-height: 38px;
	position: relative;
	padding: 20px 0 0;
	background: url(images/contact-form-bg.gif) no-repeat;
}
#contact-form li{
	width: 100%;
	margin-bottom: 10px;
	vertical-align: top;
}
#contact-form li:after{
	content: '';
	display: block;
	overflow: hidden;
	clear: both;
}
#contact-form .last{
	margin: 0;
	padding: 10px 0 27px;
	background: url(images/contact-form-bg.gif) right bottom no-repeat;
}
#contact-form .ill{
	line-height: 1.5;
}
.form-left{
	float: left;
	width: 182px;
	text-align: right;
}
.form-right{
	float: right;
	width: 521px;
}
.form-right input,.form-right select,.form-right textarea{
	color:#333;
	font-size: 14px;
	width: 244px;
	padding: 10px 12px;
	border: 1px solid #ddd;
	line-height: normal;
	background: #F5F5F5;
}
#contact-form .input-short{
	width: 114px;
}
.form-right select{
	width: 270px;
}
.form-right textarea{
	width: 464px;
	height: 141px;
	position: relative;
	margin: 0;
	vertical-align: middle;
}
.form-right img{	
	margin-left: 20px;
	vertical-align: middle;
}
#contact-form .btn{
	margin: 0;
}