﻿body, img, p, h1, ol, ul, #main { margin: 0px; padding: 0px; border: none; font-family: Arial; font-size: 12px; color: #000000; }
body, #footer { background: #D4D3BF; }
h1 { color: #003130; font-size: 24px; width: 450px; margin-bottom: 1em; }
h2 { font-size: 16px; }
h3 { font-size: 12px; margin: 0em; }
h4 { color: #003130; font-size: 12px; margin-bottom: 0em; }
img { vertical-align: top; }
p { margin: 1.5em 0em; }
a { text-decoration: underline; color: #003130; }
b { color: #003130; }
ul { margin-left: 2em; }
ol { margin-left: 2em; }
ol li { margin: 1.5em 0em; padding-left: 1em; font-weight: bold; color: #003130; }
ol li p { margin-top: 0em; font-weight: normal; color: #000000; }

#main, #top, #left, #right { position: relative; text-align: left; }
#main { background: #FFFFFF; vertical-align: top; border-collapse: collapse; margin: 10px auto; }
table#main td { text-align: left; vertical-align: top; padding: 0px; }
#top { padding: 0px 35px 16px 35px; background: url(../images/bar.jpg) center bottom no-repeat; }
#left { width: 220px; margin-top: 25px; margin-bottom: 40px; padding-left: 40px; }
#left a { display: block; text-decoration: none; }
#right { width: 700px; margin-bottom: 10px; padding-right: 40px; }
#footer { text-align: right; padding-right: 4px; padding-top: 8px; }
#content { padding-top: 18px; padding-left: 50px; }
#content p.skinny { width: 450px; }
#content.wide { padding-left: 20px; }

#top .requestdemo { position: absolute; bottom: 10px; right: 30px; }

#vbar { position: absolute; top: -25px; right: 0px; background: url(../images/vertical_bar.jpg) top left repeat-x; width: 59px; height: 460px; }
#clock { margin-top: 2em; position: absolute; top: 158px; left: 16px; background: url(../images/clock.jpg) no-repeat; width: 236px; height: 232px; }
#clockOffset { height: 232px; }
.validationSummary ul li { color: #970F00; }

#mini { position: absolute; top: 80px; right: 40px; }
#header div { position: absolute; top: 25px; left: -42px; background: url(../images/side_bars.jpg) 24px 0px no-repeat; width: 24px; height: 210px; }
#header div.vside1 { background-position: 0px 0px; }
#header div.vside2 { background-position: -24px 0px; }
#header div.vside3 { background-position: -48px 0px; }
#header div.vside4 { background-position: -72px 0px; }
#header div.vside5 { background-position: -96px 0px; }
#header div.vside6 { background-position: -120px 0px; }

#testimonials div { margin-bottom: 3em; }
#testimonials div i { font-weight: bold; color: #003130; }

table#partners { margin-top: 12px; }
table#partners td { text-align: center; padding: 12px; }

table#contact { border-collapse: collapse; width: 550px; }
table#contact td { padding: 5px; vertical-align: middle; }
table#contact td.name { text-align: right; width: 25%; }
table#contact td.field { text-align: left; width: 25%; }
table#contact td.special { vertical-align: top; text-align: right; }

#menu a { margin: 0.25em 0em; background: url(../images/menu_icons.jpg) 0px top no-repeat; text-indent: -5000px; overflow: hidden; height: 18px; }
#menu .menu { background-position: 0px top; width: 43px; }
#menu .menu:hover { background-position: 0px bottom; }
#menu .menu1 { background-position: -43px top; width: 81px; }
#menu .menu1:hover { background-position: -43px -18px; }
#menu .menu2 { background-position: -124px top; width: 131px; }
#menu .menu2:hover { background-position: -124px -18px; }
#menu .menu3 { background-position: -255px top; width: 34px; }
#menu .menu3:hover { background-position: -255px -18px; }
#menu .menu4 { background-position: -289px top; width: 83px; }
#menu .menu4:hover { background-position: -289px -18px; }
#menu .menu5 { background-position: -372px top; width: 75px; }
#menu .menu5:hover { background-position: -372px -18px; }
#menu .menu6 { background-position: -447px top; width: 118px; }
#menu .menu6:hover { background-position: -447px -18px; }
#menu .menu7 { background-position: -565px top; width: 66px; }
#menu .menu7:hover { background-position: -565px -18px; }

#left .extra { margin-top: 25px; }
#left .extra a { margin: 0.5em 0em 0em 4px; text-decoration: underline; }

table#demo { margin-top: 2em; margin-bottom: 10px; }
table#demo td { padding: 5px; }
table#demo .left { width: 300px; background: url(../images/demo_bar.jpg) top left repeat-y; padding: 15px; }
table#demo .middle,
table#demo .right { width: 166px; }
table#demo .left p, table#demo .left b { color: #000000; }
table#demo .left h2 { margin-top: 0em; color: #013334; font-size: 18px; }
table#demo a { text-decoration: none; }
table#demo a:hover { text-decoration: underline; }

.webinars a { font-weight: bold; }

table#webinars { border-collapse: collapse; width: 100%; }
table#webinars td { width: 50%; padding: 0px; }
table#webinars td ul { margin: 1em 0em; padding: 0px; padding-left: 2em; }

p.info { margin-top: 0em; }