/*
Original design: Daleri Single (v1.0 - Mar 25, 2009) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/daleri-single/
*/

body { padding: 0; margin: 0; font: 76% verdana,tahoma,sans-serif; background: #1a1a1a url(img/bodybg.jpg) top center no-repeat; color: #444; border-top: 4px solid #444; text-align: center; line-height: 1.5em; }
a { text-decoration: none; font-weight: 700; color: #e49938; }
a: hover { text-decoration: underline; }
a img { border: 0; }
h1 { margin: 15px auto 10px auto; padding: 0; font-size: 2.6em; color: #eee; letter-spacing: -2px; line-height: 1.2em; }
h1 a { color: #eee; font-weight: 700; text-decoration: none; }
h1 a: hover { color: #fff; text-decoration: none; }
h3 { font-size: 1.4em; font-weight: 400; margin: 0 0 10px 0; }
p { margin: 0 0 15px 0; }
ul { margin: 0 0 15px 20px; padding: 0; }
li { margin: 0; padding: 0 0 0 5px; }
.clear { clear: both; height: 1px; }

#wrap { width: 800px; text-align: center; margin: 0 auto; }

.slogan { color: #ccc; font-size: 1.4em; margin: 0 0 15px 0; padding: 0; }

.promo { background: #1a1a1a url(img/introbg.jpg) top left no-repeat; border-left: 4px solid #e49938; width: 760px; height: 240px; overflow: hidden; }
.promo h2 { margin: 0 0 12px 0; padding: 12px 6px 12px 15px; font-size: 1.5em; color: #ddd; }
.promo h2 a { color: #ddd; font-weight: 400; display: block; }
.promo h2 span { font-weight: 700; color: #e49938; }
.promotext { margin: 0 0 12px 0; padding: 0 6px 12px 15px; color: #fff; }
.promotext ul { float: left; }
.promotext ul li { margin-bottom: 6px; }
.promotext img { float: right; border: 5px solid #1a1a1a; margin-right: 30px; }

.toptabs { clear: both; font-size: 1.4em; line-height: 1.5em; color: #aaa; margin: 0 0 15px 0; }
.toptabs a { padding: 3px 10px 5px 10px; font-weight: 400; margin: 0 2px; color: #ccc; }
.toptabs a:hover { background-color: #444; color: #fff; text-decoration: none; }
.toptabs a.active { background-color: #444; color: #fff; }
.toptabs a.active:hover { background-color: #444; color: #fff; }

#maincontent { background: #fff; text-align: left; border: 4px solid #666; padding: 15px 15px 5px 15px; margin: 0 0 15px 0; }
#maincontent h1 { color: #444; margin: 0 0 10px 0; font-size: 2.1em; }

table.screenshots { margin-top: 5px; }
table.screenshots td { color: #e49938; font-size: 14px; font-weight: bold; padding: 10px; }
table.screenshots td img { border: 3px solid #999; }

ul.arrow { list-style: none; }
ul.arrow li { background: url(img/arrow.jpg) center left no-repeat; padding-left: 25px; margin-bottom: 5px; }

.floatleft { float: left; padding:0 10px 0 0; }

a.downloadbutton { background: url(img/download_button.jpg) no-repeat; height: 28px; width: 166px; color: #fff; text-transform: uppercase; display: block; font-size: 14px; font-weight: bold; padding-top: 10px; text-align: center; }

#alert { background-color: #F7FEA9; padding: 10px; margin-bottom: 10px; }

.support p { margin:0.4em; clear:both; }
.support label { float:left; width:150px; }
.support input.text { border:1px solid #c5c5c5; width:220px; }
.support textarea { border:1px solid #c5c5c5; width:220px; height:100px; }

.footer, .footer a{ color: #888; font-weight: 400; }