body {
   background-image:url('../layout_imgs/background.png');
   background-position:50% 0;
   margin:0;
   font-family: Helvetica,Arial,sans-serif;
   padding-top:25px;

   /* For FAQ */   
   counter-reset:faq;
}

img { border:0; }
#pageWrapper {
   position:relative;
   width:924px;
   margin:0 auto;
   padding:5px 25px 10px 25px;
   color:#333;
}
#menuWrapper {
   background-image:url('../layout_imgs/menuBg.png');
   background-repeat:no-repeat;
   background-position:100% 100%;
}

#menu {
   background-image:url('../layout_imgs/menuBottomBg.png');
   background-repeat:repeat-x;
   background-position:100% 100%;
   margin-right:29px;
}

#menu a {
   display:block;
   float:right;
   width:86px;
   height:51px;
   padding:10px 22px;
   background-image:url('../layout_imgs/linkBg.png');
   background-repeat:no-repeat;
   text-align:center;
   font-size:20px;
   color:white;
   text-decoration:none;
   border:0;
   margin-right:-26px;
}

#menu a:hover { background-image:url('../layout_imgs/linkHighlight.png'); }
#menu a.current { background-image:url('../layout_imgs/linkHighlight.png'); }
#menu a#homeBtn { background-image:url('../layout_imgs/linkBg3.png'); }
#menu a#homeBtn:hover {
    background-image:url('../layout_imgs/homeHighlight.png');
}
#menu a#homeBtn.current {
    background-image:url('../layout_imgs/homeHighlight.png');
}
#menu a#demosBtn:hover {
    background-image:url('../layout_imgs/demoHighlight.png');
}
#menu a#demosBtn.current {
    background-image:url('../layout_imgs/demoHighlight.png');
}
#menu a#faqsBtn:hover {
    background-image:url('../layout_imgs/faqHighlight.png');
}
#menu a#faqsBtn.current {
    background-image:url('../layout_imgs/faqHighlight.png');
}
#menu a#contactusBtn {
   background-image:url('../layout_imgs/linkBg2.png');
   padding-right:6px;
   margin-right:0;
}
#menu a#contactusBtn:hover {
    background-image:url('../layout_imgs/contactHighlight.png');
}
#menu a#contactusBtn.current {
    background-image:url('../layout_imgs/contactHighlight.png');
}

#headerWrapper {
   padding-right:29px;
   background-image:url('../layout_imgs/menuShadow.png');
   background-repeat:repeat-y;
   background-position:100% 0;
   background-color:#00326e;
}
#header {
   padding-right:28px;
   background-image:url('../layout_imgs/headerBg.png');
   background-repeat:repeat-y;
   background-color:#00326e;
   border-bottom:3px ridge #f69;
}
#headerCorner {
   float:left;
   background-image:url('../layout_imgs/headerCorner.png');
   background-repeat:no-repeat;
   position:relative;
   left:0px;
   top:-5px;
   width:22px;
   height:16px;
}

#logo {
   width:281px;
   height:187px;
   background-image:url('../layout_imgs/logo.png');
   background-repeat:no-repeat;
   float:right;
}

#contentWrapper {
   padding-right:29px;
   background-image:url('../layout_imgs/pageShadow.png');
   background-repeat:repeat-y;
   background-position:100% 0;
   background-color:white;
}

#content {
   border-top:3px groove #a00;
   background-image:url('../layout_imgs/contentBg.png');
   background-repeat:repeat-y;
   padding:0 4% 1% 4%;
   margin-bottom:0;
}

a {
   color:#00326e;
   text-decoration:none;
   border-bottom:1px solid #00326e;
}

p { padding:0 3% 0 5%; }
p.indented { padding-left:10%; }

h1 {
   font-size:150%;
   color:#EF1039;
}
h1.pgTitle { font-size:40px; }
h2 {
   font-size:120%;
   padding-left:3%;
}
h3 {
   font-size:110%;
   padding-left:5%;
}

#footer {
   font-family:Trebuchet MS;
   text-align:center;
   color:white;
   font-size:70%;
   margin-bottom:2%;
}

#footer a {
   color:white;
   border-bottom:1px solid #fff;
}

#contentBottom {
   height:39px;
   background-image:url('../layout_imgs/contentBottom.png');
   background-repeat:no-repeat;
   margin-bottom:10px;
}

a:hover, #footer a:hover {
   color:#a00;
   border-bottom:1px dashed #a00;
}

ul { padding-left:10%; }

.blockCenter {
   text-align:center;
   margin: auto;
}

.halfBlock {
   text-align:center;
   width:50%;
}

#mainContent a.noBorder { border-bottom:0; }

.indented { padding-left:5%; }

.redFont { color: #f00; }
.orangeFont { color:#fc0; }
.greenFont { color:#0f7; }

.loadingPanel {
   background-image:url('../layout_imgs/loading.gif');
   background-position:50% 50%;
   background-repeat:no-repeat;
   margin:0 auto;
}

.topLink {
   font-size:75%;
   margin-top:-10px;
   margin-bottom:40px;
}

.submenu { text-align:center;line-height:30px; }

.quote {
   padding-left:50px;
   background-image:url("../layout_imgs/leftQuote.png");
   background-repeat:no-repeat;
   background-position:0 0;
   color:#999;
}

.quote div {
   padding-right:50px;
   background-image:url("../layout_imgs/rightQuote.png");
   background-repeat:no-repeat;
   background-position:100% 100%;
}

.bigquote {
   padding-left:120px;
   background-image:url("../layout_imgs/bigLeftQuote.png");
   background-repeat:no-repeat;
   background-position:0 -20px;
   color:#999;
}
.bigquote div {
   padding-right:120px;
   background-image:url("../layout_imgs/bigRightQuote.png");
   background-repeat:no-repeat;
   background-position:100% 100%;
}

body { counter-reset:section; }

dl { counter-reset:faq; }
dt.question span,
dt.question:before {
   counter-increment:faq;
   content:counter(faq) ". ";
   font-weight:bold;
   float:left;
   width:40px;
   margin-left:-40px;
}
dt.question {
   margin:1em 0;
   font-weight:bold;
   font-size:120%;
   margin-left:40px;
}
dd.answer { }

div.downloadable { padding:0 0 2% 7.5%; }
div.downloadable span.filename { font-weight:bold; }
div.downloadable span.desc {
   display:block;
   text-indent: 20px;
}

.errorMessage {
   border:1px solid red;
   background-color:#fee;
   color:#c00;
   padding:1%;
   margin:1%;
   font-weight:bold;
   background-image:url("../layout_imgs/errorIcon.png");
   background-repeat:no-repeat;
   background-position:10px 10px;
   padding-left:80px;
   padding-top:30px;
   padding-bottom:20px;
   min-height:30px;
}