/* HTML Elements */

h1
{
   font-family: Century Gothic;
   font-size: 197%;
   color: #006699;
}

h1:first-letter, h1 span .firstLetter
{
   font-weight: bold;
}

h2
{
   font-family: Century Gothic;
   font-size: 182%;
   color: #006699;
}

h2:first-letter, h2 span .firstLetter
{
   font-weight: bold;
}

h3
{
   font-family: Century Gothic;
   font-size: 167%;
   color: #006699;
}

h3:first-letter, h3 span .firstLetter
{
   font-weight: bold;
}

h4
{
   font-family: Century Gothic;
   font-size: 153.9%;
   color: #006699;
}

h4:first-letter, h4 span .firstLetter
{
   font-weight: bold;
}

h5
{
   font-family: Century Gothic;
   font-size: 138.5%;
   color: #006699;
}

h5:first-letter, h5 span .firstLetter
{
   font-weight: bold;
}

h6
{
   font-family: Century Gothic;
   font-size: 123.1%;
   color: #006699;
}

h6:first-letter, h6 span .firstLetter
{
   font-weight: bold;
}

p
{
   font-family: Arial;
   font-size: 93%;
   color: #333333;
   line-height: 1.5;
   margin-bottom: 15px;
}

blockQuote
{
}

strong
{
   font-weight: bold;
}

em
{
   font-style: italic;
}


address
{
}

hr
{
}

q
{
}

cite
{
}

dfn
{
}

abbr
{
}

dl
{
}

dl dt
{
}

dl dd
{
}

ul
{
}

ul li
{
}

ol
{
}

ol li
{
}

table
{
}

tr
{
}

th
{
}

td
{
   padding: 5px 0px;
   color: #333;
}

td.odd
{
}

td.even
{
}

td.label
{
   text-align: right;
   padding-right: 10px;
   font-weight: bold;
   color: #666;
}

thead
{
}

tfoot
{
}

a
{
   color: #5CA010;
   cursor: pointer;
}

a:visited
{
   color: #5CA010;
}

a:active
{
   color: #5CA010;
}

a:hover
{
   color: #5CA010;
   text-decoration: none;
}

a.image
{
   text-decoration: none;
}

a.image:visited
{
   text-decoration: none;
}

a.image:active
{
   text-decoration: none;
}

a.image:hover
{
   text-decoration: none;
}

a.mailTo
{
   color: #5CA010;
}

a.mailTo:visited
{
   color: #5CA010;
}

a.mailTo:active
{
   color: #5CA010;
}

a.mailTo:hover
{
   color: #5CA010;
   text-decoration: none;
}

/* END HTML Elements */

/*********************************************************************/

/* Form Classes */


.tb
{
   font-family: Arial;
   font-size: 85%;
   padding: 2px 0px;
   color: #333;
   width: 150px;
   border: solid 1px #ccc;
}

.tb:focus
{
   border: dashed 1px #ddd;
}

.ta
{
   font-family: Arial;
   font-size: 85%;
   padding: 2px 0px;
   color: #333;
   width: 150px;
   border: solid 1px #ccc;
}

.ta:focus
{
   border: dashed 1px #ddd;
}

.pass
{
   font-family: Arial;
   font-size: 85%;
   padding: 2px 0px;
   color: #333;
   width: 150px;
   border: solid 1px #ccc;
}

.pass:focus
{
   border: dashed 1px #ddd;
}

.lbl
{
}

.ddl
{
   font-family: Arial;
   font-size: 85%;
   padding: 2px 0px;
   color: #333;
   width: 150px;
   border: solid 1px #ccc;
}

.rb
{
}

.cb
{
}

.fi
{
}

/* Two hacks to remove the default button padding. 
From http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/ */

input.button
{
   padding: 0 .25em;
   width: 0; /* IE table-cell margin fix */
   overflow: visible;
}

input.button[class]
{
   /* IE ignores [class] */
   width: auto; /* cancel margin fix for other browsers */
}

/* End Hacks */

.btn
{
   background: #99CCCC;
   border: solid 1px #aaa;
   padding: 4px 3px;
   font-size: 108%;
   color: #666;
   font-weight: bold;
}

.btn:hover
{
   background: #99CCCC;
   border: solid 1px #aaa;
   padding: 4px 3px;
   font-size: 108%;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
}

.btn:active
{
   background: #99CCCC;
   border: inset 1px #aaa;
   padding: 4px 3px;
   font-size: 108%;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
}

.btnSubmit
{
   background: #99CCCC;
   border: solid 1px #aaa;
   padding: 4px 3px;
   font-size: 108%;
   color: #666;
   font-weight: bold;
}

.btnSubmit:hover
{
   background: #99CCCC;
   border: solid 1px #aaa;
   padding: 4px 3px;
   font-size: 108%;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
}

.btnSubmit:active
{
   background: #99CCCC;
   border: inset 1px #aaa;
   padding: 4px 3px;
   font-size: 108%;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
}

.btnCancel
{
   background: #99CCCC;
   border: solid 1px #aaa;
   padding: 4px 3px;
   font-size: 108%;
   color: #666;
   font-weight: bold;
}

.btnCancel:hover
{
   background: #99CCCC;
   border: solid 1px #aaa;
   padding: 4px 3px;
   font-size: 108%;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
}

.btnCancel:active
{
   background: #99CCCC;
   border: inset 1px #aaa;
   padding: 4px 3px;
   font-size: 108%;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
}

.btnDisabled, .btnDisabled:hover, .btnDisabled:active
{
   background: #ddd;
   border: solid 1px #bbb;
   color: #bbb;
}

.btnStylized
{
    color:#ffffff;
    background-image:url('images/btnbg.jpg');
    margin: 2px;
    width: 191px;
    height: 38px;
    font-size: 110%;
    border: 0px;
    cursor: pointer;
}

.btnStylized:hover
{
    background-image:url('images/btnbg_hover.jpg');
}

/* End Form Classes */

/*********************************************************************/

/* COLORS */

.cWhite
{
   color: #fff;
}

.c0 /* Grey */
{
   color: #333333;
}

.c1 /* Grey */
{
   color: #666666;
}

.c2 /* Blue */
{
   color: #006699;
}

.c3 /* Red */
{
   color: #990000;
}

/* End Colors */

/*********************************************************************/

/* Doc */

#doc2
{
}

/* End Doc */

/*********************************************************************/

/* Header */

#hd
{
   margin-bottom: 15px;
}

#hd div.bg
{
   background: #fff url( "Images/bgHeader.gif" ) repeat-x bottom right;
}

#hd div.bg div.links
{
   width: 100%;
   padding: 3px 5px;
   background: #fff;
   opacity: 0.80; /* For IE 5-7 */
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 (and 9, 10, 11?). */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
   text-align: right;
}

#hd div.bg div.links a
{
   margin-right: 10px;
}

#hd div.bg div.logo
{
   padding: 5px 15px;
   border-bottom: solid 5px #ddd;
}

#hd div.logo h3
{
   font-size: 153.9%;
   color: #666;
}

/* End Header */

/*********************************************************************/

/* Body */

body
{
   font-family: Arial, Verdana, Sans-Serif;
   color: #333333;
}

#bd
{
   min-height: 400px;
   height: 400px;
}

/* Min-Height hack from http://www.webdevelopment2.com/ie-css-min-height-hack/ */
html > body #bd
{
   height: auto;
}

/* End Body */

/*********************************************************************/

/* Footer */

#ft
{
   margin-top: 30px;
   border-top: solid 2px #ccc;
   padding: 10px 20px 30px 20px;
}

#ft #menu
{
   color: #990000;
   text-align: center;
   padding: 10px 10px 3px 5px;
}

#ft p.contact
{
   margin: 15px 40px;
   text-align: center;
   color: #888;
}

#ft p.legal
{
   margin: 15px 40px;
   font-size: 85%;
   color: #888;
}

/* End Footer */

/*********************************************************************/

/* Menu */

ul.jd_menu
{
   position: relative;
   margin: 0px;
   padding: 0px;
   height: 19px;
   list-style-type: none;
   z-index: 1000;
}

ul.jd_menu ul
{
   display: none;
}

ul.jd_menu a, ul.jd_menu a:active, ul.jd_menu a:link, ul.jd_menu a:visited
{
   display: block;
   width: 100%;
   text-decoration: none;
   color: #666;
}

ul.jd_menu a:hover
{
   color: #fff;
}

ul.jd_menu li
{
   float: left;
   cursor: pointer;
   white-space: nowrap;
   color: #666;
   width: 120px;
   margin-right: 2px;
   padding-top: 2px;
   text-align: center;
   border: solid 1px #ccc;
   border-top-style: none;
   height: 20px;
   vertical-align: middle;
}

ul.jd_menu li.active
{
   background: #7CBD04 !important;
}

ul.jd_menu li.jd_menu_hover_toolbar
{
   color: #fff;
   background: #9FD143;
   cursor: pointer;
}

ul.jd_menu li.active a
{
   color: #fff;
}

/* -- Sub-Menus Styling -- */
ul.jd_menu ul
{
   display: none;
   list-style-type: none;
   margin: 7px 0px 0px 0px;
   padding: 0px;
   background: #fff;
}

ul.jd_menu ul li
{
   float: none;
   margin: 2px 0px 0px;
   padding: 3px 10px 3px 4px;
   width: 210px;
   color: #666;
   background: #fff;
   text-align: left;
   border: solid 1px #ccc;
}

ul.jd_menu ul li.jd_menu_hover
{
   color: #fff;
   background: #9FD143;
   cursor: pointer;
}

ul.jd_menu ul a, ul.jd_menu ul a:active, ul.jd_menu ul a:link, ul.jd_menu ul a:visited
{
   text-decoration: none;
   color: #666;
}

ul.jd_menu ul a.jd_menu_hover
{
   color: #fff;
}


/* SWEET Menu variant */

ul.sweetMenu
{
   clear: both;
   padding-top: 2px;
   padding-left: 55px;
}

ul.sweetMenu ul
{
   display: none;
}

ul.sweetMenu a, ul.sweetMenu a:active, ul.sweetMenu a:link, ul.sweetMenu a:visited
{
   display: block;
   width: 100%;
   text-decoration: none;
   color: #666;
}

ul.sweetMenu a:hover
{
   color: #fff;
}

ul.sweetMenu li
{
   background: #99CCFF;
   border: solid 1px #ccc;
}

ul.sweetMenu li.active
{
   background: #7CBD04 !important;
}

ul.sweetMenu li.jd_menu_hover_toolbar
{
   color: #fff;
   background: #9FD143;
   cursor: pointer;
}

ul.sweetMenu li.active a
{
   color: #fff;
}

/* End SWEET MENU variant */

/* End Menu */

/*********************************************************************/

/* Tool Tips */

#tooltip
{
   position: absolute;
   z-index: 3000;
   border: 1px solid #bbb;
   background-color: #eee;
   width: 550px;
   text-align: left;
   padding: 5px;
   opacity: 0.95;
}

/* End Tool Tips */

/*********************************************************************/

/* Modal Box */

div.modal
{
   position: absolute;
   z-index: 3000;
   width: 500px;
   text-align: left;
}

.modalBackground
{
   background: #CDD5C1;
   opacity: 0.50; /* For IE 5-7 */
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* For IE 8 (and 9, 10, 11?). */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* End Modal Box */

/*********************************************************************/

/* Call Outs */

div.callOutOne
{
   background-color: #006699;
   color: #ffffff;
   font-size: 93%;
   padding: 10px;
   line-height: 1.5;
   background: url( 'images/imgCallOutBackground.gif' ) no-repeat;
   border-radius: 1em;
   -moz-border-radius: 1em;
   -webkit-border-radius: 1em;
}

div.callOutOne h1, div.callOutOne h2, div.callOutOne h3, div.callOutOne h4, div.callOutOne h5, div.callOutOne h6, div.callOutOne p
{
   color: #ffffff;
}

div.callOutOne a
{
   color: #ffffff;
}

div.callOutOne a:visited
{
   color: #ffffff;
}

div.callOutOne a:active
{
   color: #ffffff;
}

div.callOutOne a:hover
{
   color: #ffffff;
   text-decoration: none;
}

div.callOutTwo
{
   background-color: #99CCFF;
   border: solid 1px #aaa;
   font-size: 93%;
   padding: 10px;
   line-height: 1.5;
   background: url( 'images/imgCallOutTwoBackground.gif' ) repeat;
   border-radius: 1em;
   -moz-border-radius: 1em;
   -webkit-border-radius: 1em;
}

div.callOutOne p, div.callOutTwo p
{
   font-size: 123.1%;
}

/* End Call Outs */

/*********************************************************************/

/* Link Box */


div.linkBox h1
{
   border-top: solid 2px #666;
   border-bottom: solid 1px #999;
   background-color: #006699;
   color: #fff;
   font-size: 138.5%;
   padding: 5px 3px;
}

div.linkBox ul
{
   line-height: 1.5;
   font-size: 108%;
}

div.linkBox ul li
{
   padding: 2px;
   padding-left: 10px;
}

div.linkBox ul li:hover
{
   padding: 2px;
   padding-left: 10px;
   cursor: pointer;
}

div.linkBox ul li.current
{
   padding: 2px;
   padding-left: 10px;
   cursor: pointer;
}

div.linkBox ul li.current a[disabled]
{
   color: #333 !important;
   cursor: default;
}

div.linkBox ul li a
{
}
/* End Link Box */

/*********************************************************************/

/* Bsc Home */

#bscHome div.sweet
{
   background: url( 'images/imgCallOutTwoBackground.gif' ) no-repeat;
   height: 175px;
}

#bscHome div.sweetPic
{
   background: #aaa url( 'images/homeScreen.gif' ) no-repeat;
   border: solid 1px #ccc;
   height: 175px;
}

#bscHome div.sweetPic p
{
   color: #fff;
   font-size: 108%;
   line-height: 1.4;
}

/* END Bsc Home */

/*********************************************************************/


/* Feature List */

#featureList div.featureImage
{
   float: left;
   width: 209px;
   padding-left: 20px;
   padding-bottom: 20px;
}

#featureList div.featureImage img
{
   border: solid 2px #cccccc;
   width: 209px;
}

#featureList div.featureImage img:hover
{
   border: solid 2px #bfe0ff;
}

#featureList div.featureDescription
{
   float: left;
   width: 600px;
   padding-left: 20px;
   padding-bottom: 20px;
}

#featureList div.featureDescriptionNoImage
{
   padding-left: 20px;
   padding-bottom: 20px;
}

#featureList div.featureDescription h1, #featureList div.featureDescriptionNoImage h1
{
   font-size: 138.5%;
}

#featureList div.featureDescription h1:first-letter, #featureList div.featureDescriptionNoImage h1:first-letter
{
   font-weight: normal !important;
}

/* End Feature List */

/*********************************************************************/

/* Client List */

#clientList div.clientImage
{
   float: left;
   width: 209px;
   padding-left: 20px;
   padding-bottom: 20px;
}

#clientList div.clientImage img
{
   border: solid 2px #ebebeb;
   width: 209px;
}

#clientList div.clientImage img:hover
{
   border: solid 2px #bfe0ff;
}

#clientList div.clientDescription
{
   float: left;
   width: 610px;
   padding-left: 20px;
   padding-bottom: 20px;
}

#clientList div.clientDescriptionNoImage
{
   padding-left: 20px;
   padding-bottom: 20px;
}

#clientList div.clientDescription h1, #clientList div.clientDescriptionNoImage h1
{
   font-size: 138.5%;
}

#clientList div.clientDescription h1:first-letter, #clientList div.clientDescriptionNoImage h1:first-letter
{
   font-weight: normal !important;
}

/* End  Client List */

/*********************************************************************/

/* Testimonials */

#testimonials h3
{
   margin-top: 20px;
}

#testimonials cite
{
   font-style: italic;
   font-size: 85%;
   margin-left: 5px;
}

/* End Testimonials */

/*********************************************************************/

/* Faqs */

#faqs h1
{
   font-size: 153.9%;
   margin: 15px 0px 10px 0px;
   border-bottom: solid 1px #ccc;
}


#faqs ul
{
   line-height: 1.25;
}

#faqs ul li
{
   background: url( 'images/imgDocIcon.gif' ) no-repeat;
   padding-left: 25px;
   margin-bottom: 10px;
}

/* End Faqs */

/*********************************************************************/

/* Faq Answers */

#faqAnswer h1
{
   font-size: 138.5%;
   margin: 0px 0px 10px 0px;
   border-bottom: solid 1px #ccc;
}

/* End Faq Answers */

/*********************************************************************/

/* Process */

#process
{
   width: 650px !important;
   border: none !important;
}

#process .rotator
{
   width: 650px !important;
   height: 450px !important;
   border: none !important;
}

#process div.processStep
{
   width: 600px !important;
   border: none !important;
   padding: 5px;
}

/* End Process */

/*********************************************************************/

/* BlogList */

#blogList
{
}

#blogList table tr td.title a
{
   font-size: 108%;
   font-weight: bold;
   color: #006699;
}

#blogList table tr td.title span.pubDate
{
   font-size: 85%;
   font-weight: bold;
   color: #666;
   padding-left: 7.5px;
}

#blogList table tr td.content div.feedflare
{
   border-top: solid 1px #eee;
   margin-top: 3.5px;
   margin-bottom: 7px;
}

/* End Process */

/*********************************************************************/

/* Site CSS */

.clear
{
   clear: both;
   margin: 0;
   padding: 0;
}

.noFirst:first-letter
{
   font-weight: normal;
}

div.productThumb
{
   text-align: center;
}

p.imgTitle
{
   text-align: center;
   color: #006699;
   font-size: 108%;
}

p.imgCaption
{
   text-align: center;
   color: #333;
   font-size: 85%;
}

/* END Site CSS */