@charset "utf-8";
/* CSS Document */
/*
Description: Styles for abetterlifenow.net
Version: 1.0
Author: Suresh K
URL: http://www.abetterlifenow.net
*/

/*------------------- GLOBAL RESET CSS --------------------------------*/

div, h1, h2, h3, h4, h5, h6, span, ol, ul, li, label, input, select, a, p, body, html {
	padding:0;
	margin:0;
}
img, form {
	border:0;
	padding:0;
	margin:0;
}
li{ list-style-type:none; }
a { color:#000000; }
.floatleft{ float:left; }
.floatright{ float:right; }
.clear{ display:block; clear:both; }	
.center{ text-align:center; padding:10px 0; }
.u { text-decoration:underline; }
ul.squareitem{ margin-left:10px; }
ul.squareitem li { background:url(../images/square-item.gif) no-repeat 1px 6px; padding-left:20px; margin-bottom:5px; }

.three-phase{ background:url(../images/project-phase-header.jpg) no-repeat top left; width:623px; height:1%; overflow:hidden; }
.square-bullet{ background:url(../images/square-bullet.gif) no-repeat 1px 4px; padding-left:20px;padding-bottom:5px;}
.grey-bullet{ background:url(../images/grey-bullet.gif) no-repeat 1px 5px; padding-left:15px; color:#000; }
.greytxt { color:#616161; }
.bluetxt{ color:#205189; text-decoration:none; }
a.bluebullet{ background:url(../images/blue-bullet.gif) no-repeat 1px 7px; padding-left:15px; }
.bend-bottomborder{ background:url(../images/bottomborder.gif) repeat-x bottom left; padding-bottom:10px; }
.greentxt{ color:#66713F; }
h1{ }
h2{ font-size:11px; margin:5px 0; }
h3{ font-size:11px; margin:5px 0; }
h4{ }
h5{ }
h6{ }

h1 span.seo { left:-5000px; position:absolute; top: -5000px; font-size:9px; }
h2 span.seo { left:-5000px; position:absolute; top: -5000px; font-size:9px; }
h3 span.seo { left:-5000px; position:absolute; top: -5000px; font-size:9px; }
h4 span.seo { left:-5000px; position:absolute; top: -5000px; font-size:9px; }
.redtext{ color:#FF0000; }
/**** UNIT STYLES ***/

.frame-widget div, .frame-widget p { margin:0; padding:0; }
.frame-widget { clear:both; display:block; margin:0; padding:0; height:1%; overflow:hidden; }
.frame-widget .widget { float:left; width:190px; height:200px; }
.frame-widget .widget h3 {background:#eae9d9 url(../images/widget-h3.jpg) no-repeat top left; margin:0; padding:0 ; height:27px; margin-right:8px;  padding-left:10px; padding-top:5px; }
.frame-widget .widget .wcontent { background:url(../images/widget-body.jpg) repeat-x top left; margin-right:8px; margin-top:5px; padding-top:10px; padding-left:10px; padding-right:15px; height:145px;  }

ol.project-gadget{ margin:10px 0 ; }
ol.project-gadget li{ background-repeat:no-repeat; display:block; clear:both; background-position:1px 0; padding-left:35px; margin-bottom:10px; 
padding-bottom:10px;  }
ol.project-gadget li .img-unit img { margin-right:5px; }
ol.project-gadget li  a{ margin-top:10px;}

#project-gadget{ margin:0; padding:0;  }
#project-gadget .list{ background-repeat:no-repeat;  background-position:1px 0;  *background-position:6px 3px; padding-left:35px; margin:10px 0; width:95%;  }

#project-gadget .list .img-unit img { float:left; margin-right:8px; }
#project-gadget .list .link-unit a{ margin-top:10px;}
.img-unit { height:1%; overflow: hidden; }


/*------------------- PAGE DESIGN CSS --------------------------------*/


#body-holder #greyholder #white-holder #content .frame-widget { margin:70px 0 0 20px; }
#body-holder #greyholder #white-holder #content .frame-widget p{ margin:0; padding:0; }
#body-holder #greyholder #white-holder #content .widget .wcontent p { margin-bottom:5px; }



h2.stepapproach{ background:url(../images/step-approach.jpg) no-repeat top left; width:625px; height:62px; }
.bottomborder{ background:url(../images/dotted.gif) repeat-x bottom left; padding-bottom:10px; }
html{ background:#fff url(../images/body-bg.jpg) repeat-x top left ; }
body{  font:11px Tahoma; margin-bottom:10px;  }
#page{  width:956px; margin:0 auto; }

#header h1.logo{ margin:11px 0 0 28px; float:left; }
#header #navigation{ float:right; background:url(../images/top-nav.gif) no-repeat top right; height:26px !important; margin-top:54px; }
#header #navigation .holder{ background:url(../images/top-nav.gif) no-repeat 0 -34px; height:26px; }
#header #navigation .holder ul{ margin-right:33px;  height:26px !important ; }
#header #navigation .holder ul li { float:left;  list-style-type:none;  height:26px !important ; }
#header #navigation .holder ul li.active{  background:transparent url(../images/top-nav.gif) no-repeat 100% -64px; height:26px;}
#header #navigation .holder ul li div{float:left; }
#header #navigation .holder ul li.active .link-holder{background:transparent url(../images/top-nav.gif) no-repeat 0% -123px; height:26px; }
#header #navigation .holder ul li.first .link-holder{background:transparent url(../images/top-nav.gif) no-repeat 0% -94px; height:26px; }
#header #navigation .holder ul li a{ color:#fff; font-weight:bold; text-decoration:none; line-height:23px; padding:0 20px; }
#header #navigation .holder ul li.active a{ color:#000; }


#body-holder{ clear:both; display:block; background:#8BA631; padding-bottom:5px;    }
#body-holder .banner { height:276px;    }
body.inner-page #body-holder .banner{ height:199px; }
#body-holder .banner h2{ margin:0; padding:0; }

#body-holder #greyholder{ background:#fff ; margin:0 8px; height:1%; overflow:hidden;  }
#body-holder #greyholder #white-holder{background:transparent url(../images/content-bottom.jpg) no-repeat bottom left;
 padding:10px 0px 10px 16px; height:1%; overflow:hidden;  }
 

#body-holder #greyholder #white-holder #content{ width:628px; line-height:16px; }
#body-holder #greyholder #white-holder #content p { margin:10px 0; }

#body-holder #greyholder #white-holder #rhs{ width:278px; }
#body-holder #greyholder #white-holder #rhs .holder{ margin-right:9px; }
.unit-a{ background:#E3E1D2 url(../images/rhs-unita-bottom.jpg) no-repeat bottom left; width:269px; height:1%; overflow:hidden; }
.unit-a .unit-a-holder{ background:url(../images/rhs-unita-top.jpg) no-repeat top left; width:269px; }
.unit-a .unit-a-holder h2{ background:url(../images/white-arrow.gif) no-repeat 1px 8px; margin:0; padding:0; padding:8px 0  0 0; padding-left:25px; height:33px; margin-left:10px; }
.rhs-common-unit{ background:#EAE9DB; padding:0; margin-top:10px; line-height:16px;    }
.rhs-common-unit .content{ margin:10px; }
.rhs-common-unit a{ color:#000; }

.unit-a{ line-height:16px; }
.unit-a .unit-a-holder p{ padding:10px 10px 10px 10px; }

.refer-a-friend p, .refer-a-friend a{ margin-left:20px; margin-bottom:10px;   }

#body-holder #greyholder #white-holder #rhs .corporater-unit{ clear:both; margin-top:20px; }

#body-holder #footer{ margin:10px; padding-left:10px; color:#FFF7C8; }
#body-holder #footer a{ color:#FFF7C8; }

.form-unit ul{ margin:10px 10px 10px 0; }
.form-unit ul li { margin-bottom:10px; }
.form-unit ul li label { width:145px; display:inline-block; vertical-align:top; font-weight:bold;  }
.form-unit ul li input, .form-unit ul li textarea, .form-unit ul li select{ width:225px; padding:1px; border:1px solid #8BA631; }
.form-unit ul li .checkbox{ width:20px; border:none; }
.form-unit ul li ul { margin:0; padding:0; margin-left:145px; margin-top:-10px; }
#buttonunit{ background:#f2f2f2; }
#buttonunit .butcontent{ padding:10px; }
.form-unit .button{ background:url(../images/button.gif) no-repeat top left; width:89px; height:25px; border:0; font-size:11px; font-weight:bold; margin-left:146px; }


#sponsor { margin:10px 0; height:1%; overflow:hidden; }
#sponsor #sponsor-logo{ background:#eae9db; width:392px;  }
#sponsor #sponsor-logo .content{ padding:5px; }
#sponsor .info{ width:220px; padding:10px 0; clear:both; }

#sponsor .floatleft{ margin-right:25px; }
#sponsor .floatleft h2{ color:#3d3d3d; margin-bottom:5px; }
#sponsor .floatleft img{ margin-bottom:15px; }

#middle-unit{ margin:5px 0; }
#middle-unit h3 { padding:0 0 5px 20px;  margin:0;  }
#middle-unit a,.showcase a { margin-left:6px; }

/* TAKE ACTION */
#take-action { height:1%; overflow:hidden; margin-top:20px; }
#take-action .content{ margin:5px; }
#take-action .content h2{ background:#c6c3af url(../images/take-action-heading-bg.jpg) no-repeat top left; height:31px; padding-top:4px; padding-left:10px; }
#take-action .content p { margin:10px;  }
#take-action .content a { clear:both; display:block; margin-left:10px; margin-bottom:10px; }
#take-action .content a.project{ background:url(../images/project-icon.jpg) no-repeat 1px 2px; padding-left:20px; }
#take-action .content a.subscription{ background:url(../images/subscibtion-icon.jpg) no-repeat 1px 2px; padding-left:18px; }

#sponsor-overview{ height:1%; overflow:hidden; margin-bottom:10px; }

ul.sponsor-unit { clear:both; display:block; margin-left:40px; }
ul.sponsor-unit li { float:left; width:155px; height:52px; margin-right:20px; text-align:center; }
ul.sponsor-unit li.gold{ background:#d7bb3a url(../images/gold-sponsorship-button.jpg) no-repeat top left; }
ul.sponsor-unit li.silver{ background:#a9a9a9 url(../images/silver-sponsorship-button.jpg) no-repeat top left; }
ul.sponsor-unit li.broonze{ background:#d89641 url(../images/broonze-sponsorship-button.jpg) no-repeat top left; }
ul.sponsor-unit li a{ color:#fff; line-height:35px; font-weight:bold; text-decoration:none;  }

#gold h2{ background:#d7bb3a url(../images/gold-title-bg.gif) no-repeat top left; padding-left:20px; line-height:26px; }
#silver h2{ background:#a9a9a9 url(../images/silver-title-bg.gif) no-repeat top left; padding-left:20px; line-height:26px; }
#broonze h2{ background:#d89641 url(../images/broonze-title-bg.gif) no-repeat top left; padding-left:20px; line-height:26px; }
#sponsor-list{}
#sponsor-list ul { margin:20px; }
#sponsor-list ul li { background:url(../images/sponsor-bullet.gif) no-repeat 1px 6px; padding-left:15px; margin-bottom:5px; }
#sponsor-req { margin-top:20px;}
#sponsor-req ul li{ float:left; text-align:center; margin-right:10px; }
#sponsor-req ul li a { line-height:30px; }
#sponsor-req ul li.become-sponsor{ background:url(../images/becom-spon-buton-bg.jpg) no-repeat top left; width:129px;  height:54px;   }
#sponsor-req ul li.contact{ background:url(../images/contactus-bg.jpg) no-repeat top left; width:210px;  height:54px;   }


.shadow-gadget{ background:#fff url(../images/shadow-gadget.jpg) no-repeat top left; height:1%; overflow:hidden; padding:15px; }


ul.checkboxlist{ width:500px; }
ul.checkboxlist li { float:left; width:200px; margin-right:15px; }


/* OVERRIDES */
body.inner-page #body-holder #greyholder #white-holder #content { margin-top:-10px; }
body.inner-page #body-holder #greyholder #white-holder #content h2{ margin:20px 0 10px 0; }