/* ! Basic Structure */

body {margin: 0; padding: 0; background: #ffffff url(../i/bkg_main.png) repeat-x;}
#wrapper, #footer-wrapper {width: 980px; margin: 0 auto; padding: 0;}
#header {height: 90px; margin-left:14px;}
#main-content {background: #ffffff; padding: 11px 11px 0 11px;}
#footer {height:176px;background: url(../i/bkg_footer.png) repeat-x; margin-top: 45px;clear: both;}
p { margin-bottom: 20px; }

/* ! links */

a {color:#f79d1e; text-decoration: none; font-weight: bold; }
a:hover {text-decoration: underline;}
a.prodbacklink {float: right; color: #929191; font: 9px Lucida Sans Unicode, Lucida Grande, sans-serif; margin-top: -6px; }

/* ! General Fonts */

body { font: 14px Arial, sans-serif; line-height: 20px; }
em {font-style: italic;}
strong {font-weight: bold;}
span.underline {text-decoration: underline;}

h1 { font: 23px Lucida Sans Unicode, Lucida Grande, sans-serif; padding: 3px 3px 3px 13px; margin-bottom: 20px; background: #f78f1e;}
h2 { font: 20px Lucida Sans Unicode, Lucida Grande, sans-serif; margin-bottom: 20px; line-height: 30px;}
h3 { color: #ffffff; font-weight: normal; font: 16px Lucida Sans Unicode, Lucida Grande, sans-serif; padding: 3px 3px 3px 8px; margin-bottom: 10px; background: #6f6e6e url(../i/bkg_header_gray.png) repeat-x;}
h4 { font: 14px Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: bold;}

p.quotation, p.quotation-small {font: 13px Lucida Sans Unicode, Lucida Grande, sans-serif; font-style: italic; margin-bottom: 10px;}
p.quotation-small {font-size: 12px;}

/* ! Images, Videos, Screens */

img.img-left { margin-right: 12px; float: left; }

div.video {padding: 10px; width: 400px; background-color: #d8dddb; margin-bottom: 20px;}
div.screenshot {margin-bottom: 20px;}
div.screenshot .image {padding: 10px; width: 400px; background-color: #d8dddb; float: left;}
div.annotation {margin-left: 435px; font-size: 12px;}


/* ! Lists */

ul, ol { margin-bottom: 20px; margin-left: 23px;}
ul li {background-image: url(../i/bullet.png); background-repeat: no-repeat; background-position: 0 7px; padding-left: 15px; margin-left: 3px; margin-bottom: 10px; }
ol {list-style: decimal;}
ol li { margin-left: 25px; margin-bottom: 10px; }

/* ! Footer */
#footer-contact { width: 330px; height: 135px;  color: #ffffff; padding: 14px 18px 14px 18px; }
#footer-contact, #footer-contact a { font-size: 12px; line-height: 16px; }
#footer-contact h2 {font: 22px Lucida Sans Unicode, Lucida Grande, sans-serif; color:#f78f1e; font-weight: normal; padding-right:13px; margin-bottom: 10px;}
.copyright {font-size: 10px; color: #a8b5ae;} 

/* ! Spacing */
.top-10 {margin-top: -10px;}
.top20 {margin-top: 20px;}
.bot20 {margin-bottom: 20px;}
.right {float: right;}
.textright {text-align: right;}
.left {float: left;}
.clear {clear: both;}

/* ! Misc */
div.hardrule { background-color: #393835; height: 4px; font-size: 4px; line-height: 0; margin: 0 0 20px 0; padding: 0; border: none; display: block;}
div.hardrulelite { background-color: #b2b7bb; height: 1px; font-size: 1px; line-height: 0; margin: 0 0 20px 0; padding: 0; border: none; display: block;}
/* span.texthighlight {background-color: #f78f1e; padding: 1px;} */