@charset "utf-8";
/* CSS Document */

body {
font: .8em verdana, arial, sans-serif;
background: url(images/banner_final.jpg) top no-repeat;
}


body#how_it_works {
font: .8em verdana, arial, sans-serif;
background: url(images/how_it_works_banner.jpg) top no-repeat;
}

* {
margin:0;
padding:0;
}

div#main_wrapper {
/*min-width:760px;*/
max-width:900px;
margin-left:auto;
margin-right:auto;
margin-top:111px;
}


div#header {
width:auto;
height:30px;
padding-bottom:20px;
}

#threecolwrap {
float:left;
width:100%;
margin-top:10px;
}

#twocolwrap {
float:left;
width:100%;
display:inline;
margin-right:-100px;
}

#left {
float:left;
width:100px;
display:inline;
margin-left:100px;
}


#right {
float:left;
width:100px;
margin-left:-70px;

}

#content {
width:100%;
margin-left:100px;
margin-right:-200px;
}




#footer {
width:100%;
clear:both;
float:left;
color:white;
margin-bottom:10px;
margin-top:-10px;
}

#header_inner, #left_inner, #content_inner, #right_inner {
overflow:hidden;
}

#header_inner {
float:left;
padding-bottom:0px;
padding-top:5px;
}

#left_inner {
/*margin:1em 1.2em;*/
/*margin-right:-1em;*/
}

#content_inner {
/*margin:2em 0em 0em 2.5em;*/
margin-left:15px;
margin-top:35px;
margin-right:25px;
margin-bottom:5px;
padding-left:0px;
width:500px;
}


#right_inner{
/*margin:1em 1.2em;*/
}

#footer_inner {
text-align:center;
padding:1em;
font-size:1.6em;
}

#footer_inner a {
text-decoration:none;
color:white;
}


#nav_home_page a span { 
        display: none; 
}

#nav_home_page {
padding:0px 0px 50px 0px;
margin-left:40px;
margin-right:50px;
width:840px;
}

#how_it_works div#header {
width:auto;
height:30px;
margin-top:10px;
padding-bottom:20px;
}


#nav_home_page li{
list-style:none;
float:left;
margin:-5px 0px 5px 0px;
padding:0px 5px 10px 0px;

}

#nav_home_page a.how_it_works{
background:url(images/how_it_works_link.gif) no-repeat;
width: 200px; 
height: 40px; 
display:block;
margin-left:-50px;

}

#nav_home_page a.how_it_works:hover{
background:url(images/how_it_works_active.gif) no-repeat;
}

#nav_home_page a.about_us{
background:url(images/about_us_link.gif) no-repeat;
width: 200px; 
height: 40px; 
display:block;
}

#nav_home_page a.about_us:hover{
background:url(images/about_us_active.gif) no-repeat;
}

#nav_home_page a.buy_just_gifts{
background:url(images/buy_just_gifts_link.gif) no-repeat;
width: 210px; 
height: 40px; 
display:block;
}

#nav_home_page a.buy_just_gifts:hover{
background:url(images/buy_just_gifts_active.gif) no-repeat;

}

#nav_home_page a.order_catalouge{
background:url(images/order_catalouge_link.gif) no-repeat;
width: 210px; 
height: 40px; 
display:block;
}

#nav_home_page a.order_catalouge:hover{
background:url(images/order_catalouge_active.gif) no-repeat;
}


#nav * {
/*margin-top:-5px;;
padding-bottom:18px;*/

}

#nav {
clear:both;
}

#nav ul {
float:left;
/*margin-left:73px;
margin-right:64px;;
margin-top:10px;
margin-bottom:-5px; */

}

#nav li {
list-style-type:none;
float:left;
background-color:white;


}

#nav li:first-child {
border-left:none;
}

#nav a{
padding:.8em 0;
}

#nav a span { 
        display: none; 
}

#nav a.just_animals {
background:url(images/animals.jpg) no-repeat;
width: 100px; 
height: 86px; 
display:block;

}

a.just_animals span { 
        display: none; 
}

#nav a.just_animals:hover{
background:url(images/animals_text.jpg) no-repeat;
}


#nav a.just_agriculture {
background:url(images/agriculture.jpg) no-repeat;
width: 100px; 
height: 86px; 
display:block;

}

#nav a.just_agriculture:hover {
background:url(images/agriculture_text.jpg) no-repeat;
}


a.just_agriculture span { 
        display: none; 
		
}

#nav a.just_earth {
background:url(images/earth.jpg) no-repeat;
width: 100px; 
height: 86px; 
display:block;


}

#nav a.just_earth:hover {
background:url(images/earth_text.jpg) no-repeat;
}


a.just_earth span { 
        display: none; 
}

#nav a.just_cards {
background:url(images/cards.jpg) no-repeat;
width: 100px; 
height: 86px; 
display:block;


}

#nav a.just_cards:hover {
background:url(images/just_cards_text.jpg) no-repeat;
}


a.just_cards span { 
        display: none; 
}

#nav a.just_healthcare {
background:url(images/healthcare.jpg) no-repeat;
width: 100px; 
height: 86px; 
display:block;

}

#nav a.just_healthcare:hover {
background:url(images/healthcare_text.jpg) no-repeat;
}


a.just_healthcare span { 
        display: none; 
}


#nav a.just_water {
background:url(images/water.jpg) no-repeat;
width: 100px; 
height: 86px; 
display:block;

}

#nav a.just_water:hover {
background:url(images/cleanwater_text.jpg) no-repeat;
}


a.just_water span { 
        display: none; 
}

#nav a.just_children {
background:url(images/children.jpg) no-repeat;
width: 100px; 
height: 86px; 
display:block;

}

#nav a.just_children:hover {
background:url(images/children_text.jpg) no-repeat;
}


a.just_children span { 
        display: none; 
}

#nav a.just_women {
background:url(images/women.jpg) no-repeat;
width: 100px; 
height: 86px; 
display:block;

}

#nav a.just_women:hover {
background:url(images/women_text.jpg) no-repeat;
}


a.just_women span { 
        display: none; 
}

#nav a.just_life {
background:url(images/just_life_logo.jpg) no-repeat;
width: 100px; 
height: 86px; 
display:block;

}

#nav a.just_life:hover {
background:url(images/just_life_text.jpg) no-repeat;
}


a.just_women span { 
        display: none; 
}

div#flash_file {
width:500px;
display:block;
margin-left:0px;
margin-right:0px
}

div#how_it_works_steps {
width:500px;
display:block;
margin-left:0px;
margin-right:0px
}

#breadCrumbNavigation {float: left; margin-top: 1.5em; width:100%;}
#breadCrumbNavigation li {float: left; list-style:none }
#breadCrumbNavigation a {text-decoration:none; color:red;}
#breadCrumbNavigation .selected {font-weight: bold;}
#breadCrumbNavigation .selected a {color: black;}
#breadCrumbNavigation .selected a:hover {color: #000;}

#about_us {
margin:0px;
padding:0px;
}
