#main {width:980px; margin:0 auto; position:relative;}

#header {height:157px;}
#footer { font-size:0.80em;}

#content { font-size:0.80em;}

#header { font-size:0.85em;}

.col-3 { float:left;}

.col-2 { float:left;}

.col-1 { float:left;}

/*======= index.html =======*/
#page1 #content .title-box { width:500px;}

/*======= index-1.html =======*/
#page2 #content .extra-box { height:260px;}


/*======= ourstory.html =======*/
#page3 #content .extra-box { height:260px; width:585px;}
#page3 #content .extra-box .inner { padding-right:31px;}
#page3 #content .col-1 { width:152px; margin-right:24px;}
#page3 #content .col-2 { width:155px;}

/*======= benefits.html =======*/
#page4 #content .extra-box { height:260px; width:585px;}
#page4 #content .extra-box .inner { padding-right:31px;}

/*======= rehydration.html =======*/
#page5 #content .extra-box { height:260px; width:585px;}
#page5 #content .extra-box .inner { padding-right:31px;}

/*======= contactus.html =======*/
#page6 #content .extra-box { height:260px;}
#page6 #content .extra-box .inner { padding-right:31px;}

/*======= microclustering.html =======*/
#page7 #content .extra-box { height:260px;}

/*======= index-7.html =======*/
#page8 #content .extra-box { height:260px;}


/*======= index-8.html =======*/
#page9 #content .col-1 { width:183px;}
#page9 #content .col-2 { width:192px;}


/*=========================*/


#footer {height:110px;}