/*
	
	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:#333; background:#fff url(../images/lo_bg.gif) repeat-x 0 0 fixed; margin:0; }
a { color:#5C762F; text-decoration:none; }
a:visited {  }
a:hover { color:#000; }
hr { color:#E6E1BA; height:1px; }

h1 { font-size:200%; color:#000; }
h2 { font-size:200%; font-weight:normal; color:#666; }
h3 { font-size:150%; font-weight:normal; color:#666; }
h4 { font-size:105%; color:#000; }

td { vertical-align:top; }
img { vertical-align:middle; }

.fInp { font-family:verdana,sans-serif; font-size:100%; border-width:1px; padding-left:4px; }
.fBtn {  }

#lo_str { width:750px; background:#fff; margin:0 auto; }
-head:first-child+body #lo_str { background:transparent url(../images/lo_bg.png) repeat-y 0 0; }
#lo_main { margin:0 10px 10px 10px; padding-top:1px; position:relative; }

#logo { text-indent:-200em; width:728px; height:115px; margin:0; padding:1px 0 0 0; }
#skip { display:none; }

#lo_hdr { width:728px; height:178px; background:url(../images/nav_sub_bg.jpg) no-repeat 0 75px; padding:1px 0 0 0; position:relative; }
.how #lo_hdr { background:url(../images/nav_sub_bg2.jpg) no-repeat 0 75px; }
#breadcrumbs { display:none; }

.home #lo_hdr { height:313px; }
.home #breadcrumbs { text-indent:-200em; width:728px; height:250px; background:url(../images/hdr_bg.jpg) no-repeat 0 0; margin:-52px 0 -52px 0; padding:1px 0 0 0; display:block; }

/* ////////// */

#subnav { margin:0; padding:0; list-style:none; position:absolute; top:80px; left:20px; }
#subnav li { display:block; float:left; }
#subnav li a { font-weight:bold; text-decoration:none; margin:5px 2px; padding:5px 10px 5px 10px; display:block; }
#subnav li a:hover { color:#333; }
#subnav li.on a { font-weight:bold; color:#000; /*background-color:#E6E1BA;*/ }

/* ////////// */

#sn_locomotion a { width:85px; height:80px; }
#sn_observation a { width:89px; height:80px; }
#sn_motivation a { width:77px; height:80px; }
#sn_inclusion a { width:66px; height:80px; }

/* ////////// */

#lo_nav { width:728px; height:36px; border:1px solid #E6E1BA; 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 10px; display:block; }
#lo_nav #nav li a:hover { color:#333; background-color:#E6E1BA; }
#lo_nav #nav li.on a { font-weight:bold; color:#000; background-color:#E6E1BA; }

#nav_desc { text-indent:-200em; width:196px; height:18px; background:url(../images/nav_xtras.gif) no-repeat -134px -50px; margin:0; padding:0; position:absolute; top:15px; left:534px; }

/* ////////// */

#nav_home span { text-align:center; width:212px; height:60px; background:url(../images/logo_1.gif) no-repeat 0 0; position:absolute; top:5px; left:-10px; cursor:pointer; overflow:visible; }
#nav_home a:hover span { background-color:transparent !important; }
#nav_home.on a span { background-color:transparent !important; }

#nav_how span { text-align:center; width:151px; height:25px; background:url(../images/nav.gif) no-repeat 0 0; position:absolute; top:51px; left:217px; cursor:pointer; }
#nav_how a:hover span { background-position:0 -35px; }
#nav_how.on a span { background-position:0 -70px; }
#nav_how.on a:hover span { background-position:0 -70px; }

#nav_products span { text-align:center; width:220px; height:25px; background:url(../images/nav.gif) no-repeat -157px 0; position:absolute; top:51px; left:374px; cursor:pointer; }
#nav_products a:hover span { background-position:-157px -35px; }
#nav_products.on a span { background-position:-157px -70px; }
#nav_products.on a:hover span { background-position:-157px -70px; }

#nav_community span { text-align:center; width:128px; height:25px; background:url(../images/nav.gif) no-repeat -383px 0; position:absolute; top:51px; left:600px; cursor:pointer; }
#nav_community a:hover span { background-position:-383px -35px; }
#nav_community.on a span { background-position:-383px -70px; }
#nav_community.on a:hover span { background-position:-383px -70px; }

#nav_about span { text-align:center; width:68px; height:18px; background:url(../images/nav_xtras.gif) no-repeat -130px 0; position:absolute; top:15px; left:530px; cursor:pointer; }
#nav_about a:hover span { background-position:-130px -25px; }
#nav_about.on a span { background-position:-130px -25px; }

#nav_contact span { text-align:center; width:80px; height:18px; background:url(../images/nav_xtras.gif) no-repeat -205px 0; position:absolute; top:15px; left:605px; cursor:pointer; }
#nav_contact a:hover span { background-position:-205px -25px; }
#nav_contact.on a span { background-position:-205px -25px; }

#nav_help span { text-align:center; width:35px; height:18px; background:url(../images/nav_xtras.gif) no-repeat -295px 0; position:absolute; top:15px; left:695px; cursor:pointer; }
#nav_help a:hover span { background-position:-295px -25px; }
#nav_help.on a span { background-position:-295px -25px; }

/* ////////// */

#lo_nav #nav_xtras { text-indent:-200em; width:100px; height:18px; background:url(../images/nav_xtras.gif) no-repeat 0 -50px; margin:0; padding:0; list-style:none; position:absolute; top:15px; left:215px; }
#lo_nav #nav_xtras li { margin:0; padding:0; }
#lo_nav #nav_xtras li a { text-decoration:none; }

/* ////////// */

#nav_signin span { text-align:center; width:50px; height:18px; background:url(../images/nav_xtras.gif) no-repeat 0 0; position:absolute; top:0; left:0; cursor:pointer; }
#nav_signin a:hover span { background-position:0 -25px; }
#nav_signin.on a span { background-position:0 -25px; }

#nav_register span { text-align:center; width:60px; height:18px; background:url(../images/nav_xtras.gif) no-repeat -60px 0; position:absolute; top:0; left:60px; cursor:pointer; }
#nav_register a:hover span { background-position:-60px -25px; }
#nav_register.on a span { background-position:-60px -25px; }

/* ////////// */

#lo_bodyA { color:#ccc; width:728px; margin:0 0 -15px 0; padding-top:1px; position:relative; top:-15px; }
head:first-child+body #lo_bodyA {  }
#lo_bodyA h1 { font-size:150%; color:#fff; text-indent:-200em; height:30px; margin:0; padding:0; position:relative; top:-30px; left:-20px; }
#lo_bodyA a { color:#FAED9E; }
#lo_bodyA a:hover { color:#fff; }

#lo_bodyA #lo_story { width:470px; height:300px; background-color:#4A6022; border-right:1px solid #666; margin:30px 0 0 0; padding:1px 0 0 20px; float:left; }
#lo_bodyA #lo_story h1 { width:305px; height:35px; background:#4A6022 url(../images/hd_productsandservices.gif) no-repeat 15px 10px; }
#lo_bodyA #lo_story p { width:140px; height:180px; margin:-10px 10px 0 0; padding:0 0 20px 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:205px; height:300px; background-color:#5C762F; margin:30px 0 0 0; padding:1px 0 0 20px; float:right; }
#lo_bodyA #lo_rail h1 { width:155px; height:35px; background:#5C762F url(../images/hd_jmperry.gif) no-repeat 15px 10px; }
#lo_bodyA #lo_rail p { width:175px; height:180px; margin:-10px 10px 0 0; padding:0 0 20px 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:#fff; margin:0; padding-top:1px; }

#lo_bodyB #lo_story { width:640px; 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 { width:640px; border:1px solid #333; border-width:0 0 1px 0; margin:0 40px; padding:1px; clear:both; }

/* ////////// */

#lo_bodyC { color:#F7F5E2; width:728px; background-color:#4A6022; margin:10px 0; padding:1px 0 0 0; }

#lo_bodyC #lo_story { color:#333; width:538px; background-color:#F7F5E2; margin:10px 5px 10px 0; padding:0; float:right; }
head:first-child+body #lo_bodyC #lo_story { margin:10px 10px 10px 0; }

#lo_bodyC #lo_rail { font-size:100%; width:170px; margin:20px 0 10px 5px; padding:1px 0 0 0; float:right; }
head:first-child+body #lo_bodyC #lo_rail { margin:10px 0 10px 10px; }

#lo_bodyC #lo_rail h4 { font-size:100%; display:none; }
#lo_bodyC #lo_rail ul { width:170px; margin:40px 0 0 0; padding:0; list-style:none; }
#lo_bodyC #lo_rail li { width:170px; margin:0; padding:0; }
#lo_bodyC #lo_rail li a { font-weight:bold; color:#fff; width:160px; border-bottom:1px solid #40471D; margin:0; padding:5px 0 5px 10px; display:block; }
#lo_bodyC #lo_rail li a:hover { color:#000; background-color:#fff; }
#lo_bodyC #lo_rail li.on a { background:url(../images/arrow_lt.gif) no-repeat 100% 50%; }
#lo_bodyC #lo_rail li.on a:hover { color:#fff; background-color:transparent; }
#lo_bodyC #lo_rail img { border:5px solid #333; margin:0 0 0 10px; float:left; }

/* ////////// */

#comm_content { padding:0 20px; min-height:300px; }
#comm_welcome p { margin:10px; }

/* ////////// */

#lo_xtras { font-size:85%; width:728px; margin:0 0 0 0; padding-top:1px; clear:both; }

#why { background:#E0D698 url(../images/stories_bg.gif) no-repeat 0 0; margin:0; padding:10px 20px; display:block; }
#why h4 { text-indent:-200em; width:135px; height:50px; background:url(../images/hd_stories.gif) no-repeat 0 0; margin:0; padding:0; }
#why blockquote { color:#333; width:465px; background:url(../images/icon_quote_lt.gif) no-repeat 0 0; margin:-50px 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 p img { border:1px solid #B29B79; margin:0 10px 0 5px; float:right; }
#why blockquote span { color:#000; margin-top:10px; display:block; }
#why_more { margin:10px 0; padding:0; }
#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; }

/* ////////// */

#signin { display:none; }
.home #signin, .landing #signin { font-size:90%; display:block; position:absolute; top:85px; left:330px; }
#signin h4 { margin-right:10px; display:inline; }
#signin #signin_go { text-decoration:none; margin:0 20px; position:relative; }
#signin #signin_go span { text-indent:-200em; width:56px; height:24px; background:url(../images/btn_go.gif) no-repeat 0 0; position:absolute; top:0; left:0; cursor:pointer; }
head:first-child+body #signin #signin_go span { top:-15px; left:-10px; }
#signin #signin_go:hover span { background-position:0 -50px; }

/* ////////// */

#lo_ftr { width:728px; height:20px; margin:10px auto 20px auto; position:relative; }
#lo_ftr #btt { font-size:85%; margin:0; padding:0; position:absolute; top:0; right:0; }
#lo_ftr #copyright { font-size:85%; color:#999; }

/* ////////// */

#lo_story em, #lo_story cite { font-weight:bold; color:#000; }

.gimg { margin:0 0 20px 20px; float:right; }
.pimg a { margin:0 0 40px 20px; padding:0; float:right; }
.pimg2 { background-color:#fff;}
.mimg { width:170px; margin:0 0 20px 20px; float:right; }
.mimg img { border:5px solid #ccc; }

#cart { background:#eee url(../images/mcicon.gif) no-repeat 10px 50%; border:1px solid #ccc; border-width:1px 0; padding:5px 5px 5px 35px; }

.mm, .ma { border:1px solid #ccc; border-width:1px 0; padding:5px; }
.mm a, .ma a { padding-left:35px; }
.mm { background:#eee url(../images/mmicon.gif) no-repeat 10px 50%; }
.ma { background:#eee url(../images/maicon.gif) no-repeat 10px 50%; }

.groups_tbl th { text-align:left; color:#fff; background-color:#5C762F; }
.groups_tbl tr.hd td { font-weight:bold; background-color:#E6E1BA !important; border-bottom:1px solid #ccc; }
.groups_tbl td { background-color:#fff; border-bottom:1px solid #ccc; }

.big { font-size:16px; font-weight:bold; }

/* ////////// */

.rb11 { background:url(../images/rb11.gif) no-repeat top left; }
.rb12 { background:url(../images/rb12.gif) no-repeat top right; }
.rb21 { background:url(../images/rb21.gif) no-repeat bottom left; }
.rb22 { background:url(../images/rb22.gif) no-repeat bottom right; }
.rb11, .rb12, .rb21, .rb22 { font-size:1px; width:100%; height:20px; }

.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; }
.div_clear { font-size:1px; line-height:1px; clear:both; }

/* to debug, kill the space after this asterix->* /
* { border:1px solid red!important; }
/* */