@charset "utf-8";
/* CSS Document */
body{
background:#ffffff;
font-family:Arial, Helvetica, sans-serif;
color:#676161;
font-size:12px;
text-align:center;
margin:0;
}

a, a:link, a:active, a:hover, a:visited{
text-decoration:none;
color:#676161;
}

a:hover {
color:#30abbe;
}

#stripbg{
width:100%;
background:#7f7676;
height:96px;
border-bottom:3px solid #dcdcdc;
z-index:1;
}

#container{
margin:-99px auto;
text-align:left;
z-index:2;
width:800px;
position:relative;
}

#header{
position:relative;
margin:0 0 60px 0;
}

#header a, #header a:link, #header a:visited{
color:#ffffff;
}

#header a:active{
color:#c83305;
}

#header a:hover{
color:#30abbe;
}

#titleshad{
z-index:3;
width:258px;
height:96px;
background:#746b6b;
}

#companytitle{
height:110px;
width:250px;
background:#30abbe url(images/cliftitle.png);
z-index:4;
position:absolute;
top:0px;
left:4px;
overflow:hidden;
}

#companytitle span{
font-size:53px;
color:#FFFFFF;
position:absolute;
visibility:hidden;
}

#companytitle span a{
display:block;
}

ul#sitemenu{
color:#FFFFFF;
position:absolute;
right:0px;
top:20px;
list-style:none;
margin:0 -6px;
}

ul#sitemenu li{
display:inline;
margin:0;
padding: 3px 8px 3px 5px;
}

a.contactbtn{
position:absolute;
right:0px;
top:60px;
}

#navbar{
float:left;
width:234px;
margin:0 0 0 10px;
}

ul#nav{
list-style:none;
padding:0;
margin:0;
}

ul#nav li a{
padding:6px;
background:#e8e8e8;
margin:0 0 3px;
width:234px;
color:#7f7676;
display:block;
}

ul#nav li a:hover{
background:#fe7045;
color:#202020;
}

h1{
font-size:22px;
font-weight:normal;
width:245px;
border-bottom:1px dotted #adadad;
padding:0 0 5px 0;
margin:10px 0;
}

h2{
font-size:14px;
color:#30abbe;
font-weight:normal;
width:100%;
border-bottom:1px dotted #adadad;
padding:0 0 5px 0;
margin:10px 0;
}

h3{
font-size:18px;
font-weight:normal;
margin:0 0 5px;
color:#c83305;
}

#content{
width:510px;
margin:10px 0 0 30px;
float:right;
}

#content a, #content a:link, #content a:active, #content a:hover, #content a:visited{
text-decoration:none;
color:#30abbe;
}

#content a:hover {
color:#676161;
}

#description{
margin:15px 0;
}

#content ul{
border-top:1px solid #dddddd;
border-bottom:1px solid #dddddd;
margin:15px 5px 15px 5px;
padding:15px 0 7px 0;
list-style-image:url(images/bullet.gif);
}

#content ul li{
margin:0 0 5px 15px;
padding:0 0 0 3px;
}

p{
margin:0;
}

#downloadinfo{
margin:20px 0;
}

#downloadinfo p{
margin:0 0 20px 0;
}

#downloadinfo ul{
list-style-image:url(images/bullet.gif);
float:right;
margin:0;
padding:0 0 0 20px;
width:235px;
border:0;
}

#downloadinfo ul li{
margin:0 0 5px 0;
}

.downloadbtn{
float:left;
position:relative;
width:230px;
background:#fe7045;
margin:0;
padding:0;
}

.btncontent{
margin:0 0 0 7px;
width:216px;
background:#c83305;
}

span.btnmain{
font-weight:bold;
padding:8px 15px 3px 15px;
font-size:14px;
color:#ffffff;
display:block;
}

span.btnsec{
padding:0 15px 8px 15px;
color:#202020;
display:block;
}

a:hover span.btnsec{
color:#ffffff;
}

a:hover span.btnsec{
border-bottom:1px dotted #ffffff;
padding:0 15px 7px 15px;
}


.arrow{
z-index:5;
position:absolute;
top:-4px;
left:20px;
width:18px;
height:12px;
background:url(images/arrow.gif) no-repeat;
}

.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}

a.document{
float:left;
margin:10px 0;
color:#30abbe;
}

a.document:hover{
color:#c83305;
}

#footer{
border-top:1px dotted #adadad;
width:790px;
float:left;
margin:20px 0 0 10px;
padding:15px 0;
position:relative;
}


.right{
position:absolute;
right:0px;
top:15px;
}

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */



#screenshots a{
overflow:hidden;
max-width:105px;
display:inline-block;
padding:5px;
margin:0 5px 0 0;
background:#e8e8e8;
border-right:5px solid #e8e8e8;
}

#screenshots img{
height:105px;
border:0;
}

#screenshots a:hover{
padding:5px 5px 4px 5px;
border-bottom:1px dotted #30abbe;
}

#buyinfo{
width:340px;
float:right;
}

#buybtn{
text-align:center;
float:left;
width:150px;
}

p.buysmallprint{
margin-top:20px;
width:510px;
float:left;
}

.licences{
padding:10px 0 10px 0;
border-bottom:1px dotted #adadad;
}

.licences form{
margin:10px 0;
}

a.paypal img{
border:0;
}

form.emailform{
margin:15px 0;
}

form.emailform p{
margin:0 0 20px 0;
}

form.emailform input, form.emailform label{
display:block;
}

.inputarea{
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

form.emailform label{
margin:10px 0 5px 0;
}

input.formbtn{
margin:10px 0;
}