/* CSS Style */
body {background:url(main-bg.jpg) no-repeat center 0; background-color:#000;}
#wrapper {width:900px; margin:0 auto;}
#column-640 {width:640px; background-color:#fff; padding:20px;}
#column-860 {width:860px; background-color:#fff; padding:20px 20px 5px 20px;}
ul.column2 {display:inline; padding:0; margin:0;}
ul.column2 li {float: left; width:300px; list-style:none; font-weight:normal;}
.column2left {border-right: solid 2px #ccc; padding:0 10px 0 0; margin:0 10px 0 0;}
.column2right {margin:0 0 0 10px;} 

.column2right ul li {list-style:square;}

/* UNIVERSAL */
p {padding:0 0 5px 0;}
h1 {font-size:19px; color:#360; font-weight:bold; padding:0 0 10px 0;}
h2 {font-size:16px; color:#360; font-weight:bold; padding:10px 0 5px 0;}
h3 {font-size:14px; color:#360; font-weight:bold; padding:0 0 10px 0;}
a, a:visited {color:#34a7e8; font-weight:bold;}
a:hover {color:#2478a8;}
ul.bullet {padding:0 0 5px 20px;}
ul.bullet li {list-style:square; padding:0 0 3px 0; font-weight:bold;}
.solid { border:0; border-top: solid 3px #eae8e8; margin:10px 0;}
.dotted { border:0; border-top: dotted 1px #c3c2c2; margin:5px 0;}
.imgborder {border:solid 2px #999; float:right; margin:15px 0 15px 15px;}
.border {border:solid 2px #999;}
.imgpad {padding: 10px 0 0 0; margin:20px 50px 0 0; float:right;}
.imgpad2 {padding: 10px 0 0 0; margin:20px 0 0 100px; float:right;}
#clear {clear:both;}
.action {font-size:40px; margin:20px 0; font-weight:bold;}
#logo-position {position:absolute; top:20px; z-index:1; padding:0 0 0 15px;}

ul#twoCol {margin:20px 0;}
ul#twoCol li.colOne, ul#twoCol li.colTwo {display:block; width:49%; border-left:solid 1px #ddd; float:left;}
ul#twoCol li.colOne {border-left:none;}
.padding {margin:20px;}

/* COLUMN-RIGHT */
ul.column-right {width:205px; float:right; color:#fff;}
li.block {background: url(coumn-right-bg.gif) 0 0 repeat-x; border:solid 5px #fff; padding:10px; background-color:#13a61d; margin:0 0 15px 0;}
li.block label {font-weight:bold;}
li.block h1 {font-size:16px; font-weight:bold; padding-bottom:5px; line-height:1.2em; color:#fff;}
li.block h2 {font-size:14px; font-weight:bold; padding:3px 0; line-height:1.2em; color:#fff; border-top:dotted 1px #fff;}
li.block a, li.block a:visited {color:#000; font-weight:bold;}
li.block a:hover {color:#444;}

/* SIGNOFF */
#signoff {width:640px; float:left; margin:10px 0 0 0;}
.brochure {float:right; display:block;}
.brochure p {width:160px;}

/* FOOTER */
#footer {clear:both; color:#666; font-size:10px; margin:10px 0;}
#footer a, #footer a:visited {color:#666;}
#footer a:hover {color:#ccc;}

/* Button */
a.button, a.button:visited {display:block; text-indent:-9999px; height:43px; width:204px; margin:0 0 15px 0;}
a.black {background:url(consultant-black.gif) no-repeat 0 0;}
a.white {background:url(consultant-white.gif) no-repeat 0 0;}
a.black:hover {background:url(consultant-black.gif) no-repeat 0 -43px;}
a.white:hover {background:url(consultant-white.gif) no-repeat 0 -43px;}


/* DemoForm */
form li {display:block; padding:5px;}
form label {width:100px; display:block; float:left; line-height:2em; color:#666;}
form label span, .formReq {color:#900;}
ol.messages {color: #c00;}
.marco {display:none;}

/* Header */
#header {margin:70px 0 15px 0;}
.imageswap {border:solid 5px #fff;}
#navigation {text-align:right; margin:0 0 30px 0;}
#navigation ul {font-size:15px;}
#navigation ul li {display:inline; margin:0 0 0 15px;}
#navigation a, #navigation a:visited {color: #cf0; text-transform:uppercase;}
#navigation a:hover, #navigation.home a.home, #navigation.services a.services, #navigation.demo a.demo, #navigation.roaddata-demo a.demo, 
#navigation.faqs a.faqs, #navigation.specs a.specs, #navigation.contact a.contact {color: #fff;}

/* CONTACT */
ul.contact h1, ul.specifications h1 { font-weight:bold; font-size:14px; color:#333; padding:0; margin:0;}
ul.contact, ul.specifications {width:300px; margin:0 0 20px 0;}
ul.contact li, ul.specifications li {padding:5px 0; border-bottom:dotted 1px #360; list-style:none;}
ul.contact label, ul.specifications label {font-size:10px; text-transform:uppercase; font-weight:bold; color:#888;}

/* Slideshow s3slider */
#s3slider { 
   width: 890px; /* important to be same as image width */ 
   height: 220px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   border:solid 5px #fff;
   background-color:#000;
}

#s3slider.home { 
   height: 220px; /* important to be same as image height */
}

#s3sliderContent {
   width: 890px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font:normal 10pt/1.2em Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 900px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
   opacity: 0.0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
}

/* Slideshow style rules */
#slideshow { width:640px; height:340px; background:#fff; position:relative; border: solid 1px #666;}
#slideshow #slidesContainer {padding: 10px 0 0 0; margin:0 auto; width:540px; height:330px; overflow:auto; /* allow scrollbar */ position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto;width:520px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */height:330px;}

/* Slideshow controls style rules */
.control {display:block;width:35px;height:340px;text-indent:-10000px;position:absolute;cursor: pointer;}
#leftControl {top:0;left:0;background:transparent url(../images/control_left.jpg) no-repeat 0 0;}
#rightControl {top:0;right:0;background:transparent url(../images/control_right.jpg) no-repeat 0 0;}

/* Style rules for Demo page */

.slide h2, .slide p {margin:15px 0 0 0;}

.slide img {float:left; margin:0 20px 0 0; border:solid 1px #ccc;}

#slideshow #slidesContainer {}
.demotable {font-size:12px;}
.demotable td {border-bottom:solid 1px #ccc; height:18px;}
.tablesmall {font-size:10px; font-weight:bold; color:#360;}