form {margin:0;}

html, body {background:#000;margin: 0; padding: 0; text-align: left;}

img {display: block;border:0;padding:0;margin:0;}
a {outline:none;}

#header {background:#000 url('media/header_bg.gif') bottom repeat-x;height:116px;}
#header_content {width:920px;margin:0 auto;padding-top:26px;position:relative;}
#header ul {list-style:none;margin:0;padding:0;position:absolute;bottom:4px;right:0;}
#header ul li {padding:0 0 0 30px;margin:0;float:right;}
#header ul li a {color:#a3a3a3;font:bold 17px arial,sans-serif;text-decoration:none;display:block;}
#header ul li a span {font:bold 11px arial,sans-serif;display:block;}
#header ul li a:hover {color:#fff;}

#banner {background:#000;}
#banner_content {width:920px;margin:0 auto;position:relative;height:530px;background:url('media/toolbox.gif') bottom right no-repeat;}
#banner h2 {color:#fff;font:bold 40px arial,sans-serif;width:350px;padding:130px 0 10px 0;margin:0;}
#banner h2 span {font-size:29px;display:block;font-weight:normal;}
#banner_content p {font:12px arial,sans-serif;color:#fff;margin:10px 0 0 0;padding:0;width:340px;line-height:1.4em;}
#banner_content p.emphasis {font-size:14px;font-weight:bold;}

.button_demo {position:relative;background:url('media/button_demo2.png') no-repeat;width:127px;height:39px;float:left;margin:0 30px 0 0;padding:0;display:block;}
.button_demo img {width: 127px; height: 39px; border: 0;position:absolute;}
* html a:hover {visibility:visible}
.button_demo:hover img{visibility:hidden}
 
.button_features {position:relative;background:url('media/button_features2.png') no-repeat;width:127px;height:39px;float:left;margin:0 30px 0 0;padding:0;display:block;}
.button_features img {width: 127px; height: 39px; border: 0;position:absolute;}
* html a:hover {visibility:visible}
.button_features:hover img{visibility:hidden}

#screens {position:relative;}
.screenshots {width:522px;height:337px;z-index:50;}
.screenshots div {background:#cd0406;}
#nav {position:absolute;top:304px;right:-10px;font:bold 11px arial,sans-serif;z-index:100;}
#nav a { border: 1px solid #cc0000;color:#fff; background: #b91318; text-decoration: none; margin: 0 0 0 10px; padding: 3px 6px;  }
#nav a.activeSlide { background: #3c0300; color:#fff; }
#nav a:focus { outline: none; }

.col_sub {float:left;width:340px;}
.col_main {float:right;width:508px;}

.bodytext {font:normal 12px arial,sans-serif;color:#f2f2ea;line-height:1.4em;}
.bodytext p {margin:0 0 14px 0;padding:0;}
.bodytext p.compress {margin-bottom:8px;}
.bodytext a {text-decoration:none;color:#99ccff;text-decoration:none;font-weight:bold;}
.bodytext a:hover {color:#fff;text-decoration:underline;}
.bodytext li {padding-bottom:8px;}
.bodytext ul {padding-bottom:0;margin-bottom:6px;margin-top:0;padding-top:0;}

#demo {background:#cb0304 url('media/demo_bg.gif') top repeat-x;}
#demo_content {width:920px;margin:0 auto;padding:45px 0 40px 0;position:relative;}
#demo .col_main {min-height:350px;}
#demo h3 {color:#fff;margin:0 0 12px 0;padding:0;font:bold 18px arial,sans-serif;}
#demo a.top {float:left;display:block;background:url('media/top.png') top left no-repeat;padding:8px 0 0 0;font:bold 11px arial,sans-serif;color:#fff;text-decoration:none;min-height:16px;}

.form {width:100%;margin:0;padding:0;}
.form dt, .form dd {float: left;margin:0 0 12px 0;padding:0;}
.form dt {clear: left;width: 30%;text-align: right;padding-right: 6%;color:#f2f2ea;font:bold 12px arial,sans-serif;padding-top:5px;}
.formcomment {font-weight:normal;color:#c0c0c0;font-style:italic;}
.form dd {width: 63%;}
.form .gap {margin-top:13px;}

.formfield input, .formfield textarea, .formfield select, .formfielderror input, .formfielderror textarea, .formfielderror select {padding:5px;margin:0;font:12px arial,helvetica,sans-serif;color:#FFF;border:1px #b86f71 solid;background:#750000 !important;}
.formfielderror input, .formfielderror textarea, .formfielderror select {border:1px #fff solid;}
.errortext {font:11px arial,sans-serif;color:#fff}
.button {moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px #cc0000 solid;background:#3c0300 !important;font:bold 11px arial,sans-serif;color:#FFF;padding-top:4px;padding-bottom:4px;margin:0;cursor:pointer;text-transform:uppercase;}
                            
#features {background:#cd0406 url('media/features_bg.gif') top repeat-x;}
#features_content {width:920px;margin:0 auto;padding:45px 0 40px 0;position:relative;}
#features .col_main {margin-bottom:40px;}
#features h2 {color:#fff;margin:0 0 12px 0;padding:0;font:bold 18px arial,sans-serif;} 
#features h3 {color:#fff;margin:0 0 12px 0;padding:0;font:bold 14px arial,sans-serif;}
#features blockquote {padding:30px 0 0 170px;background:url('media/box.png') top left no-repeat;min-height:216px;font-size:16px;font-style:italic;line-height:1.3em;}
#features blockquote p.author {font-size:12px;font-weight:bold;font-style:normal;line-height:1.4em;}
#features a.top {float:left;display:block;background:url('media/top.png') top left no-repeat;padding:8px 0 0 0;font:bold 11px arial,sans-serif;color:#fff;text-decoration:none;min-height:16px;}

ul#tick {list-style:none;margin:0 0 0 12px;padding:0;}
ul#tick li {padding:0 0 8px 28px;margin:0;background:url('media/tick.png') 0 3px no-repeat;}
                            
#about {background:#202020 url('media/about_bg.gif') top repeat-x;}
#about_content {width:920px;margin:0 auto;padding:45px 2px 120px 3px;position:relative;background:url('media/lineup.png') bottom no-repeat;}
#about h3, #about h4 {color:#fff;margin:0 0 12px 0;padding:0;font:bold 18px arial,sans-serif;}
#about .col_sub {margin-bottom:20px;}
#about blockquote {margin:24px 0 0 0;padding:0;font-size:16px;line-height:1.3em;font-style:italic;}
#about blockquote p {margin-bottom:10px;}
#about blockquote p.author {margin-bottom:0;font-size:12px;line-height:1.4em;font-weight:bold;font-style:normal;}
#about a.top {float:left;display:block;background:url('media/top.png') top left no-repeat;padding:8px 0 0 0;font:bold 11px arial,sans-serif;color:#fff;text-decoration:none;min-height:16px;}
                            
#clients {background:#000000 url('media/black_bg.gif') top repeat-x;}
#clients_content {width:920px;margin:0 auto;padding:45px 0 40px 0;position:relative;}
#clients h3 {color:#aaaaaa;margin:0 0 12px 0;padding:0;font:bold 23px arial,sans-serif;text-transform:uppercase;}
#clients a.top {float:left;display:block;margin-top:40px;background:url('media/top_clients.png') top left no-repeat;padding:0 0 0 20px;font:bold 14px arial,sans-serif;color:#aaaaaa;text-decoration:none;min-height:16px;}
#clients .bodytext {color:#aaaaaa;}
#clients blockquote {margin:30px 0 0 0;padding:25px 0 0 0;border-top:1px #1f2127 solid;font-size:16px;line-height:1.3em;}
#clients blockquote p {margin-bottom:10px;}
#clients blockquote p.author {margin-bottom:0;font-size:14px;padding-left:40px;background:url('media/quote.gif') 0 4px no-repeat;color:#6a6d74;line-height:1.4em;}
#clients blockquote p.author span {font-weight:bold;display:block;}

#logos div {width:169px;height:90px;line-height:80px;float:left;margin-bottom:10px;text-align:center;}
#logos img {display:inline;vertical-align:middle;}

#demo a.top:hover, #features a.top:hover, #about a.top:hover, #clients a.top:hover {color:#fff;}
.clear {clear:both;height:0;}

#footer1 {background:#e51b23 url('media/features_bg.gif') top repeat-x;}
#footer1_content {width:920px;margin:0 auto;padding:35px 0 50px 0;position:relative;}
#footer1 #halogo {width:160px;display:block;}
#footer1 #link {position:absolute;bottom:46px;right:0;font:bold 11px arial,sans-serif;line-height:1.4em;color:#fff;}
#footer1 #link a {text-decoration:none;color:#fff;}

#footer2 {background:#7b0d00 url('media/footer2_bg.gif') top repeat-x;}
#footer2_content {width:920px;margin:0 auto;padding:20px 0 20px 0;position:relative;font:11px arial,sans-serif;line-height:1.8em;color:#fff;}