/*
'All source code and design by Bowers Programming
'Source code copyright © 1999, 2006 Randy Bowers, Bowers Programming.
'Source code designated intellectual property of Bowers Programming.
'phn: 360.671.5280
'eml: randy@bowersprogramming.com
'web: www.bowersprogramming.com
'Text and photographs copyright © 2006 Lones Group.
'All rights of copyright holders are reserved.
*/
* { margin: 0; padding: 0; }
html { height:100%; }

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: 14px verdana, arial, helvetica, sans-serif;
color: #eae8e8;
background: black;
text-align: center;
}

#splash {
left:50%;
}

#hcenter {
/* horizontally centers the wrapper. This is done by having the margins (top and left) 
   negative of half the size of the field we want to center). Position must be absolute 
   and top and left settings are at 50%. Works in IE5.5+, Opera 7+, Mozilla, Netscape 7+.
*/
border: 0px solid #8f1919;
background-color: transparent;
text-align: center;
margin-top: 0px;
margin-left: -470px;
position: absolute;
left: 50%;
width: 940px;
visibility: visible;
}

#outer {
margin-top: 30px;
border: 1px solid #8f1919;
background-color: transparent;
text-align: left;
width: 100%;
visibility: visible;
}


#inner {
border: 2px solid #8f1919;
background-color:#1c1414;
margin: 2px 2px 2px 2px;
color:#eae8e8;
}

#header {
position:absolute;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
left:50%;
top:4px;
margin-left:-496px;
margin-top:0px;
margin-bottom:0px;
width:968px;
height:147px;
visibility:visible;
background: transparent url(images/header.jpg) no-repeat top center;
}

#content {
    padding:20px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
    background:transparent;
    width:910px;
}

#footer {
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px !important;
background: #8f1919;
display:block;
width:100%;
height:24px;
font-family:"century gothic", arial, verdana, helvetica, sans-serif;
font-weight:bold;
font-size:13px;
line-height:22px;
color:#eae8e8;;
text-align:center;
clear:both;
}

#copyright {
position:relative;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
color:white;
text-align:center;
font-family: arial, verdana, helvetica, sans-serif;
font-size:12px;
font-weight:normal;
background:transparent;
width:100%;
}

/* %%%%%%%%%%%%%%%%%%%% begin main nav %%%%%%%%%%%%%%%%%% */
#nav_wrap {
position:relative;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width:100%;
    height:30px;
    background:transparent;
}

#nav_bar {
    width: 100%;
    background: #8f1919;
    height: 32px;
    padding:0px 0px 0px 0px;
    margin:116px 0px 0px 0px;
    clear:both;
}


#nav_bar ul { list-style: none; }

#nav_bar li {
    float: left;
    position: relative;
    text-align: left;
    cursor: default;
    background: #8f1919; }

#nav_bar li.systems, #nav_bar li.products, #nav_bar li.education, #nav_bar li.about  {
    font-family:"century gothic", arial, verdana, helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    padding:7px 0px 0px 0px;
    white-space: nowrap;
    background: transparent;
    display: block;
    width: 185px;
    height: 23px;
    z-index:10;
    border-left: 1px solid #370505;
}

#nav_bar li.login {
    font-family:"century gothic", arial, verdana, helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    padding:7px 0px 0px 0px;
    white-space: nowrap;
    background: transparent;
    display: block;
    width: 135px;
    height: 23px;
    z-index:10;
    border-left: 1px solid #370505;
}

#nav_bar li.cart {
    padding:7px 0px 0px 5px;
    white-space: nowrap;
    background: transparent;
    display: block;
    width: 33px;
    height: 23px;
    z-index:10;
    border-left: 1px solid #370505;
}

#nav_bar li.blank {
    background:transparent;
    white-space:nowrap;
    display: block;
    width: 12px;
    height: 23px; 
    z-index:10;
}

#nav_bar li.systems:hover, #nav_bar li.products:hover, #nav_bar li.education:hover, #nav_bar li.about:hover {
    background-position: 100% -40px; 
    background-color:#462b2b;
}

#nav_bar li ul {
    background: #370505;
    display: none;
    position: absolute;
    top: 23px; /*top-down adjusts dropdown position */
    left: -1px; /*left-right adjusts dropdown position*/
    padding: 5px 0px 5px 0px; /*adjust padding around dropdown text */
    margin: 0;
    border-top: 0px;
    border-bottom: 1px solid #8f1919;
    border-left: 1px solid #8f1919;
    border-right: 1px solid #8f1919;
}

#nav_bar li:hover ul, #nav_bar li.over ul { display: block; }


#nav_bar #systems_menu, #nav_bar #products_menu, #nav_bar #education_menu, #nav_bar #about_menu {
    position: absolute;
    width: 180px;
    left: 0px;
    z-index: 1; 
}

#nav_bar li > ul { 
    top: auto;
    left: auto; 
}

#nav_bar li li {
    white-space: nowrap;
    display: block;
    float: none;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0;
    background: #370505; /*color of background behind dropdown text*/
    border: 0px; }

#nav_bar #nav a { font-weight: bold; text-decoration: none; }

#nav_bar #nav li li a {
    /*settings for dropdown text when not hovered*/
    padding-left:5px;
    display: block;
    font: bold 11px arial, helvetica, sans-serif, verdana; 
    width: 180px;
    color:#d7d7d7;
    background: #370505;
}

#nav_bar #nav li li a:hover {
    /*settings for dropdown text when hovered*/
    padding-left:5px;
    display: block;
    font: bold 11px arial, helvetica, sans-serif, verdana;
    width: 180px; 
    color: #f2f2f2;
    background: #8f1919;
}

/* %%%%%%%%%%%%%%%%%%%% end main nav %%%%%%%%%%%%%%%%%% */


#content_header {
    text-align:center;
    width:100%;
    margin-bottom:25px;
}

#content_morewrap {
    position:relative;
    margin-left:300px;
    margin-top:30px;
    margin-bottom:30px;
    background: transparent;    
    text-align:left;
}

#content_moremenu {
    position:relative;
    width:380px;
    padding-top:22px;
    padding-left:34px;
    background: transparent url(images/want_to_know_more.gif) no-repeat top left;
}

#content_moremenu select {
    margin:1px 0px 1px 0px;
    padding:0px 0px 0px 0px;
    color:#eae8e8 !important;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px; line-height:15px; font-style:normal; font-weight:bold;
    background-color:#370505;
    border:2px solid #8f1919;
    border-top-color:#752727;
    border-left-color:#752727;
    border-right-color:#9b2325;
    border-bottom-color:#9b2325;
    vertical-align: middle;
}

#content_testimonial {
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background:black;
    clear:both;
    border: 1px solid #8f1919;
}


p {margin-top:0px; font: 13px verdana, arial, helvetica, sans-serif}

p.splash {font: 15px verdana, arial, helvetica, sans-serif;}


#content ul, ul.content {

    list-style-position: outside;
    padding-left:20px;
}

#content ul, ul.content li {
    padding-left:10px;
    margin-left:15px;
}

.ulwrap {
    position:relative; 
    display:block; 
    width:420px;
    margin-top:10px; 
    margin-left:299px;
}

table.content {
    border:1px solid #8f1919;
    padding:5px 5px 5px 5px;
    margin:10px 10px 10px 10px;    
}

table tr.subproducts:hover {
    background-color:#222222;
}

table tr.subproducts td {padding-right:5px; padding-left:5px; padding-top:2px; padding-bottom:2px;}

select, input, textarea {
font-size: 11px; 
line-height: 13px; 
font-style: normal; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

option {
padding-right:5px;
}

.content_ad {
    float:right;
    margin-left:25px;
}