/*************************************************************
 * author: Frontenders.com
 * contact: support at frontenders dot com
 * description: css for screen media
 *************************************************************/
 
/* reset
 * based on Eric Meyer's reset.css
 * http://meyerweb.com/
 *************************************************************/
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* /reset
 *****************************************************/

/* global elements
 *****************************************************/
html { height: 100%; }
body {
    background: #d4b966 url( ../images/bg_body.png );
    color: #000;
    font: 62.5%/1 Tahoma, Arial, sans-serif;
    height: 100%;
}
a { text-decoration: none; }
a:hover {  }

/* /global elements
 *****************************************************/

/* common elements
 *****************************************************/
.cols, form .item, form .button { overflow: hidden; }
.col { float: left; }
.l { float: left; }
.r { float: right; }
.print { display: none; }
.ir {
    display: block;
    overflow: hidden;
    position: relative;
}
.ir span {
	cursor: pointer;
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	background-image: url(images/bg_partner.jpg);
}
/* /common elements
 *****************************************************/

/* base layout
 *****************************************************/
#bg {
    background: transparent url( ../images/bg_bg.png ) repeat-y 50% 0;
}
#container {
    background: #9d7a3f url( ../images/bg_container.png ) repeat-x 0 100%;
    margin: 0 auto;
    padding: 0 0 60px;
    width: 980px;
}
#wrap {
    background: #fff6dd url( ../images/bg_wrap.png ) repeat-x 0 100%;
    padding: 0 10px;
}
#branding {
    height: 107px;
    padding: 14px 0 0;
}
#content {
    background: transparent url( ../images/bg_content.png ) no-repeat 0 100%;
    float: left;
    width: 100%;
}
#home #content { background: none; }
#primary {
    color: #4d2b1d;
    float: right;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 20px 40px;
    width: 605px;
}
#home #primary {
    float: left;
    padding: 0;
    width: 670px;
}
#secondary {
    background: #e8ca70;
    float: left;
    width: 275px;
}
#home #secondary {
    float: right;
    width: 289px;
}
#footer {
    clear: left;
    color: #836a50;
    font: 1.1em/1 Tahoma, Arial, sans-serif;
    overflow: hidden;
    padding: 10px 0 9px;
    text-transform: uppercase;
}
/* /base layout
 *****************************************************/

/* branding elements
 *****************************************************/
#siteName {
    float: left;
    height: 105px;
    width: 296px;
}
#siteName a {
    background: transparent url( ../images/sprite_main.png ) no-repeat 0 0;
    height: 105px;
    text-indent: -1000em;
}

#branding p {
    background: transparent url( ../images/sprite_main.png ) no-repeat -296px 0;
    float: left;
    height: 37px;
    margin: 48px 0 0 50px;
    text-indent: -1000em;
    width: 437px;
}
#ptitle {
	background: transparent url( ../images/sprite_main.png ) no-repeat 150px -400px;
	float: right;
	
	font-size: 20 em;
    color: #381d12;
	font-weight: bold;
	margin: 0 0 0;
    padding: 11px 15px 12px 30px;
    text-transform: uppercase;
	}
	
#Shop {
    background: #3a5e0f url( ../images/sprite_main.png ) no-repeat -589px -45px;;
    border: 1px solid #FEF9C2;
    color: #fff;
    float: right;
    font-size: 1.3em;
    margin:  0px 0px 0;
    padding: 11px 15px 12px 30px;
    text-transform: uppercase;
	}	 
#Newsletter {
     background: #3a5e0f url( ../images/sprite_main.png ) no-repeat -589px -45px;;
    border: 1px solid #FEF9C2;
    color: #fff;
    float: right;
    font-size: 1.3em;
    margin:  0px 0px 0;
    padding: 11px 15px 12px 30px;
    text-transform: uppercase;
	}
#Blog {
 background: #3a5e0f url( ../images/sprite_main.png ) no-repeat -589px -45px;;
    border: 0px solid #6c4c37;
    color: #fff;
    float: right;
    font-size: 1.3em;
    margin:  0px 0px 0;
    padding: 11px 15px 12px 30px;
    text-transform: uppercase;
	}
#signIn {
    background: #3a5e0f url( ../images/sprite_main.png ) no-repeat -569px -45px;;
    border: 1px solid #6c4c37;
    color: #fff;
    float: right;
    font-size: 1.3em;
    margin: 59px 0 0;
    padding: 11px 15px 12px 30px;
    text-transform: uppercase;
}
/* /branding elements
 *****************************************************/

/* nav elements
 *****************************************************/
#mainMenu {
    font: 1.3em/1 Tahoma, Arial, sans-serif;
    float: left;
    margin: 0 0 1px;
    position: relative;
    z-index: 10;
}
#mainMenu li {
    float: left;
    margin: 0 0 0 1px;
    position: relative;
}
#mainMenu li li{
    clear: left;
    float: left;
    position: static;
}
#mainMenu li.first { margin: 0; }
#mainMenu a {
    background: #3d1f12 url( ../images/sprite_main.png ) no-repeat -299px -45px;
    border: 1px solid #8c7059;
    color: #fff;
    float: left;
    padding: 11px 0 12px;
    text-align: center;
    text-transform: uppercase;
    width: 134px;
}
#mainMenu li.first a { width: 136px; }
#mainMenu a:hover, #mainMenu li:hover a, #mainMenu li.hover a {
    background: #375c0e url( ../images/sprite_main.png ) no-repeat -590px -45px;
    border-color: #4f2c1e;
}
#mainMenu li.active a {
    background: #623f2a url( ../images/sprite_main.png ) no-repeat -847px -45px;
    border-color: #3d1f12;
}
#mainMenu ul {
    display: none;
    left: -1px;
    top: 38px;
    position: absolute;
    z-index: 100;
}
#mainMenu li:hover ul, #mainMenu li.hover ul { display: block; }
#mainMenu li li a, #mainMenu li:hover li a, #mainMenu li.hover li a {
    background: #7e6245;
    border-color: #7e6245;
}
#mainMenu li li a:hover {
    background: #937b5b;
    border-color: #937b5b;
}
#subMenu { overflow: hidden; }
#subMenu li {
    float: left;
    margin: 0 0 1px;
}
#subMenu a {
    background: #c8a95f url( ../images/sprite_main.png ) no-repeat -1834px 0;
    color: #674533;
    float: left;
    font-size: 1.3em;
    padding: 11px 0 12px 35px;
    text-transform: uppercase;
    width: 240px;
}
#subMenu a:hover, #subMenu li.active a {
    background: #e1cd9b url( ../images/sprite_main.png ) no-repeat -1834px 100%;
}



#subMenu2 { overflow: hidden; }
#subMenu2 li {
    float: left;
    margin: 0 0 2px;
}
#subMenu2 a {
	background: #c8a95f url( ../images/sprite_main.png ) no-repeat -1834px 0;
	color: #3d6411;
	font-weight: 500;
	float: left;
	font-size: 1.3em;
	padding: 11px 0 12px 35px;
	text-transform: capitalize;
	width: 240px;
	font-variant: normal;
}
#subMenu2 a:hover, #subMenu2 li.active a {
    background: #e1cd9b url( ../images/sprite_main.png ) no-repeat -1134px 100%;
}





#face {
    float: left;
    margin: 1px 0 0;
    width: 100%;
}
#face li {
    float: left;
    height: 187px;
    margin: 0 0 0 1px;
    width: 239px;
}
#face #first { margin: 0; }
#face #community { width: 240px; }
#face li a {
    background: #bd9b41;
    color: #3d3131;
    display: block;
    font-size: 1.6em;
    height: 109px;
    padding: 78px 0 0 90px;
    text-transform: uppercase;
}
#face li a span {
    background: transparent url( ../images/bg_face.jpg ) no-repeat 0 0;
    width: 239px;
}
#face #community span { width: 240px; }
#face #accelerated a span { background-position: -240px 0; }
#face #community a span { background-position: -480px 0; }
#face #empowerment a span { background-position: -721px 0; }

#face li a:hover span { background: transparent url( ../images/bg_face.jpg ) no-repeat 0 -187px; }
#face #accelerated a:hover span { background-position: -240px -187px; }
#face #community a:hover span { background-position: -480px -187px; }
#face #empowerment a:hover span { background-position: -721px -187px; }
/* /nav elements
 *****************************************************/

/* content elements
 *****************************************************/
#content h1 {
    background: #937737;
    border-bottom: 1px solid #f9ebc0;
    color: #fff;
    font-size: 2.2em;
    font-weight: normal;
    height: 82px;
    line-height: 82px;
    padding: 0 0 0 33px;
    text-transform: uppercase;
}
#content h1 span { width: 960px; z-index: 1; }
#hAboutUs span {
	background-image: url(../images/bg_foh.jpg);
}
#hOurWork span {
	background-image: url(../images/bg_work.jpg);
}
#hPartnerships span {
	background-image: url(../images/bg_partner.jpg);
}
#hGetInvolved span {
	background-image: url(../images/bg_involve.jpg);
}
#hGive span {
	background-image: url(../images/bg_give.jpg);
}
#hNews span {
	background-image: url(../images/bg_news.jpg);
}
#hContact span {
	background-image: url(../images/bg_contact.jpg);
}

#primary h2 {
color: #3D6411;
	font-size: 1.334em;
	line-height: 1.500em;
	margin: 0.5em 0;
	font-stretch:extra-expanded;
	border-bottom:#663300
}
#primary h4 {
	color: #3D6411;
	font-size: 1.334em;
	line-height: 1.500em;
	margin: 0.5em 0;
	font-stretch:extra-expanded;
	border-bottom:#663300
}
#primary h3 {
	color: #603D27;
	font-size: 1.200em;
	line-height: 1.500em;
	margin: 1em 0;
	
}
#primary p { margin: 2em 2em; }
#primary ul {
    margin: 1em 0 1em 2em;
    list-style: disc;
    padding: 0 0 0 15px;
}
#primary a {
    color: #4d2b1d;
    text-decoration: underline;
}
#primary a:hover {
    color: #426b15;
    text-decoration: none;
}
#getInvolved {
	margin: 1px 0 0;
	height: 178px;
	position: relative;
	left: 716px;

}
#getInvolved span {
    background: EAD391;
    z-index: 100;
}
#getInvolved p {
    background: #ead391;
    bottom: 0;
    height: 57px;
    position: absolute;
    width: 100%;
}
#getInvolved strong { color: #fff; }
/* /content elements
 *****************************************************/

/* footer elements
 *****************************************************/
#footer h6 {
    float: left;
    font-weight: normal;
}
#footer ul {
    float: right;
    padding: 0 0 2px;
}
#footer li {
    display: inline;
    padding: 0 0 2px;
}
#footer a {
    border-left: 1px solid #90a03f;
    color: #5b3b2e;
    padding: 0 3px 2px 6px;
}
#footer a:hover { color: #426b15; }

#footer li.first a { border: none; }
/* /footer elements
 *****************************************************/