*{
margin:0;
padding:0;
border:0
}
body{
color:#000000;
background:url(bgr.jpg) #ffffff no-repeat center top;
font:11px verdana,tahoma,arial,sans-serif;
behavior:url("csshover.htc");
}
a{
color:#000000;
text-decoration:underline
}
a:hover{
color:#333333;
text-decoration:none
}
input,select,textarea{
border:#969696 1px solid;
padding:2px;
color:#000000;
font:11px verdana,arial,tahoma,sans-serif
}
select{
padding:1px
}
input.button{
border:0;
width:126px;
margin:5px 0 0;
color:#ffffff;
background:url(btn-bgr.gif) no-repeat center;
font:bold 10px tahoma,arial,sans-serif;
text-align:center
}
li{
list-style:none
}
#page{
margin:0 auto;
width:720px
}
/*--- HEADER ---*/
#top{
background:url(topmenu-bgr.gif) no-repeat center;
height:44px
}

#top2{
background:url(topmenu-bgr.gif) no-repeat center;
color:#3f3f3f;
font-size:10px;
text-align:center;
height:44px
}

#top p{
padding:15px 0 0 15px;
width:340px;
float:left;
color:#646464;
font:11px tahoma,arial,verdana,sans-serif
}
.logo{
float:left;
margin:4px 0 0 10px
}
#title{
background:url(title-pic.jpg) no-repeat center;
height:202px
}
#title img{
float:right;
margin:17px 37px 0 0
}
.languages{
float:right;
width:240px;
padding:12px 0 0
}
.languages img{
float:left
}
#topmenu{
height:42px
}
/*--- COLUMN LAYOUT ---*/
.topcap{
background:url(top.gif) no-repeat center;
height:40px
}
.botcap{
background:url(bot.gif) no-repeat center;
height:40px
}
#columns{
width:720px;
background:url(column-bgr.gif) repeat-y center
}
.colspacer{
width:623px;
margin:0 auto
}
.colspacer p{
padding:0 0 5px 0;
line-height:18px
}
.col1{
float:left;
width:293px;
padding:0 17px 0 0;
background:url(vl-dot.gif) repeat-y right
}
.col2{
float:left;
width:293px;
padding:0 0 0 17px
}
.col3{
float:left;
width:185px;
background:url(vl-dot.gif) repeat-y right;
text-align:center
}
.col32{
float:left;
width:140px;
background:url(vl-dot.gif) repeat-y right;
text-align:center
}
.col4{
float:left;
width:387px;
padding:0 0 0 24px
}
.col5{
float:left;
padding:0 20px 0 0;
width:185px;
background:url(vl-dot.gif) repeat-y right
}
.col6{
float:left;
width:395px;
padding:0 0 0 20px
}
/*--- Headings ---*/
h1{
padding:5px 0 11px 0;
margin:0 0 20px 0;
color:#404040;
background:url(hdr-underline.gif) no-repeat bottom;
font:bold 14px verdana,tahoma,arial,sans-serif;
text-transform:uppercase
}
h1 a,h2 a{
color:#707070;
text-decoration:none
}
h1 img{
margin:0 5px
}
h1 span{
color:#ca405b;
text-decoration:none
}
h2{
margin:10px 0 14px 0;
color:#707070;
font:bold 14px arial,tahoma,verdana,sans-serif
}
h2.hdr{
margin:10px 0 25px 0;
padding:0 0 0 42px;
clear:both;
background:url(hdr-bgr.gif) no-repeat bottom;
font:normal 26px/62px arial,tahoma,verdana,sans-serif;
letter-spacing:-1px;
text-transform:capitalize;
height:62px
}
h2.hdr a{
color:#707070
}
h2 small{
font:normal 10px/16px verdana,arial,tahoma,sans-serif
}
h3{
margin:0 0 10px 0;
color:#707070;
font:normal 24px arial,tahoma,verdana,sans-serif;
letter-spacing:-1px
}
/*--- Submenu box ---*/
#s1{
background:url(submenu-bgr.jpg) no-repeat center
}
#s2,#s3{
background:url(submenu2-bgr.jpg) no-repeat center
}
.submenu{
color:#1781e1;
font-weight:bold;
text-align:center;
height:68px
}
.submenu a{
color:#1781e1;
text-decoration:none
}
#s1.submenu h6{
padding:10px 0 0 24px;
font:bold 12px tahoma,arial,verdana,sans-serif
}
#s2.submenu h6{
padding:10px 0 0 170px;
font:bold 12px tahoma,arial,verdana,sans-serif
}
#s3.submenu h6{
padding:0 0 0 170px;
font:bold 12px tahoma,arial,verdana,sans-serif
}
.submenu h6 span{
float:left;
padding:10px 0 0 10px
}
s3.submenu h6 span{
float:left;
padding:15px 0 0 10px
}
.submenu h6 img{
float:left
}
/*--- Demo box ---*/
#demo{
margin:20px 0 0;
background:url(demo-bgr.gif) no-repeat center;
text-align:center;
height:343px
}
.window{
padding:50px 0 0
}
.controls{
padding:7px 0 0
}
/*--- Screenshots ---*/
#screenshots{
text-align: center;
height: 213px;
clear: both;
margin: 20px 0;
background:url(screenshots-bgr.jpg) no-repeat center;
}
#screenshots img{
background: #ffffff;
border:1px solid #d4d4d4;
padding:5px;
margin:45px 7px 0 7px
}
/*--- FOOTER ---*/
#botmenu{
color:#3f3f3f;
background:url(botmenu-bgr.gif) no-repeat center;
font-size:10px;
text-align:center;
height:50px
}

#botmenu2{
color:#3f3f3f;
background:url(botmenu-bgr2.gif) no-repeat center;
font-size:10px;
text-align:center;
height:50px
}

#botmenu a{
padding:0 4px;
color:#3f3f3f
}
#botmenu p{
padding:16px 0 0
}
#copy{
padding:8px 0 10px 0;
background:url(copy-underline.gif) no-repeat bottom center;
text-align:center
}
/*--- Misc. styles ---*/
.fix{
clear:both;
line-height:1px;
height:1px
}
.spacer{
padding:10px
}
.ac{
text-align:center
}
.ar{
text-align:center
}
.fl{
float:left
}
.fr{
float:right
}
.hl{
padding:8px 0;
clear:both;
background:url(hl-dot.gif) repeat-x center;
height:18px
}
.hl-news{
margin:-5px 0 9px 0;
background:url(hl-news.gif) no-repeat left;
height:3px
}
.noborder{
border:0
}
.picborder{
border:1px solid #d4d4d4;
border-bottom:4px solid #eeeeee;
padding:5px;
margin:0 0 5px 0
}
.picmargin{
margin:20px 0
}
.more a{
font-weight:bold;
text-decoration:none
}
.more a:hover{
text-decoration:underline
}