/*
#ffb000-orange
#7c7c7c-grey
#3b54a5-blue
background: url(../images/fwh_hp_nav_text.png) no-repeat top left;
*/

*{border:0px solid red;
font-family: Arial, Helvetica, "san-serif";
font-size: 10px;
}

html{
}

body{
/*
background-color: black;
*/
background: url('../images/DSC01323-Future-Pendant-res.jpg');
}


/*###############################################*/
/*#########   OUTER BOX HOLDER AREA    ##########*/
/*###############################################*/
/*div.outerbox{border:1px solid #999;
width:974px;
height:800px;
margin-left:auto;
margin-right:auto;
background: url('../images/fwh_hp_bck.jpg') no-repeat -568px -568px;
}
*/
div.outerbox{border:1px solid #999;
width:900px;
height:700px;
margin-left:auto;
margin-right:auto;
/* background: url('../images/fwh_hp_bck_v03.jpg') no-repeat -568px -568px; */
background-color: #F2F2F2;
}
div.outerbox .top{border:0px solid red;
width:974px;
height:74px;
margin-left:auto;
margin-right:auto;
}
div.outerbox .toplogo{border:0px solid red;
position:relative;
float:left;
margin:0;
width:365px;
height:74px;
background: url('../images/fwh_hp_logo.png') no-repeat top left;
}


/*#########################################*/
/*#########   NAVIGATION AREA    ##########*/
/*#########################################*/
div.outerbox .topnav{border:0px solid red;
position:relative;
float:left;
width:600px;
height:74px;
background: url(../images/fwh_logo_text.png) no-repeat 50px center;
}
div.outerbox .topnav ul{border:0px solid red;
list-style:none;
margin:47px;
padding:0;
}
div.outerbox .topnav li{border:0px solid red;
position:relative;
float:left;
margin:0;
padding:0;
width:auto;
height:20px;
overflow:hidden;
}
div.outerbox .topnav li p{border:0px solid red;
position:relative;
float:left;
margin:0 14px 0 14px;
padding:0;
width:auto;
height:20px;
text-align: center;
overflow:hidden;
}
div.outerbox .topnav li a:link,
div.outerbox .topnav li a:visited{
text-decoration: none;
color:#7c7c7c;
}
div.outerbox .topnav li a:hover{border-top:3px solid #3b54a5;
color: red;
text-decoration: underline;
}

div.outerbox .topnav li#navhome a:link,
div.outerbox .topnav li#navhome a:visited{
background-position-x: 14px;
background-position-y: 0px;
}
div.outerbox .topnav li#navhome a:hover{
background-position-x: 14px;
background-position-y: -22px;
}
div.outerbox .topnav li#navcauses{
background-position-x: -60px;
background-position-y: 0px;
}
div.outerbox .topnav li#navresources{
background-position-x: -140px;
background-position-y: 0px;
}
div.outerbox .topnav li#navdonate{
background-position-x: -222px;
background-position-y: 0px;
}
div.outerbox .topnav li#navnews{
background-position-x: -286px;
background-position-y: 0px;
}
div.outerbox .topnav li#navboard{
background-position-x: -350px;
background-position-y: 0px;
}
div.outerbox .topnav li#navcontact{
background-position-x: -420px;
background-position-y: 0px;
}


/*######################################*/
/*#########   PROJETS AREA    ##########*/
/*######################################*/
div.outerbox .projects{border:0px solid red;
width:974px;
height:302px;
margin:0;
padding:0;
overflow:hidden;
}


div.outerbox .projects .pixhome{border:0px solid red;
position: relative;
float: left;
width:651px;
height:302px;
margin:0 0 0 12px;;
padding:0;
overflow:hidden;
background:url(../images/fwh_hp_mainpic.png) no-repeat top left;
}
div.outerbox .projects .pixdonate{border:0px solid red;
position: relative;
float: left;
width:870px;
height:302px;
margin:0 0 0 12px;;
padding:0;
overflow:hidden;
background:url(../images/fwh_donate_mainpic_02.jpg) no-repeat -40px top;
}
div.outerbox .projects .pixtshepang{border:0px solid red;
position: relative;
float: left;
width:870px;
height:302px;
margin:0 0 0 12px;;
padding:0;
overflow:hidden;
background:url(../images/fwh_donate_tshepang.jpg) no-repeat -40px top;
}
div.outerbox .projects .pixtoh{border:0px solid red;
position: relative;
float: left;
width:870px;
height:302px;
margin:0 0 0 12px;;
padding:0;
overflow:hidden;
background:url(../images/fwh_toh_mainpic.jpg) no-repeat -40px top;
}
div.outerbox .projects .pixflashcards{border:0px solid red;
position: relative;
float: left;
width:870px;
height:302px;
margin:0 0 0 12px;;
padding:0;
overflow:hidden;
background:url(../images/fwh_flashcards_mainpic.jpg) no-repeat -40px top;
}
div.outerbox .projects .pixcontact{border:0px solid red;
position: relative;
float: left;
width:870px;
height:302px;
margin:0 0 0 12px;;
padding:0;
overflow:hidden;
background:url(../images/fwh_contact_mainpic.jpg) no-repeat -40px top;
}
div.outerbox .projects .pixnotthelife{border:0px solid red;
position: relative;
float: left;
width:870px;
height:302px;
margin:0 0 0 12px;;
padding:0;
overflow:hidden;
background:url(../images/fwh_notthelife_mainpic.jpg) no-repeat -40px top;
}


div.outerbox .projects .projnav{border:0px solid red;
position: relative;
float: left;
width:222px;
height:302px;
margin:0;
padding:0;
overflow:hidden;
}
div.outerbox .projects .projnav ul{border:0px solid red;
list-style-type: none;
margin:0;
padding:0;
}
div.outerbox .projects .projnav ul li{border-bottom:2px solid #99ccff;
width:222px;
height:50px;
background:url(../images/fwh_hp_proj_bck.png) no-repeat top left;
}
div.outerbox .projects .projnav ul li p{border:0px solid red;
list-style-type: none;
margin:0;
padding:10px;
font-size: 14px;
}


div.outerbox .projects .projnav ul li a:link,
div.outerbox .projects .projnav ul li a:visited{
text-decoration: none;
color: #ffb000;
}
div.outerbox .projects .projnav ul li a:hover{
text-decoration: none;
color: #ccffff;
}


/*######################################*/
/*#########   CONTENT AREA    ##########*/
/*######################################*/
div.outerbox .content{border:0px solid red;
width:974px;
height:305px;
margin:0;
padding:0;
overflow: hidden;
}
div.outerbox .content .action{border:0px solid red;
position:relative;
float:left;
width:173px;
height:229px;
margin:20px 0 0 12px;
padding:0;
overflow: hidden;
background:url(../images/fwh_hp_action_bck.png) no-repeat top left;
}
div.outerbox .content .action ul{border:0px solid red;
list-style-type: none;
margin:18px 0 0 10px;
padding:0;
width:149px;
}
div.outerbox .content .action ul li{border:0px solid red;
height:29px;
background: url(../images/fwh_hp_action_bullets.png) no-repeat left 3px;
}
div.outerbox .content .action ul li p{border:0px solid red;
margin:0px 0 0 19px;
padding:0;
font-size:16px;
}
div.outerbox .content .action a:link,
div.outerbox .content .action a:visited{border:0px solid red;
text-decoration: none;
color:#3b54a5;
}
div.outerbox .content .action a:hover{border:0px solid red;
text-decoration: underline;
color:red;
}




div.outerbox .content .buynow{border:0px solid red;
padding:0;
margin:40px 0 0 650px;
width:170px;
}


div.outerbox .content .buynow h2{border:0px solid red;
color: #333;
font-size: 15px;
}

div.outerbox .content .buynow h2 a{border:0px solid red;
color: #333;
font-size: 15px;
}


div.outerbox .content .action p.actionnow{border:1px solid red;
margin:20px;
padding:5px;
width:105px;
height:15px;
font-size: 13px;
color:white;
background-color:red;
cursor: pointer;
}



div.outerbox .content .action div.actionaddress{border:0px solid red;
position:relative;
float:left;
width:143px;
height:69px;
margin:10px 0 0 12px;
padding:0;
overflow: hidden;
}
div.outerbox .content .action div.actionaddress p{border:0px solid red;
margin:0;
padding:0;
color:grey;
font-size: 10px;
line-height: 14px;
}








div.outerbox .content .contact a:link{border:0px solid red;
color:blue;
text-decoration: underline;
}
div.outerbox .content .actiontext{border:0px solid red;
position:relative;
float:left;
margin:20px 0 0 12px;
padding:0;
width:383px;
height:329px;
color:#7c7c7c;
}
div.outerbox .content .actiontext h2{border:0px solid red;
margin:10px 0 0 10px;
padding:0;
font-size:14px;
}
div.outerbox .content .actiontext p{border:0px solid red;
margin:10px 0 0 10px;
padding:0;
font-size: 14px;
}
div.outerbox .content .actiontext strong{border:0px solid red;
font-size: 12px;
font-style: oblique;
}
div.outerbox .content div.actiontext ul{border:0px solid red;
list-style-type: square;
margin:10px 0 0 30px;
padding:0;
}
div.outerbox .content .actiontext ul li{border:0px solid red;
margin:0;
padding:0;
font-size: 12px;
line-height: 15px;
}


















/*#####################################*/
/*#########   FOOTER AREA    ##########*/
/*#####################################*/
div.outerbox .footer{border:0px solid #dedede;
width:974px;
height:54px;
margin:0 0 0 0;
}
div.outerbox .footer p{border:0px solid red;
display:inline;
margin:6px 0 0 20px;
font-size: 10px;
color:grey;
}