/*
	
	Hand Crafted by Nevub -> [www.nevub.com || info@nevub.com]
	Copyright (c) 2005 Nevub.  All Rights Reserved.
	
*/

body { font-family:verdana,sans-serif; font-size:small; color:#ddd; background:#003400 url(../images/lo_bg.gif) repeat-x 0 0 fixed; margin:0; }
a { color:#fc0; text-decoration:none; }
a:visited {  }
a:hover { color:#fff; }
hr { color:#333; height:1px; }

h1 { font-size:200%; color:#A6A664; }
h2 { font-size:200%; font-weight:normal; color:#fff; }
h3 { font-size:150%; font-weight:normal; color:#fff; }
h4 { font-size:105%; color:#fff; }

#lo_str { width:750px; background-color:#002B00; margin:0 auto; }
#lo_main { margin:0 10px 10px 10px; position:relative; }

#lo_hdr { width:728px; height:250px; background:url(../images/hdr_bg.jpg) no-repeat 0 0; position:relative; }
#hdr_obj { width:728px; height:250px; }
#logo { display:none; }
#skip { display:none; }
#breadcrumbs { text-indent:-200em; width:450px; height:115px; display:block; position:absolute; top:120px; left:35px; }
.home #breadcrumbs { background:url(../images/hd_home.gif) no-repeat 0 0; }
.about #breadcrumbs { background:url(../images/hd_about.gif) no-repeat 0 0; }
.services #breadcrumbs { background:url(../images/hd_services.gif) no-repeat 0 0; }
.products #breadcrumbs { background:url(../images/hd_products.gif) no-repeat 0 0; }
.testimonials #breadcrumbs { background:url(../images/hd_testimonials.gif) no-repeat 0 0; }
.contact #breadcrumbs { background:url(../images/hd_contact.gif) no-repeat 0 0; }

/* ////////// */

#lo_nav { width:708px; height:36px; border:1px solid #3A4B00; border-width:1px 0; line-height:normal; margin:10px auto; }
#lo_nav #nav { margin:0; padding:0; list-style:none; }
#lo_nav #nav li { display:block; float:left; }
#lo_nav #nav li a { text-decoration:none; margin:5px 2px; padding:5px 7px; display:block; }
#lo_nav #nav li a:hover { color:#fff; background-color:#3A4B00; }
#lo_nav #nav li.on a { font-weight:bold; color:#fff; background-color:#3A4B00; }

#nav_desc { display:none; }

/* ////////// */

#nav_home span { text-align:center; width:370px; height:70px; position:absolute; top:-5px; left:0; cursor:pointer; overflow:visible; }
#nav_home a:hover span { background-color:transparent !important; }
#nav_home.on a span { background-color:transparent !important; }

#nav_about span { text-align:center; width:55px; height:15px; background:url(../images/nav.gif) no-repeat 0 0; position:absolute; top:75px; left:127px; cursor:pointer; }
#nav_about a:hover span { background-position:0 -25px; }
#nav_about.on a span { background-position:0 -25px; }

#nav_services span { text-align:center; width:75px; height:15px; background:url(../images/nav.gif) no-repeat -70px 0; position:absolute; top:75px; left:186px; cursor:pointer; }
#nav_services a:hover span { background-position:-70px -25px; }
#nav_services.on a span { background-position:-70px -25px; }

#nav_products span { text-align:center; width:80px; height:15px; background:url(../images/nav.gif) no-repeat -165px 0; position:absolute; top:75px; left:269px; cursor:pointer; }
#nav_products a:hover span { background-position:-165px -25px; }
#nav_products.on a span { background-position:-165px -25px; }

#nav_testimonials span { text-align:center; width:115px; height:15px; background:url(../images/nav.gif) no-repeat -260px 0; position:absolute; top:75px; left:354px; cursor:pointer; }
#nav_testimonials a:hover span { background-position:-260px -25px; }
#nav_testimonials.on a span { background-position:-260px -25px; }

#nav_contact span { text-align:center; width:75px; height:15px; background:url(../images/nav.gif) no-repeat -390px 0; position:absolute; top:75px; left:474px; cursor:pointer; }
#nav_contact a:hover span { background-position:-390px -25px; }
#nav_contact.on a span { background-position:-390px -25px; }

#nav_blog span { text-align:center; width:55px; height:15px; background:url(../images/nav.gif) no-repeat -486px 0; position:absolute; top:75px; left:559px; cursor:pointer; }
#nav_blog a:hover span, #nav_blog.on a span { background-position:-487px -26px; }
/* ////////// */

#lo_bodyA { width:728px; background-color:#000; margin:0; padding-top:1px; }
#lo_bodyA h1 { font-size:150%; }

#lo_bodyA #lo_story { width:455px; border-right:1px solid #666; margin:40px 0 -40px 15px; padding:1px; float:left; }
head:first-child+body #lo_bodyA #lo_story { margin:40px 0 -40px 35px; }
#lo_bodyA #lo_story p { width:135px; height:180px; margin:0 10px 0 0; padding:0; float:left; }
#lo_bodyA #lo_story p a img { border:1px solid #fc0; }
#lo_bodyA #lo_story p strong { margin:5px 0; display:block; }
#lo_bodyA #lo_story p span { font-size:85%; margin:5px 0; display:block; }

#lo_bodyA #lo_rail { width:180px; margin:40px 15px -40px 0; padding:1px; float:right; }
head:first-child+body #lo_bodyA #lo_rail { margin:40px 15px -40px 0; }
#lo_bodyA #lo_rail p { width:135px; height:180px; margin:0 10px 0 0; padding:0; float:left; }
#lo_bodyA #lo_rail p a img { border:1px solid #fc0; }
#lo_bodyA #lo_rail p strong { margin:5px 0; display:block; }
#lo_bodyA #lo_rail p span { font-size:85%; margin:5px 0; display:block; }

/* ////////// */

#lo_bodyB { width:728px; background-color:#000; margin:0; padding-top:1px; }

#lo_bodyB #lo_story { width:445px; margin:20px 20px 20px 0; padding:1px; float:right; }
head:first-child+body #lo_bodyB #lo_story { margin:20px 40px 20px 0; }

#lo_bodyB #lo_rail { font-size:100%; width:200px; margin:20px 0 0 0; padding:1px; float:left; }
head:first-child+body #lo_bodyB #lo_rail { margin:20px 0 0 0; }
#lo_bodyB #lo_rail h4 { font-size:100%; display:none; }

#lo_bodyB #lo_rail ul { margin:0; padding:0; list-style:none; }
#lo_bodyB #lo_rail li { border-bottom:1px solid #333; margin-bottom:5px; padding:1px 0 5px 30px; }
#lo_bodyB #lo_rail img { border:5px solid #333; margin:0 0 0 15px; }

/* ////////// */

#lo_bodyC { width:728px; background-color:#000; margin:0; padding-top:1px; }

#lo_bodyC #lo_story { width:640px; margin:20px 20px 20px 0; padding:1px; float:right; }
head:first-child+body #lo_bodyC #lo_story { margin:20px 40px 20px 0; }

#lo_bodyC #lo_rail { width:640px; border:1px solid #333; border-width:0 0 1px 0; margin:0 40px; padding:1px; clear:both; }

/* ////////// */

#alsointhis li.on a { font-weight:bold; color:#fff; }

#lo_story li { margin-top:10px; }
#lo_story em, #lo_story cite { font-weight:bold; color:#fff; }
#lo_story cite em { color:#A6A664; }
#lo_bodyB #lo_story strong { color:#fff; }
#lo_story .pimg a { background-color:#fff; border:5px solid #333; margin:0 0 20px 20px; padding:10px; float:right; }
-#lo_story .pimg a:hover { background-color:#fc0; border:5px solid #fff; }
#lo_story .pimg2 { background-color:#fff; }

#lo_xtras { font-size:85%; width:728px; margin:0; background:#000 url(../images/ftr_bg.gif) no-repeat 0 100%; padding-top:1px; clear:both; }
.home #lo_xtras { padding-top:60px; }

#why { margin:80px 20px 0 20px; padding:1px 0 10px 0; display:block; }
#why h4 { text-indent:-200em; width:135px; height:50px; background:url(../images/hd_why.gif) no-repeat 0 0; margin:0; padding:0; }
#why blockquote { color:#ccc; width:465px; background:url(../images/icon_quote_lt.gif) no-repeat 0 0; margin:-60px 0 0 0; padding:0; float:right; }
#why blockquote p { background:url(../images/icon_quote_rt.gif) no-repeat 100% 100%; margin:0 0 0 50px; padding:0 30px 0 0; }
#why blockquote span { color:#eee; margin-top:10px; display:block; }
#why_more a { text-indent:-200em; width:150px; height:24px; background:url(../images/btn_testimonials.gif) no-repeat 0 0; display:block; }
#why_more a:hover { background-position:0 -50px; }

/* ////////// */

#cart { background:#222 url(../images/mcicon.gif) no-repeat 10px 50%; border:1px solid #333; border-width:1px 0; padding:5px 5px 5px 35px; }
-#cart #view { padding-left:35px; }
-#cart #checkout { padding-left:35px; }

.clients { margin:0; padding:0; list-style:none; }
.clients li { margin:5px; padding:5px; }

.mm, .ma { border:1px solid #333; border-width:1px 0; padding:5px; }
.mm a, .ma a { padding-left:35px; }
.mm { background:#222 url(../images/mmicon.gif) no-repeat 10px 50%; }
.ma { background:#222 url(../images/maicon.gif) no-repeat 10px 50%; }

/* ////////// */

#lo_ftr { width:708px; height:60px; margin:10px auto 0 auto; position:relative; }
#lo_ftr #btt { font-size:85%; margin:0; padding:0; position:absolute; top:0; right:0; }
#lo_ftr #contact { text-indent:-200em; position:absolute; top:-41px; right:0; }
#lo_ftr #contact a { text-indent:-200em; width:213px; height:28px; background:url(../images/contact_num.gif) no-repeat 0 0; position:absolute; top:0; right:0; }
#lo_ftr #copyright { font-size:85%; color:#597559; }
#lo_ftr #sitecredit { font-size:75%; color:#597559; clear:both; }

/* ////////// */

.hide { text-indent:-100em; width:1px; height:1px; margin:0; padding:0; display:inline; position:absolute; left:-100em; overflow:hidden; }
.none { display:none; }
.clear { font-size:1px; line-height:1px; clear:both; }

/* to debug, kill the space after this asterix->* /
* { border:1px solid red!important; }
/* */
