/* CSS Document */
body, html {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size: 11px; margin:0px 0px; padding:0px; text-align:center; color: #333; background: url(../images/backgrounds/body_bg.jpg) repeat-x top left #C1C1C1; }
h1 { color:#5D8200; font-size:22px; font-weight: normal; font-family: "Futura", Arial, Helvetica, sans-serif; }
h2 { color:#666; font-size:18px; margin:0px; font-weight: normal; font-family: "Futura", Arial, Helvetica, sans-serif; }
h3 { color:#5D8200; font-size:14px; margin:0px; font-weight: bold; }
label { font-weight:bold; }
img { border-width: 0; }

#holder { width: 841px; margin:0px auto; background: url(../images/backgrounds/holder_bg.jpg) repeat-y; text-align: left; }
#content { width: 831px; margin: 0px 5px; background-color: #FFF; }
#header { width: 831px; height: 87px; background: url(../images/backgrounds/header_bg.jpg) repeat-x; }
#logo { width: 260px; height: 87px; margin-left: 38px; float: left; }
#menu { margin-right: 48px; float: right; }
#menu a.sm { width: 113px; height: 28px; display: block; float: left; background-position: 0px 0px; background-repeat: no-repeat; }
#menu a.sm:hover { background-position: -113px 0px; }
/*#menu a.lg { width: 174px; height: 28px; display: block; float: left; background: url(../images/buttons/Product.jpg) 0px 0px no-repeat; }
#menu a.lg:hover { background-position: -174px 0px; }*/

body.home #menu a.home,
body.contact #menu a.contact,
body.swift #menu a.swift,
body.snapshot #menu a.snapshot
{ background-position: -113px 0px; }
/*body.product #menu a.product
{ background-position: -174px 0px; }*/

#leftPane { width: 298px; min-height: 300px; float: left; background: url(../images/backgrounds/left_pane_top_bg.jpg) no-repeat top left; }
#leftPaneContent { width: 261px; margin: 84px 12px 0px 25px; }
#leftPaneFoot { padding-top: 220px; }
#leftPaneFoot2 { padding-top: 40px; }
#centerPane { width: 497px; float: left; background: url(../images/backgrounds/center_pan_top_bg.jpg) no-repeat top left; }
#centerPaneTitle { width: 497px; height: 75px; overflow: hidden; padding-top: 20px; text-align: center; }
#centerPaneContent { width: 497px; padding-top: 20px; background: url(../images/backgrounds/center_pane_bg.jpg) no-repeat; }
#rightPane { width: 36px; height: 300px; float:left; background: url(../images/backgrounds/right_pane_top_bg.jpg) no-repeat top left; }
#footerTop { width: 831px; height: 55px; background: url(../images/backgrounds/top_footer_bg.jpg) no-repeat top left; }
#footer { width: 831px; height: 55px; background: url(../images/backgrounds/footer_bg.jpg) repeat-x; }
#footerText { width: 831px; padding-top: 2px; text-align: center; color: #FFF; }
#footerText a { color: #FFF; text-decoration: underline; }

.bullet { width: 400px; text-align:left; float: left; margin: 6px 0px; font-size: 12px; }
.bulletL { width: 230px; text-align:left; float: left; margin: 6px 0px; line-height: normal; }
.arrow { float: left; margin: 12px 0px; }
.arrowL { float: left; margin: 10px 0px; }

.button { background-color:#8BC51B; color:#FFF; font-weight:bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; cursor: pointer; }
.contactButton { width:60px; }
.videoButton { font-size:1em; }
.videoButtonPanel { text-align:center; clear:both; height:40px; }
.clearBoth { clear:both; }
.center { text-align:center; }
.fillCell { width:99%; }
.snapshotSelect { color:#5D8200; font-weight:bold; font-size:22px; font-family: "Futura", Arial, Helvetica, sans-serif; }
.HoverTarget { font-size:16px; position:relative; top:2px; z-index:1; }
.HoverPanel { font-size:12px; width:500px; padding:4px; border: solid 1px #000; position:absolute; z-index:2; background-color:#fff; text-align:left; }