/*
'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/1.5 verdana, arial, helvetica, sans-serif;
color: #18467a;
background: #234f8c url(images/background.jpg) repeat-x top left;
text-align: center;
}

#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: -388px;
position: absolute;
left: 50%;
width: 800px;
visibility: visible;
}

#outer {
margin-top: 30px;
border: 2px solid #ADBDD4;
background-color: transparent;
width: 100%;
visibility: visible;
}


#inner {
border: 1px solid #ADBDD4;
background-color:transparent;
margin: 2px 2px 2px 2px;
padding:9px;
text-align:left;
}

#header {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:776px;
height:230px;
visibility:visible;
background: transparent url(images/header.jpg) no-repeat top center;
}

#content {
padding:20px 60px 20px 60px;
margin: 0px 0px 0px 0px;
background:#aabad3 url(images/background_inner.jpg) no-repeat top right;
width:656px;
text-align:left;
}

#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:#26508c url(images/background_nav.jpg) no-repeat top center;
    height: 53px;
    padding:0px 0px 0px 0px;
    margin:0px 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; 
    cursor:pointer;
}



#nav_bar li.about, #nav_bar li.news, #nav_bar li.services, #nav_bar li.order, #nav_bar li.closing {
    margin:0px;
    font-family:"century gothic", arial, verdana, helvetica, sans-serif;
    font-weight:bold;
    font-size:15px;
    color:white; /*default color of menu title text*/
    padding:20px 0px 0px 0px; /* top padding plus height should be equal to #nav_bar.height */
    white-space: nowrap;
    background: transparent;
    display: block;
    width: 151px;
    height:33px;
    z-index:10;
    border-left: 0px solid transparent; /*border between drop downs*/
    text-align:left;
}

#nav_bar li.closing {width:152px;}

#nav_bar li.blank {
    background:white;
    white-space:nowrap;
    display: block;
    width: 5px;
    height: 51px; 
    z-index:10;
}

#nav_bar li.about:hover, #nav_bar li.news:hover, #nav_bar li.services:hover, #nav_bar li.order:hover, #nav_bar li.closing:hover {
    background-position: 100% -40px; 
    background-color:transparent; /*background of menu title text when hovered */
    color:#bbddff; /*color of title text on hover*/
/*    filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; /* filter:alpha(opacity=99.99);-moz-opacity:0.9999;opacity:0.9999; */
    border-bottom: 6px solid #3d6b9f;
    height:27px;
}


#nav_bar li ul {
    background: #5d8bbf; /*foundation background color of dropdown menu, usually same as #nav_bar #nav li li a.background, otherwise you'll see stripes.*/
    display: none;
    position: absolute;
    top: 33px; /*top-down adjusts dropdown position, often same as #nav_bar li.*.height */
    left: 0px; /*left-right adjusts dropdown position*/
    padding: 5px 0px 5px 0px; /*adjust padding around dropdown text */
    margin: 0px;
    border-top: 0px solid #3d6b9f;
    border-bottom: 1px solid #26508c;
    border-left: 1px solid #26508c;
    border-right: 1px solid #26508c;
}

#nav_bar li:hover ul, #nav_bar li.over ul { display: block; }

#nav_bar #about_menu, #nav_bar #closing_menu, #nav_bar #services_menu {
    position: absolute;
    width: 144px;
    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: #5d8bbf; /*color of background behind dropdown text, should be same as #navbar li ul.background*/
}

#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 13px arial, helvetica, sans-serif, verdana; 
    width: 144px;
    color:#ffffff;
    background: #5d8bbf; /*color of background behind dropdown text, should be same as #navbar li ul.background*/
    line-height:20px;
}

#nav_bar #nav li li a:hover {
    /*settings for dropdown text when hovered*/
    padding-left:5px;
    display: block;
    font: bold 13px arial, helvetica, sans-serif, verdana;
    width: 144px; 
    color: #020202;
    background: #eef6ff;
    line-height:20px;
}

/* %%%%%%%%%%%%%%%%%%%% 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.splash {font: 15px verdana, arial, helvetica, sans-serif;}

ul.content {
    display:inline;
}

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;    
}

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;
}
