html, 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, 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;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #424242;
    background: url(../images/bg_body.jpg) 0 0 repeat-x;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus
{
    outline: 0;
}

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

/*@font-face
{
    font-family: 'Swis721LtBTLight';
    src: url('swz721l-webfont.eot');
    src: url('swz721l-webfont.eot?#iefix') format('embedded-opentype'), url('swz721l-webfont.woff') format('woff'), url('swz721l-webfont.ttf') format('truetype'), url('swz721l-webfont.svg#Swis721LtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

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

.clr
{
    clear: both;
}

a
{
    color: #090;
    text-decoration: none;
}

a:hover
{
    color: #090;
    text-decoration: underline;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

h1
{
    /*background:url(../images/bg_heading.png) 0 0 no-repeat; 	height:56px; 	position:relative; 	z-index:6; 	left:-36px;*/
    font: normal 25px/40px 'Arial';
    color: #333333;
    padding: 0 0 0 0px;
    clear: both; /*margin:10px 0 0 0;*/
}

h1.benefits
{
    color: #6ea81e;
    font-size: 22px;
    padding-top: 10px;
}

h2
{
    font: normal 20px 'Arial';
}

div.hr
{
    background: transparent url(../images/divider-block.png) 0 0 no-repeat;
    border: none;
    height: 7px;
    margin: 10px 0 0 0;
    outline: none;
}

#Maincontainer
{
    width: 955px;
    margin: 0 auto;
    position: relative;
    z-index: 2; /*margin-top:37px; 	background:#fff;*/
}

/*===================================
	HEADER CSS START HERE
=====================================*/
#Header
{
    width: 955px;
    padding: 0 0px; /*background:url(../images/bg_header.png) 0 0 no-repeat; 	position:relative; 	z-index:2;*/
}

#Header .Logo
{
    float: left;
    padding: 24px 0 10px 0;
}

/*Login css*/
#Header .Box_Login
{
    margin: 65px 15px 15px 0;
    float: right;
    width: 323px;
}

#Header .Box_Login label
{
    background: url(../images/bg_textfield.jpg) 0 0 no-repeat;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    width: 128px;
    height: 25px;
}

#Header .Box_Login em
{
    display: block;
    float: left;
    margin: 0 0px 0 0;
}

#Header .Box_Login span
{
    font: normal 11px arial;
    display: block;
    padding: 5px 0 0 0;
    float: right;
}

#Header .Box_Login span input[type="checkbox"]
{
    position: relative;
    top: 2px;
}

#Header .Box_Login input[type="text"], input[type="password"]
{
    background: none;
    border: none;
    width: 112px;
    height: 22px;
    padding: 3px 5px 0 5px;
    font-style: italic;
}
/*Login css end*/

/* Nav CSS */
#Header .Box_Nav
{
    width: 955px;
    height: 49px;
    background: url(../images/bg_nav.png) center top no-repeat;
    overflow: auto; /*	position:relative; 	z-index:4; 	left:-39px; 	top:10px;*/
}

#Header .Box_Nav ul
{
    padding: 0px 0 0 0px;
}

#Header .Box_Nav ul li
{
    padding: 6px 37px 5px 37px;
    float: left;
    background: url(../images/divider.jpg) 0 0 no-repeat;
    height: 38px;
}
#Header .Box_Nav ul li.active a
{
    color: #fff !important;
    font-size: 25px;
    line-height: 32px;
}
#Header .Box_Nav ul li:first-child
{
    background: none;
}



/*#Header .Box_Nav ul li.Home{
	background:url(../images/ico_home.png) 0 0 no-repeat;
	padding:0 35px 12px 29px;
}

#Header .Box_Nav ul li.About{
	background:url(../images/ico_about.png) 0 0 no-repeat;
	padding:0 35px 12px 23px;
}

#Header .Box_Nav ul li.Chellenge{
	background:url(../images/ico_chellange.png) 0 0 no-repeat;
	padding:0 35px 12px 23px;
}

#Header .Box_Nav ul li.Charities{
	background:url(../images/ico_charity.png) 0 5px no-repeat;
	padding:0 35px 12px 24px;
}

#Header .Box_Nav ul li.Contactus{
	background:url(../images/ico_contact.png) 0 0 no-repeat;
	padding:0 35px 12px 25px;
}*/


#Header .Box_Nav ul li a
{
    color: #000;
    font-size: 25px;
    line-height: 32px;
    text-shadow: #ffffff 0 1px;
}

#Header .Box_Nav ul li a:hover
{
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}



/* Nav CSS end */

#Header .Box_Nav ul li ul
{
    margin: 11px 11px 12px -36px;
    display: none;
    position: absolute;
    z-index: 99999;
    background: url("../images/bg_nav.png") scroll center top transparent;
}

* html #Header .Box_Nav ul li ul /* IE6 Compatible */
{
    margin: 41px 11px 12px -203px;
}

* + html #Header .Box_Nav ul li ul /* IE7 Compatible */
{
    margin: 41px 11px 12px -203px;
}



#Header .Box_Nav ul li ul li
{
    float: none;
    display: block;
    text-align: center;
    font-size: 10px !important;
}

#Header .Box_Nav ul li ul li a
{
    font-size: 21px !important;
}


#Header .Box_Nav ul li:hover ul
{
    display: block;
}

/* Banner CSS */
#Header .Box_Banner
{
    width: 955px;
    margin: 5px 0 0 0; /*	position:relative; 	z-index:3; 	left:-30px; 	top:-10px;*/
}

#Header .tabs
{
    width: 951px;
    padding: 6px 0 15px 0;
}

/*#Header .Box_Bannerinner{
	width:975px;
	height:237px;
	position:relative;
	z-index:3;
	left:-30px;
	top:-10px;
}*/
/* Banner CSS end */

/*===================================
	BODYCONTAINER CSS START HERE
=====================================*/
#Bodycontainer
{
    width: 945px;
    padding: 0px 10px 0 0px; /*background:url(../images/bg_middle.png) 0 0 repeat-y;*/ /*	position:relative; 	top:-10px; 	z-index:5;*/
}

/*#Bodycontainer .Contentdivider{
	background:url(../images/bg_maincontent.png) 0 0 no-repeat;
	height:81px;
	width:951px;
	position:relative;
	margin:0px 0 0 -28px;
	z-index:7;
}*/

/* Leftcontainer css */
#Bodycontainer .Leftcontainer
{
    width: 682px;
    float: left;
    margin: 1px 20px 0 0;
    position: relative;
    z-index: 7;
}

#Bodycontainer .Leftcontainer .Box_Video
{
    width: 415px;
    height: 253px;
    background: url(../images/bg_video.png) 0 0 no-repeat;
    float: left;
    margin: 50px 0 0 0;
}

#Bodycontainer .Leftcontainer .Box_Video img
{
    margin: 10px 0 0 10px;
}

#Bodycontainer .Leftcontainer .Box_websitework
{
    width: 200px;
    margin: 50px 0 0 20px;
    float: left;
}

#Bodycontainer .Leftcontainer ul.List
{
    padding: 0 0 10px 6px;
}

#Bodycontainer .Leftcontainer ul.List li
{
    background: url(../images/right.png) 0 10px no-repeat;
    padding: 10px 0px 10px 30px;
    color: #424242;
    font-size: 13px;
}

#Bodycontainer .Leftcontainer ul.charity_List
{
    padding: 0 0 10px 6px;
}

#Bodycontainer .Leftcontainer ul.charity_List li
{
    background: url(../images/right.png) 0 7px no-repeat;
    padding: 10px 0px 10px 30px;
    color: #424242;
    font-size: 14px;
    font-weight: bold;
}

#Bodycontainer .Leftcontainer p
{
    padding: 0 0 8px 0;
}

/*#Bodycontainer .Leftcontainer h1.Reqyestinfo{
	width:42%;
}

#Bodycontainer .Leftcontainer h1.Whichone{
	width:30%;
}

#Bodycontainer .Leftcontainer h1.Aboutbite{
	width:25%;
}

#Bodycontainer .Leftcontainer h1.Company{
	width:17%;
}

#Bodycontainer .Leftcontainer h1.Charity{
	width:13%;
}*/

#Bodycontainer .Leftcontainer ul.btm_banner
{
}
#Bodycontainer .Leftcontainer ul.btm_banner li
{
    display: inline;
    float: left;
    width: 333px;
}
#Bodycontainer .Leftcontainer ul.btm_banner li p
{
    width: 285px;
    padding: 10px 0 0 15px;
    float: left;
}

#Bodycontainer .Leftcontainer .bg_heading
{
    background: url(../images/bg_heading_btm.png) no-repeat;
    width: 536px;
    height: 60px;
    clear: both;
    float: left;
    margin: 30px 0 10px;
    color: #fff;
    font-size: 22px;
    padding: 13px 0 0 80px;
}

#Bodycontainer .Leftcontainer .bg_heading a
{
    color: #fff;
    text-decoration: none;
}

#Bodycontainer .Leftcontainer .bg_heading a:hover
{
    text-decoration: underline;
}

#Bodycontainer .Leftcontainer .Box_Tab
{
    width: 656px;
    height: 38px;
    background: url(../images/bg_innertab.jpg) 0 0 no-repeat;
    margin: 4px 0 15px 0;
}

#Bodycontainer .Leftcontainer .Box_Tab ul
{
    padding: 0px;
}

#Bodycontainer .Leftcontainer .Box_Tab ul li
{
    padding: 0px;
    list-style-type: none;
    float: left;
}

#Bodycontainer .Leftcontainer .Box_Tab ul li a
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 19px;
    line-height: 38px;
    height: 38px;
    width: 218px;
    text-align: center; /*padding:0 45px;*/
    display: block;
    color: #000;
    border-right: #7cb72a solid 1px;
    text-shadow: #ececec 0 1px;
}

#Bodycontainer .Leftcontainer .Box_Tab ul li:last-child a
{
    border: none;
}

#Bodycontainer .Leftcontainer .Box_Tab ul li a:hover
{
    text-decoration: none;
}

#Bodycontainer .Leftcontainer .Box_Tab ul li a:hover
{
    background: url(../images/bg_innertab.jpg) 0 bottom no-repeat;
    color: #000;
    height: 38px;
}

#Bodycontainer .Leftcontainer .Box_Tab ul li a.Selected
{
    background: url(../images/bg_innertab.jpg) 0 bottom no-repeat;
    color: #000;
}

#Bodycontainer .Leftcontainer .Box_Tab ul li a.middletab:hover
{
    background: url(../images/bg_innertab.jpg) -10px bottom no-repeat;
    color: #000;
}

#Bodycontainer .Leftcontainer .Box_Tab ul li a.middletab.Selected
{
    background: url(../images/bg_innertab.jpg) -10px bottom no-repeat;
    color: #000;
}

#Bodycontainer .Leftcontainer .Box_Tab ul li a.lasttab
{
    border-right: none;
}

#Bodycontainer .Leftcontainer .Box_Tab ul li a.lasttab:hover
{
    background: url(../images/bg_innertab.jpg) right bottom no-repeat;
    float: right;
    color: #000;
}

#Bodycontainer .Leftcontainer .Box_Tab ul li a.lasttab.Selected
{
    background: url(../images/bg_innertab.jpg) right bottom no-repeat;
    float: right;
    color: #000;
    height: 38px;
}

/* Leftcontainer css end */

#Bodycontainer .Rightcontainer
{
    width: 243px;
    float: left;
    margin: 4px 0 0 0;
    position: relative;
    z-index: 7;
}

#Bodycontainer .Rightcontainer .Box_Requestinfo
{
    margin: 0 0 0 5px;
}

/* Testimonials css */
#Bodycontainer .Rightcontainer .Box_Testimonials
{
    width: 248px;
    padding: 10px 0 0 0;
    background: url(../images/bg_testimonials.png) 0 0 no-repeat;
    margin: 5px 0 0 5px;
    overflow: hidden;
}

#Bodycontainer .Rightcontainer .Box_Testimonials a.Viewall
{
    background: #8dc63f;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 3px 5px;
    text-align: center;
    color: #fff;
    float: right;
    margin: 10px 10px 0 0;
    display: block;
}

#Bodycontainer .Rightcontainer .Box_Testimonials h1
{
    color: #8dc63f;
    padding: 0 0 0px 45px;
    background: url(../images/ico_testimonials.png) 10px 11px no-repeat;
}

#Bodycontainer .Rightcontainer .Box_TestimonialsBottom
{
    width: 248px;
    height: 10px; /*padding:0px 0 10px 0;*/
    background: url(../images/bg_testimonials.png) 0 bottom no-repeat;
    margin: 0 0 0 5px;
}

#Bodycontainer .Rightcontainer .Box_Testimonials ul
{
    margin: 0 10px;
}

#Bodycontainer .Rightcontainer .Box_Testimonials ul li
{
    padding: 10px 0px;
    border-bottom: #d2d2d2 dashed 1px;
}

/*#Bodycontainer .Rightcontainer .Box_Testimonials span{
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-radius-topright:10px;
	-webkit-border-radius-bottomright:10px;
	background:#f2f2f2;
	border:#ccc solid 1px;
	display:block;
	overflow:auto;
	position:relative;
	z-index:6;
	cursor:pointer;
}*/

#Bodycontainer .Rightcontainer .Box_Testimonials em
{
    padding: 3px 0 0 0;
    display: block;
    color: #000;
    font-weight: bold;
}

#Bodycontainer .Rightcontainer .Box_Testimonials .Box_Comment
{
    width: 202px;
    padding: 5px 5px 0 5px; /*background:url(../images/box_comment.png) 0 0 no-repeat;*/
}

#Bodycontainer .Rightcontainer .Box_Testimonials .Box_Comment p
{
    padding-bottom: 8px;
}

/*#Bodycontainer .Rightcontainer .Box_Testimonials .Box_CommentBottom{
	width:212px;
	padding:0px 0 21px 0;
	background:url(../images/box_comment.png) 0 bottom no-repeat;
	margin:0 0 3px 0;
}*/
/* Testimonials css end */


/*======================================
FOOTER CSS START HERE
========================================*/
#Footer
{
    width: 898px;
    padding: 0 30px;
    height: 17px; /*background:url(../images/bg_bottom.png) 0 0 no-repeat;*/
    position: relative;
    top: -10px;
}

#Footercontainer
{
    width: 100%;
    height: 57px;
    background: url(../images/bg_footer.jpg) 0 0 repeat-x; /*	position:relative; 	z-index:1; 	margin-top:-50px; 	bottom:0px;*/
}

#Footercontainer span
{
    display: block;
    width: 933px;
    padding: 15px 10px 0 10px;
    margin: 0 auto;
}

#Footercontainer span .Navigation
{
    width: 705px;
    float: left;
}

#Footercontainer span ul
{
    padding: 0px 0 0 0;
}

#Footercontainer span ul li
{
    float: left;
    padding: 0 10px;
}

#Footercontainer span ul li a
{
    color: #524d30;
    font: normal 14px Arial, Helvetica, sans-serif;
}

#Footercontainer span .Copyright
{
    width: 228px;
    float: left;
    font: normal 11px Tahoma;
    color: #808080;
}

#Footercontainer span .Copyright p
{
    padding: 6px 0 0 0;
}


/*Form css */
#request
{
    position: relative;
}
#request-form label
{
    display: block;
    color: #8DC63F;
    font-weight: normal;
    font-size: 18px;
    font-style: oblique;
    margin-bottom: 3px;
    margin-top: 10px;
}

#request-form .select
{
    line-height: 24px;
    padding: 5px 28px 5px 5px;
    font-size: 0.9em;
    overflow: hidden;
}
#request-form select.styled
{
    position: relative;
    top: -28px;
    display: block;
}

#request-form .submit
{
    margin-left: 450px;
    margin-top: 0px;
}
#request-form .left
{
    margin-right: 20px;
}

span.field-validation-error
{
    font-size: 0.7em;
    color: Red;
    margin-top: -28px;
}

.select-validation
{
    margin-top: -25px;
}

#request-form input[type="text"]
{
    background: url("../Images/form-input-text.1.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    height: 24px;
    margin: 0 45px 2px 0;
    padding: 5px;
    width: 240px;
}

#request-form label
{
    color: #77AA33;
    display: block;
    font-size: 18px;
    font-style: oblique;
    font-weight: normal;
    margin-bottom: 3px;
    margin-top: 10px;
}

.tk-bree
{
    font-family: "bree-1" , "bree-2" ,sans-serif;
}

#request-form .select
{
    font-size: 0.9em;
    line-height: 24px;
    overflow: hidden;
    padding: 5px 28px 5px 5px;
}

#request-form .select
{
    background: url("../Images/form-input-select.1.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    font-size: 0.9em;
    height: 37px;
    line-height: 24px;
    overflow: hidden;
    padding: 5px 28px 5px 5px;
    width: 260px;
}


#request-form select.styled
{
    opacity: 0;
    filter: alpha(opacity=0) position: relative;
    width: 260px;
    z-index: 5;
    top: -37px;
}

#request-form .submit
{
    margin: 10px 85px 0 0;
    float: right;
}
/*Form css end */

ul.contactus
{
    margin: 0px;
    padding: 10px 0 0 0;
}

ul.contactus input[type="text"]
{
    background: #f8f8f8;
    border: 1px solid #c7c7c7;
    width: 380px;
    height: 22px;
    margin: 4px 0 8px;
}



ul.contactus textarea
{
    background: #f8f8f8;
    border: 1px solid #c7c7c7;
    width: 380px;
    height: 22px;
    margin: 4px 0 8px;
}

ul.contactus li.btn_submit
{
    padding: 20px 0 0 0;
}

.banner_aboutus
{
    background: url(../images/banner_aboutus.jpg) no-repeat;
    width: 955px;
    height: 315px;
}
.banner_challengeinner
{
    background: url(../images/banner_challengeinner.jpg) no-repeat;
    width: 955px;
    height: 315px;
}

.banner_charity
{
    background: url(../images/banner_charity.jpg) no-repeat;
    width: 955px;
    height: 315px;
}

.banner_contact
{
    background: url(../images/banner_contact.jpg) no-repeat;
    width: 955px;
    height: 315px;
}

#Header .Box_Banner h1
{
    font-family: Swis721 Lt BT;
    color: #6fac1c;
    font-weight: normal;
    font-size: 33px;
    clear: both;
    padding: 35px 0 0 569px;
    margin: 0px;
    text-align: left;
}

#Header .Box_Banner h2
{
    font-family: Swis721 Lt BT;
    color: #000;
    font-weight: normal;
    font-size: 33px;
    clear: both;
    padding: 0px 0 0 569px;
    margin: 0px;
    text-align: left;
}

#Header .Box_Banner h3
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-weight: normal;
    font-size: 16px;
    clear: both;
    padding: 5px 0 0 569px;
    margin: 0px;
    text-align: left;
    font-weight: normal;
}

#Header .Box_Banner span.btn
{
    clear: both;
    float: left;
    padding: 50px 0 0 569px;
}





.banner_aboutus
{
    background: url(../images/banner_aboutus.jpg) no-repeat;
    width: 955px;
    height: 315px;
}
.banner_challengeinner
{
    background: url(../images/banner_challengeinner.jpg) no-repeat;
    width: 955px;
    height: 315px;
}

.banner_charity
{
    background: url(../images/banner_charity.jpg) no-repeat;
    width: 955px;
    height: 315px;
}

.banner_contact
{
    background: url(../images/banner_contact.jpg) no-repeat;
    width: 955px;
    height: 315px;
}