/* BASIC */
html {
    overflow-y:scroll;
}

body,html {    
    background-color:#161616;
    font-family:Lucida Sans, Lucida Sans Unicode, Lucida Sans Regular, Sans-Serif;
    font-size:11px;
    color:#a9a8a8;
    background-image:url(backdrop.jpg);
    background-repeat:repeat-x;
    background-position:left top;    
}

.floatfix {
    display:block;
    width:1px;
    height:1px;
    clear:both;
    overflow:hidden;
}
.floatfix.space5 {
    height:5px;
}
.floatfix.space10 {
    height:10px;
}
.floatfix.space15 {
    height:15px;
}
.floatfix.space20 {
    height:20px;
}
.floatfix.space30 {
    height:30px;
}

strong, b {
    font-weight:bold;
}

em, i {
    font-style:italic;
}

a {
    color:#7c9323; /*  #94b21e;*/
    text-decoration:none;
}

select {
    color:#fff;
    background-color:#161616;
    border-width:1px;
}

p {
    margin-bottom:10px;
}



h1 {
    color:#fff;
    font-size:23px;
}

h2 {
    color:#7c9323; /* #899f2a; */
    font-size:22px;
}

h5 {
    color:#7c9323; /* #899f2a; */
    font-size:15px;
    font-weight:bold;
    margin:0px;
    margin-top:20px;
}




/* LAYOUT */



/* EXPANDING TOPBAR  */
.topbar {
    background-color:#0f0f0f;  
    border-bottom:solid 1px #343430;  
    background-image:url(topbar_bg.jpg);
    background-repeat:repeat-x;
    background-position:left top;
}
.topbar .mask {
    margin-left:auto;
    margin-right:auto;
    width:940px;
    padding-left:40px;
    height:38px;
    position:relative;   
    overflow:hidden;
}
.topbar .sub-content {  
    position:absolute;
    left:0px;
    width:960px;
    padding-left:40px;
    top:60px;
}
.topbar .sub-content .item {
    float:left;
    width:220px;
    height:165px;
    /* background-color:#666; */
    margin-right:20px;
    margin-bottom:10px;
    text-decoration:none;    
    color:#8b8b8b;
}
.topbar .sub-content .item h3 {
    color:#fff;
    /* margin-bottom:-4px; */
    font-size:16px;    
    text-transform:uppercase;    
    height:24px;
}
.topbar .sub-content a.item img {
    margin-bottom:10px;
    border:solid 3px #504e4e;
    display:block;
}
.topbar .sub-content a:hover.item img, .topbar .sub-content a.item.active img {
    border-color:#7c9323; /* #8ea52c; */
}

.topbar .siteChooser {
    color:#fff;
    width:400px;
    height:20px;
    margin-top:8px;
    padding-top:5px;
    cursor:pointer;
    padding-right:10px;    
    text-transform:uppercase;
}
.topbar .siteChooser img {
    vertical-align:middle;
    margin-left:10px;
}
.topbar .siteChooser .heading {
    color:#7c9323; /* #96ae32; */
    text-transform:none;
}

.topbar .logo {
    position:absolute;
    right:0px;
    top:10px;
}
.topbar .quick-links {
    position:absolute;
    left:520px;
    width:400px;
    top:14px;
    text-align:right;
}
.topbar .quick-links a {
    margin-left:20px;
    color:#7c9323; /* #96ae32; */
    text-decoration:none;    
}
.topbar .quick-links a:hover, .topbar .quick-links a.active {
    color:#fff;
}



/* MAIN CONTENT AREA */
.background {
}

.container {
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    width:940px;
    padding-left:40px;
}

.container .header {
    height:24px;
    border-bottom:solid 3px #2b2a2a;
}

.container .footer {
    padding-top:10px;
    padding-bottom:30px;
    padding-left:2px;
    border-top:solid 3px #2b2a2a;
    color:#525252;  
    position:relative;  
}
.container .footer a {
    color:#525252; /* #7c9323; /* #869d2c; */
    text-decoration:none;
}
.container .footer .bottomRightLinks {
    position:absolute;
    right:2px;
}
.container .footer .bottomRightLinks a {
    color:#525252;
    margin-left:20px;
}
.container .footer a:hover, .container .footer .bottomRightLinks a:hover {
    color:#7c9323;
}
.container .footer .bookmarkIcons {
    position:absolute;
    right:130px;
    top:9px;
    padding:0px;
}
.container .footer .bookmarkIcons a {
    margin-left:4px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    display:block;
    float:left;
    width:16px;
    height:16px;
    overflow:hidden;
}
.container .footer .bookmarkIcons a:hover {
    background-position:-16px 0px;
}
.container .footer .bookmarkIcons a img {
    width:16px;
    height:16px;
}
.container .footer .bookmarkIcons a.bm_Digg {
    background-image:url(bookmark-icons/digg_16_gr.png);
}
.container .footer .bookmarkIcons a.bm_FaceBook {
    background-image:url(bookmark-icons/facebook_16_gr.png);
}
.container .footer .bookmarkIcons a.bm_Delicious {
    background-image:url(bookmark-icons/delicious_16_gr.png);
}
.container .footer .bookmarkIcons a.bm_Technorati {
    background-image:url(bookmark-icons/technorati_16_gr.png);
}
.container .footer .bookmarkIcons a.bm_Reddit {
    background-image:url(bookmark-icons/reddit_16_gr.png);
}
.container .footer .bookmarkIcons a.bm_Stumble {
    background-image:url(bookmark-icons/stumbleupon_16_gr.png);
}
.container .footer .bookmarkIcons a.bm_DesignMoo {
    background-image:url(bookmark-icons/designmoo_16.png);
}
.container .footer .bookmarkIcons a.bm_Google {
    background-image:url(bookmark-icons/google_16_gr.png);
}


.container .content {
    background-color:#000;
    /* height:565px; */
    position:relative;
}
.container .content .standard-height {
    height:565px;
}
.container .content .variable-height {
    background-color:#141414;
    background-position:left top;
    background-repeat:no-repeat;
}
.container .content .textPageContent {
    width:400px;
    float:left;
    padding-left:88px;
    padding-bottom:40px;
    margin-top:100px;
}
.container .content .textPageContent p {
    color:#b3b3b3;
    font-size:12px;
    line-height:18px;
}
.container .content .textPageContent h5 {
    font-size:15px;
    line-height:22px;
    color:#ffffff;
    margin-bottom:0px;
}

.container .content .languageSelector {
    position:absolute;
    right:0px;
    top:-65px;
    color:#656565;
    font-size:9px;    
}

.container .content .frontPageFooter {
    position:absolute;
    left:0px;
    top:-65px;
    padding:0px;
    border:none;
}


.container .content .languageSelector a {
    color:#3a3a3a;
    text-decoration:none;
}

.container .content .languageSelector a:hover, .container .content .languageSelector a.active {
    color:#737373;
}



/* INFORMATION OVERLAYS */

.container .content .overlay {
    width:500px;
    height:565px;
    position:absolute;
    left:0px;
    top:0px;
    overflow:hidden;
    font-size:12px;
    line-height:17px;
}

.container .content .overlay p {
    color:#b3b3b3;
    font-size:12px;
    line-height:17px;
    margin-bottom:12px;
}

.container .content ul {
    margin:10px;
    margin-left:25px;
    margin-bottom:15px;
    margin-top:0px;
}
.container .content ul li {
    margin-bottom:4px;
    font-size:12px;
}

.container .content h1 {
    /* color:#899f2a; */
    font-size:23px;
    margin-bottom:10px;
}

.container .content .info-overlay {
    background-color:#131313;
    width:405px;
    height:565px;
    position:absolute;
    left:-405px;
    top:0px;
    filter:alpha(opacity=93);
    opacity:0.93;
}
.container .content .info-overlay .padding {
    margin-left:40px;
    margin-top:93px;
    width:320px;
}
.container .content .info-overlay .padding .textPageHolder {
    width:320px;
    height:390px;
    position:relative;
}
.container .content .info-overlay .padding .textPageHolder .singlePage {
    position:absolute;
    left:0px;
    top:0px;
    width:320px;
    height:350px;
}
.container .content .info-overlay .padding .overlayTextPaging {
    position:absolute;
    left:40px;
    top:510px;
    width:320px;
    height:20px;
}
.container .content .info-overlay .padding .overlayTextPaging a {
    display:block;
    width:19px;
    height:18px;
    float:left;
    margin-right:9px;
    background-image:url(graybutton-paging.gif);
    background-repeat:no-repeat;
    overflow:hidden;
    text-align:center;
    text-decoration:none;
    color:#b3b3b3;
    font-size:11px;
    outline:none;
}
.container .content .info-overlay .padding .overlayTextPaging a:hover, .container .content .info-overlay .padding .overlayTextPaging a.active {
    background-image:url(graybutton-pagingactive.gif);  
    color:#fff;  
}


.container .content .overlay a.graybutton {
    display:block;
    width:19px;
    height:16px;
    padding-top:2px;
    background-image:url(graybutton.gif);
    background-position:left top;
    background-repeat:no-repeat;
    text-decoration:none;
    text-align:center;
    color:#b3b3b3;
}
.container .content .overlay a.graybutton.close {
    background-image:url(graybutton-close.gif);
    position:absolute;
    left:345px;
    top:45px;
}

.container .content .contact-overlay, .container .content .contactsubmitted-overlay {
    background-color:#131313;
    width:405px;
    height:565px;
    position:absolute;
    left:-405px;
    top:0px;
    filter:alpha(opacity=93);
    opacity:0.93;
}

.container .content .contact-overlay .padding, .container .content .contactsubmitted-overlay .padding {
    margin-left:40px;
    margin-top:93px;
    width:320px;
}
.container .content .contact-overlay .salesContactImage {
    float:left;
    width:100px;
    height:110px;    
}
.container .content .contact-overlay .overlay-contact-form {
    padding-left:40px;
    width:350px;
}
.container .content .contact-overlay .overlay-contact-form .textField {
    border:solid 1px #4f4f4f;
    background-color:Transparent;
    font-family:Lucida Sans, Lucida Sans Unicode, Lucida Sans Regular, Sans-Serif;
    font-size:11px;
    padding:2px; 
    color:#969696;
    margin-bottom:5px;
    display:block;
    float:left;
    width:319px;
    margin-right:5px;
}
.container .content .contact-overlay .overlay-contact-form  .textField.asf {
    position:absolute;
    left:-1000px;
    top:-400px;
}
.container .content .contact-overlay .overlay-contact-form  .textField.narrow {
    width:154px;
}
.container .content .contact-overlay .overlay-contact-form  .textField.textArea {
    height:60px;
    overflow-y:auto;        
}
.container .content .contact-overlay .overlay-contact-form label {
    margin-left:5px;
    font-size:12px;
}
.container .content .contact-overlay .overlay-contact-form a.submitLink {
    text-decoration:none;    
}


/* STANDARD CONTENT STYLES */

.container .content ul {
    margin:30px;    
}
.container .content ul li {
    list-style-type:square;
    
}


/* TOP MENU */

.container .header ul.menu {
    /* margin-top:20px;
    margin-bottom:5px; */
}
.container .header ul li {
    float:left;
    margin-right:20px;
}
.container .header ul li a {
    color:#a9a8a8;
    text-decoration:none;
}
.container .header ul li.active a {
    color:#7c9323; /* #94b21e; */
}
.container .header ul li a:hover {
    color:#7c9323; /* #94b21e; */
}



/* FLOAT MENU */

.floatmenu {
    width:35px;
    position:absolute;
    left:-35px;
    top:100px;
}

.floatmenu .floatmenu-content {
    background-image:url(floatmenu_bg.gif);
    background-repeat:repeat-y;
    padding-left:7px;
    padding-top:4px;
}

.floatmenu .floatmenu-content img {
    display:block;
}

.floatmenu a {
    padding-top:3px;
    padding-bottom:3px;
    display:block;
    width:22px;
    height:22px;
    background-position:0px top;
    background-repeat:no-repeat;
}
.floatmenu a.fm-info {
    background-image:url(fm_info.gif);
}
.floatmenu a.fm-contact {
    background-image:url(fm_contact.gif);
}
.floatmenu a.fm-related {
    background-image:url(fm_related.gif);
}
.floatmenu a.fm-gallery {
    background-image:url(fm_gallery.gif);
}

.floatmenu a:hover, .floatmenu a.active {
    background-position:-22px top;
}

.floatmenu .floatmenu-top {
    display:block;
    height:3px;
    width:38px;
    background-image:url(floatmenu_top.gif);
    background-repeat:no-repeat;
}

.floatmenu .floatmenu-bottom {
    display:block;
    height:3px;
    width:38px;
    background-image:url(floatmenu_bottom.gif);
    background-repeat:no-repeat;
}

.floatmenu a {
    outline:none;
}


/* CAMPAIGN */

.campaign {
    position:relative;
}

.campaign .text-mask {
    width:660px;
    height:188px;
    overflow:hidden;
    position:absolute;
    top:376px;
    left:0px;   
}
.campaign .textStrip {
    width:3960px;
    height:188px;
    position:absolute;
    left:0px;
    top:0px;
}
.campaign .textStrip .item {
    background-color:#333;
    width:660px;
    height:188px;
    position:absolute;
    left:0px;
    top:0px;
    color:#fff;
    line-height:20px;
}

.campaign .imageStrip {
    width:3960px;
    height:365px;
    position:absolute;
    left:0px;
    top:0px;
}

.campaign .image-mask {
    width:660px;
    height:376px;
    overflow:hidden;
    position:absolute;
    top:0px;
    left:0px;
}


/* FRONTPAGE */

.news-mask {
    position:absolute;
    top:0px;
    left:526px;
    height:95px;
    width:414px;
    overflow:hidden;
}

.news-inactive {
    position:absolute;
    top:0px;
    left:207px; /* 134px; /* 226px; */
    height:63px;
    width:177px; /* 250px; /* 168px; */
    padding:15px;
    background-color:#131313;
    border-bottom:solid 1px #000;
    opacity:0;
    filter:alpha(opacity=0);
}
.news-inactive h4 {
    padding-top:25px;
    font-size:16px;
}
.news-active {
    position:absolute;
    top:0px;
    left:0px;
    height:74px;
    width:384px;
    padding:10px;
    padding-left:15px;
    padding-right:15px;
    background-color:#7c9323;
    opacity:0;
    filter:alpha(opacity=0);
    color:#fff;
    line-height:15px;
    font-size:11px;
}
.news-active a {
    color:#fff;
}
.news-active h3 {
    font-size:16px;
    height:26px;
}

.news-active.last, .news-inactive.last {
    height:75px;
}

.news-image {
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    filter:alpha(opacity=0);
}

.news-clickarea {
    position:absolute;
    top:0px;
    left:207px;
    height:94px;
    width:207px;
    cursor:pointer;
    background-color:red;
    opacity:0;filter:alpha(opacity=0);
}


/* CONTACT FORM */
.contact-form {
    width:300px;
    margin-top:15px;
}
.contact-form .row {
    height:20px;
    clear:both;
    margin-bottom:3px;
}
.contact-form .row.high {
    height:80px;
}

.contact-form label {
    width:200px;
    color:#b3b3b3; 
    margin-left:8px;
    height:23px;
    font-size:12px;    
}
.contact-form .lbCity {
    width:40px;
    margin-left:20px;
}
.contact-form .txZip {
    width:50px;
}
.contact-form .txCity {
    width:124px;
}
.contact-form .submitbar a {
    text-decoration:none;
}
.contact-form .anticrap {
    position:absolute;
    left:-4000px;
    top:-2000px;
    display:none;    
}
.contact-form .textField {
    border:solid 1px #4f4f4f;
    background-color:Transparent;
    font-family:Lucida Sans, Lucida Sans Unicode, Lucida Sans Regular, Sans-Serif;
    font-size:11px;
    padding:2px; 
    color:#969696;
    margin-bottom:5px;
    display:block;
    float:left;
    width:231px;
    margin-right:5px;
}
.contact-form  .textField.asf {
    position:absolute;
    left:-1000px;
    top:-400px;
}
.contact-form  .textField.narrow {
    width:110px;
}
.contact-form  .textField.textArea {
    height:60px;
    overflow-y:auto;        
}



/* SITEMAP */
.sitemap {
    padding-left:90px;
    padding-top:100px;    
    font-size:12px;
}
.sitemap .sitemap-section {
    float:left;
    width:237px;
    margin-right:26px;
    margin-bottom:32px;
}
.sitemap .sitemap-section h6 {
    font-size:14px;
    color:#fff;
    border-bottom:solid 1px #434343;
    padding-bottom:8px;
    margin-bottom:10px;
}
.sitemap .sitemap-section h6 a {
    text-decoration:none;
    color:#fff;
}
.sitemap .sitemap-section ul {
    margin:0px;
    padding:0px;
}
.sitemap .sitemap-section ul li {
    margin:0px;
    padding:0px;
    list-style-type:none;    
    margin-bottom:2px;
}
.sitemap .sitemap-section ul li a {
    text-decoration:none;
    color:#a9a8a8;    
    display:block;    
    width:237px;
    background-image:url(/assets/arrow_sitemap.gif);
    padding-left:14px;
    background-position:left 2px;
    background-repeat:no-repeat;
}
.sitemap .sitemap-section ul li a:hover {
    color:#7c9323;
    background-image:url(/assets/arrow_sitechooser_act.gif);    
}


/* CONTACT PAGE */

.contact-addresses {
    width:800px;
    padding-top:50px;
}
.contact-addresses .contact-address {
    float:left;
    width:237px;
    margin-right:26px;
}
.contact-addresses .contact-address h6 {
    font-size:14px;
    color:#fff;
    border-bottom:solid 1px #434343;
    padding-bottom:8px;
    margin-bottom:10px;
}