/* SHARED */

a img,:link img,:visited img { border:none }

img { behavior: url("pngbehavior.htc"); }

body {
 background:#7B91BF url("bg_globe.jpg") no-repeat ;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 76%;
 line-height: 130%;
 color:#4a4a4a;
}
a:link, a:visited {
 color: #2971a7;
 text-decoration: none;
}
a:hover {
 color: #333;
 text-decoration: none;
}
h1 {
 font: 24px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
 color: #666;
 border-bottom: 1px solid #b0d1ff;
 padding-bottom: 2px;
 margin-bottom: 14px;
 text-decoration: none;
}
h2 {
 color: #22292a;
 font-size: 16px;
 margin: 6px 0 6px 0;
 text-align: left;
}
h4 {
 color: #2a3133;
 font-size: 14px;
 margin-bottom: 10px;
 text-align: left;
}
#page-container h3 {
 color: #675e5e;
 font-size: 28px;
 margin-bottom: 10px;
}
#container {
 width: 952px;
 margin: 0 auto;
 margin-top: 30px;
 background: #f5f4f5;
}
.inside {
 padding-left: 16px;
 text-align: left;
}
.imgBorder {
 border: 1px #ccc solid;
 padding: 3px;
}
ul {
 padding-left: 14px;
 margin: 10px 0;
}
p {
 margin-top: 14px;
}
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
* html .clearfix {height: 1%;}
.clear { clear: left; padding:0; margin:0; }
.clearall { clear: all; }
.clear20 { clear: left; padding-top: 20px;}

.linespacer {
 line-height: 160%;
}
.pullquote {
 font: 18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
 color: #2e3665;
}
.titleunderline {
 border-bottom: 1px dotted #666;
 margin-bottom: 4px;
 font-weight: bold;
}

/* FORMATTING */

#flash_container {
 padding: 6px;
 margin: auto 0;
 background: #fff;
}
#slidewrapper {
 width:938px;
 height:325px;
 padding: 0px 6px 6px 6px;
 margin: auto 0;
 background: #fff;
}
ul#slide {
 display:block;
 margin:0;
 padding:0;
}
#slide li {
 list-style: none;
}
.innerfade {
 margin:0;
 padding:0;
}
.top {
 background: url("main_wht_top.gif") no-repeat top;
 height: 5px;
}
#home-banner {
 padding-top: 6px;
}
#main-content {
 float:left;
 width:600px;
 padding-right: 100px;
}
#homelister {
 margin-bottom: 15px;
}

/* MENUS */

.menuMainTop {
 display: inline;
 text-align: right;
 font-weight: bold;
 white-space: nowrap;
 padding-right: 3px;
}

/* MAIN BOXES */

#main-boxes-container {
 /* background: url("main_grey_shadow.jpg") no-repeat top; */
}
#main-boxes {
 width: 917px;
 margin: 0 auto;
 padding-top: 0px;
 color: white;
 text-transform: uppercase;
}
#main-boxes a {
 color: white;
}
#main-boxes td {
 font-family: Trebuchet, Trebuchet MS;
 font-weight: bold;
 font-size: 18px;
}

/* MAIN ASSETS LINKS */

#main-assets {
 width: 915px;
 margin: 0 auto;
 padding: 22px 0 14px 0;
 text-align: left;
}
#main-assets .colA {
 float: left;
 width: 212px;
 height: 210px;
 }
#main-assets .colB {
 float: left;
 width: 185px;
 height: 210px;
 }
#main-assets .colC {
 float: left;
 width: 286px;
 }
#main-assets .colD {
 float: left;
 width: 229px;
 }
#main-assets .colA, #main-assets .colB, #main-assets .colC {
 border-right: 1px solid #ccc;
 }
#main-assets ul {
 list-style: disc;
 padding-left: 22px;
 padding-top: 4px;
 margin: 0;
}
#main-assets li {
 text-align: left;
 padding-left: 3px;
 margin-bottom: 3px;
}
#main-assets img {
 margin-bottom: 10px;
}
#main-assests div.spacer {
 padding-left: 6px;
 margin: 0;
}

/* NAVIGATION */

#headerHome {
 text-align: center;
 vertical-align: text-bottom;
 display: block;
 width: 952px;
 height: 76px;
 margin: 6px 6px 0px 6px auto;
 overflow: hidden;
}
#header {
 text-align: center;
 display: block;
 width: 952px;
 margin: 0 auto;
}
#logo {
 float: left;
 height: 76px;
 width: 224px;
 margin: 0px;
 position: relative;
 left: 4px;
}
#logo h1 {
 text-indent: -9999px;
 margin: 0px;
 text-decoration: none;
 border: 0;
}
#logo a {
 background: url("jenica_logo_white.jpg") left bottom no-repeat;
 height: 76px;
 width: 224px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
 cursor: pointer;
 text-decoration: none;
}
#top_nav {
 float: right;
 vertical-align: bottom;
 width: 650px;
 height: 76px;
 display: block;
}
#top_nav ul{
 float: right;
 padding: 0;
 margin: 0;
}
#top_nav li {
 display: inline;
 float: right;
 list-style: none;
 padding: 54px 0 0 26px;
}
#top_nav li a {
 color: #373f41;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 110%;
}
#top_nav li a:hover {
 color: #000;
}

/* SECTIONS  */

#page-wrapper {
 width: 952px;
 height: auto;
 margin: 0 auto;
 background: url("page_content_bg.jpg") repeat-y;
}
html>body #page-wrapper {
 margin-top: 30px;
}
#page-header {
 width: 952px;
 height: 86px;
 display: block;
 background: url("page_header_bg.jpg") no-repeat top;
}
#page-content {
 width: 952px;
 display: block;
}
.pagecolL {
 float: left;
 width: 203px;
 text-align: left;
}
.pagecolL ul {
 margin-top: 40px;
 padding: 0;
}
.pagecolL li {
 margin: 12px 0 12px 0;
 padding-left: 14px;
 list-style: none;
}
.pagecolL li a {
 padding-left: 0px;
 color: #565c5d;
 font-size: 110%;
 font-weight: bold;
}
.pagecolL li a:hover {
 color :#191a50;
}
.pagecolL li a.current {
 color :#212627;
}
.pagecolL ul ul {
 margin: 0;
 padding: 0;
}
.pagecolL li li {
 margin: 6px 0 6px 38px;
 list-style: disc;
}
.pagecolL li li a {
 padding-left: 2px;
 color: #333;
 font-size: 95%;
 font-weight: normal;
}
.pagecolL li li a:hover {
 color :#191a50;
}
.pagecolL li li a.current {
 font-weight: bold;
}
.pagecolR {
 float: left;
 text-align: right;
 width: 749px;
}
#page-container {
 width: 680px;
 padding: 30px;
 text-align: left;
 display: block;
}
html>body #page-container {
 height: auto;
 min-height: 500px;
}
.text {
 float: left;
 width: 420px;
 text-align: left;
 padding-bottom: 30px;
}
.features {
 float: left;
 width: 200px;
 text-align: left;
 margin-left: 35px;
 background: #e7e7e7;
 padding: 12px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}
.text2 {
 float: left;
 width: 385px;
 text-align: left;
 padding-bottom: 30px;
}
.videos {
 float: left;
 width: 256px;
 text-align: left;
 margin-left: 35px;
}
.text ul, .features ul {
 padding-left: 14px;
}
.text li, .features li {
 padding: 2px;
}
.cta-box {
 color: #fff;
 font-weight: bold;
 margin: 8px 0 0 18px;
}
.cta-box a {
 color: #fff;
}
.cta-box a:hover {
 color: #ccc;
}
.green-number {
 color: #ffc600;
 font-size: 150%;
 letter-spacing: 1px;
}
.mkt_show {
 border: 1px #ccc solid;
 padding: 3px;
 width: 213px;
 height: auto;
}

/* SECTION TITLE IMAGE REPLACE */

#sect-title {
 font-size: 20px;
 color: #fff;
 padding: 20px 20px 0 0;
 text-indent: -9999px;
 text-align: right;
}
.marketsimg {
 background: url("sect_markets.png") no-repeat top;
 behavior: url("scripts/iepngfix.htc");
 width: 214px;
 height: 86px;
 text-align: right;
}

/* PRODUCTS SECTION */

#prod-lister {
 display: block;
}
#prod-lister .row {
 float: left;
 width: 125px;
 padding: 2px;
 margin: 2px;
 border: #ccc 1px solid;
 text-align: center;
}
#prod-lister .row:hover {
 border: #2971a7 1px solid;
}
#prod-lister .title {
 font-weight: bold;
 font-size: 110%;
 margin-bottom: 3px;
}
#prod-lister span {
 font-size: 90%;
 line-height: 95%;
}
.pdflink {
 font-size: 95%;
 padding-top: 4px;
}
.listwrapper {
 height: 55px;
}
a.imagelink:hover {
 filter: alpha(opacity=75);
 -moz-opacity: 0.75;
 opacity: 0.75;
}
#prod-3col {
 display: block;
 padding-bottom: 24px;
}
#prod-3col .columnone {
 float: left;
 width: 275px;
}
#prod-3col .column {
 float: left;
 width: 175px !important;
 width: 160px;
 padding-top: 14px;
 padding-left: 18px;
}
.prod-Title {
 color: #2a3133;
 font-size: 14px;
 padding: 4px;
 margin-bottom: 10px;
 border: 1px solid #ccc;
 text-align: left;
 margin-top: 14px;
}
#prod-3col .column ul {
 padding-left: 14px;
 margin: 0;
}
#prod-3col .column ul li {
 list-style: disc;
}
 
/* NEWS */

#newsLister {
 padding-top: 2px;
 margin-right: 10px;
}
.newsListHeadline {
 font-weight: bold;
 line-height: 110%;
}
.newsListPublishline {
 font-size: 90%;
 color: #666;
 margin-bottom: 10px;
}
.newsListBody {
 margin-bottom: 20px;
}
.newsHeadline {
 font-size: 140%;
 font-weight: bold;
 line-height: 110%;
}
.newsSubHeadline {
 margin-bottom: 10px;
}
.newsPublished {
 font-size: 90%;
 color: #666;
 margin-bottom: 10px;
}
.newsBody .imgRight {
 border: 1px solid #ccc;
 padding: 2px;
 margin-left: 10px;
 float: right;
}
.newsBody .imgLeft {
 border: 1px solid #ccc;
 padding: 2px;
 margin-right: 10px;
 float: left;
}

/* PROJ LISTER */

.proj-images {
 float: right; 
 width: 200px; 
 text-align: right;
}
.proj-images img {
 margin-bottom: 4px;
 border: 1px solid #ccc;
 padding: 2px;
}

/* FOOTER */

#footer-container {
 width: 952px;
 height: 53px;
 background: url("footerbar_bg.jpg") top no-repeat;
 text-align: center;
 margin: 0 auto;
}
#footer-left {
 float: left;
 width: 600px;
 margin-left: 20px;
 text-align: left;
}
#footer-left img {
 float: left;
}
#footer-left input {
 width: 120px;
 height: 16px;
 font-size: 90%;
 color: #333;
 border: 0;
 background-color: #e0e0e0;
 padding: 0;
 margin: 0;
}
#footer-left .fields {
 float: left;
 margin: 12px 0 0 14px;
}
#footer-right {
 float: right;
 width: 332px;
}
#footer-right ul{
 margin: 16px 16px 0 0;
 text-align: right;
}
#footer-right li {
 display: inline;
 float: right;
 list-style: none;
 padding: 0 6px 0 6px;
}
#footer-right li a {
 display: block;
 text-transform: uppercase;
 font-size: 90%;
 font-weight: bold;
 color: #ccc;
}
#footer-copyright {
 width: 952px;
 margin: 0 auto;
 margin-top: 18px;
 padding-bottom: 12px;
 text-align: center;
 font-size: 90%;
 color: #5e6969;
}

/* SMOOTH GALLERY */

#myGallery, #myGallerySet {
 width: 213px;
 height: 148px;
 z-index:5;
 overflow: hidden;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {
 display: none;
}
#myGallerySports, #myGallerySetSports {
 width: 213px;
 height: 222px;
 z-index:5;
 overflow: hidden;
}
#myGallerySports img.thumbnail, #myGallerySetSports img.thumbnail {
 display: none;
}
#myGalleryRetail, #myGallerySetRetail {
 width: 213px;
 height: 213px;
 z-index:5;
 overflow: hidden;
}
#myGalleryRetail img.thumbnail, #myGallerySetRetail img.thumbnail {
 display: none;
}
#myGalleryAuto, #myGallerySetAuto {
 width: 213px;
 height: 213px;
 z-index:5;
 overflow: hidden;
}
#myGalleryAuto img.thumbnail, #myGallerySetAuto img.thumbnail {
 display: none;
}
#MarketsSlideshow, #MarketsSlideshow {
 width: 674px;
 height: 213px;
 z-index:5;
 overflow: hidden;
}
#MarketsSlideshow img.thumbnail, #MarketsSlideshow img.thumbnail {
 display: none;
}
.jdGallery {
 overflow: hidden;
 position: relative;
}
.jdGallery img {
 border: 0;
 margin: 0;
}
.jdGallery .slideElement {
 width: 100%;
 height: 100%;
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: center center;
 background-image: url('slideshow/loading-bar-black.gif');
}
.jdGallery .loadingElement {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: center center;
 background-image: url('slideshow/loading-bar-black.gif');
}
.jdGallery .slideInfoZone {
 position: absolute;
 z-index: 10;
 width: 100%;
 margin: 0px;
 left: 0;
 bottom: 0;
 height: 40px;
 background: #333;
 color: #fff;
 text-indent: 0;
 overflow: hidden;
}
* html .jdGallery .slideInfoZone {
 bottom: -1px;
}

/* CONTACT FORM */

input, textarea, select {
 border: #666 1px solid;
 background: #eee;
}
#contact label {
 float: left;
 width: 220px;
 margin-right: 12px;
 font-weight: bold;
}
#contact input, #contact textarea {
 margin-bottom: 5px;
 clear: right;
}
#contact textarea {
 width: 250px;
 height: 100px;
}
#contact select.formSelect {
 margin-bottom: 5px;
}
input.radio {
 display: inline;
 width: 12px;
 border: none;
 background: #fff;
}
#contact .formfield {
 padding-bottom: 4px;
 clear: left;
}
#contact .boxes{
 width: 1em;
}
#submitbutton {
 margin-left: 232px;
 margin-top: 12px;
 width: 90px;
 padding: 6px;
 color: #000;
 background: #d0d0d0;
}
#submitbutton:hover {
 color: #fff;
 cursor: pointer;
 background: #ad0c00;
}
#form label.error {
 margin-left: 10px;
 width: auto;
 display: inline;
}
#freedom_calendar { 
 position: absolute; 
 left: 100px; 
 top: 100px; 
 width: 175px; 
 z-index: 100; 
 visibility: hidden; 
 clip:rect(0px 175px 145px 0px); 
 height:145px; 
}