.icon {

	position: absolute;


}
.background .babi{

    position: absolute;
   
   top: 400px;
	
	visibility: hidden;
	 
opacity: 0;
/*! float: center; */
	
    /*! -webkit-transition: all 0.6s ease-out; */
    -moz-transition: all 0.3s ease-out;
    /*! -o-transition: all 0.6s ease-out; */
 }

 .background .image-list {
 	list-style:none; margin:0; padding:0; padding-top: 250px; z-index: 1; position: relative;
 }
  
.background .image-list li:nth-child(1) { transform:translateY(10px); transition-delay:0.25s; }
.background .image-list li:nth-child(2) { transform:translateY(20px); transition-delay:0.5s; }
.background .image-list li:nth-child(3) { transform:translateY(30px); transition-delay:0.75s; }
}

.background .image-list li {
	position: relative; line-height: 26px; padding: 10px 0; border-top: 1px solid #eee; color: #CD2122; 
	opacity:0; visibility: hidden; transition:all .25s ease-out;
}

.background:hover .image-list li {

opacity:1; visibility: visible; -webkit-transform:translateY(0); 
	-ms-transform:translateY(0); transform:translateY(0);
	
}

.background:hover .babi {opacity: 1;visibility: visible; top: -250px;}
.background .back-babi{

	position: absolute; width: calc(100% + 60px); height: calc(100% + 30px); background:#fff; 
	 z-index: 1; opacity:1; border-radius: 5px;
}
///////////////
.kido .back-kid{

	position: absolute; width: calc(100% + 60px); height: calc(100% + 30px); background:#fff; 
	 z-index: 1; opacity:1; border-radius: 5px;
}
.kido .image-list {
 	list-style:none; margin:0; padding:0; padding-top: 250px; z-index: 1; position: relative;
 }

  
.kido .image-list li:nth-child(1) { transform:translateY(10px); transition-delay:0.025s; }
.kido .image-list li:nth-child(2) { transform:translateY(20px); transition-delay:0.05s; }
.kido .image-list li:nth-child(3) { transform:translateY(30px); transition-delay:0.075s; }
}

.kido .image-list li {
	position: relative; line-height: 26px; padding: 10px 0; border-top: 1px solid #eee; color: #CD2122; 
	opacity:0; visibility: hidden; transition:all .25s ease-out;
}

.kido:hover .image-list li {

opacity:1; visibility: visible; -webkit-transform:translateY(0); 
	-ms-transform:translateY(0); transform:translateY(0);
	
}
//////////////////

.muscle .back-muscle{

	position: absolute; width: calc(100% + 60px); height: calc(100% + 30px); background:#fff; 
	 z-index: 1; opacity:1; border-radius: 5px;
}
.muscle .image-list {
 	list-style:none; margin:0; padding:0; padding-top: 250px; z-index: 1; position: relative;
 }
  
.muscle .image-list li:nth-child(1) { transform:translateY(10px); transition-delay:0.025s; }
.muscle .image-list li:nth-child(2) { transform:translateY(20px); transition-delay:0.05s; }
.muscle .image-list li:nth-child(3) { transform:translateY(30px); transition-delay:0.075s; }
}

.muscle .image-list li {
	position: relative; line-height: 26px; padding: 10px 0; border-top: 1px solid #eee; color: #CD2122; 
	opacity:0; visibility: hidden; transition:all .25s ease-out;
}

.muscle:hover .image-list li {

opacity:1; visibility: visible; -webkit-transform:translateY(0); 
	-ms-transform:translateY(0); transform:translateY(0);
	
}
///////////////

.old .back-old{

	position: absolute; width: calc(100% + 60px); height: calc(100% + 30px); background:#fff; 
	 z-index: 1; opacity:1; border-radius: 5px;
}
.old .image-list {
 	list-style:none; margin:0; padding:0; padding-top: 250px; z-index: 1; position: relative;
 }
  
.old .image-list li:nth-child(1) { transform:translateY(10px); transition-delay:0.025s; }
.old .image-list li:nth-child(2) { transform:translateY(20px); transition-delay:0.05s; }
.old .image-list li:nth-child(3) { transform:translateY(30px); transition-delay:0.075s; }
}

.old .image-list li {
	position: relative; line-height: 26px; padding: 10px 0; border-top: 1px solid #eee; color: #CD2122; 
	opacity:0; visibility: hidden; transition:all .25s ease-out;
}
.old:hover .image-list li {

opacity:1; visibility: visible; -webkit-transform:translateY(0); 
	-ms-transform:translateY(0); transform:translateY(0);
	
}
.kido .kid{

	position: absolute;
    visibility: hidden;
	opacity: 0;
	 top: 400px;
/*! float: center; */
	
    /*! -webkit-transition: all 0.6s ease-out; */
    -moz-transition: all 0.3s ease-out;
    /*! -o-transition: all 0.6s ease-out; */


}
.kido:hover .kid{
	opacity: 1;visibility: visible; top: -250px;
}


.muscle .mesl{
	position: absolute;
   
	visibility: hidden;
	 top: 400px;
	 
opacity: 0;
/*! float: center; */
	
    /*! -webkit-transition: all 0.6s ease-out; */
    -moz-transition: all 0.3s ease-out;
    /*! -o-transition: all 0.6s ease-out; */

}
.muscle:hover .mesl{
	opacity: 1;visibility: visible; top: -250px;
}

.old .oldd{
	position: absolute;
   
	visibility: hidden;
	 top: 400px;
	 
opacity: 0;
/*! float: center; */
	
    /*! -webkit-transition: all 0.6s ease-out; */
 -moz-transition: all 0.3s ease-out;
    /*! -o-transition: all 0.6s ease-out; */
 

}
.old:hover .oldd{
	opacity: 1;visibility: visible; top: -250px;
}


.background {
	background: url(../images/age-group/baby.png) no-repeat top 
     center;
	display: block;
	width:256px;
	height: 250px;
	

/*! float: center; */
	
    /*! -webkit-transition: all 0.6s ease-out; */
    -moz-transition: all 0.3s ease-out;
    /*! -o-transition: all 0.6s ease-out; */
    z-index: 1;
}
.background:hover {
	background: url(../images/age-group/baby-hover.png)no-repeat top center;
	
	margin-top: 150px;
	z-index: 2;
     


}
.kido {
	background: url(../images/age-group/kid.png) no-repeat top 
     center;
	display: block;
	width:256px;
	height: 250px;
	

/*! float: center; */
	
    /*! -webkit-transition: all 0.6s ease-out; */
    -moz-transition: all 0.3s ease-out;
    /*! -o-transition: all 0.6s ease-out; */
    z-index: 1;
}
.kido:hover {
	background: url(../images/age-group/kid-hover.png)no-repeat top center;
	
	margin-top: 150px;
	z-index: 2;
     

}





.muscle {
	background: url(../images/age-group/muscle.png) no-repeat top 
     center;
	display: block;
	width:256px;
	height: 250px;
	

/*! float: center; */
	
    /*! -webkit-transition: all 0.6s ease-out; */
    -moz-transition: all 0.3s ease-out;
    /*! -o-transition: all 0.6s ease-out; */
    z-index: 1;
}
.muscle:hover {
	background: url(../images/age-group/muscle-hover.png)no-repeat top center;
	
	margin-top: 150px;
	z-index: 2;
}







.old {
	background: url(../images/age-group/old.png) no-repeat top 
     center;
	display: block;
	width:256px;
	height: 250px;
	

/*! float: center; */
	
    /*! -webkit-transition: all 0.6s ease-out; */
    -moz-transition: all 0.3s ease-out;
    /*! -o-transition: all 0.6s ease-out; */
    z-index: 1;
}
.old:hover {
	background: url(../images/age-group/old-hover.png)no-repeat top center;
	
	margin-top: 150px;
	z-index: 2;
}

#contentt div#home {
	overflow: hidden;
	margin: -30px auto 0;
	padding: 0 0 0 20px;
	width: 920px;
}

#contentt div#home ul {
	background: url(../images/smartphone.png) no-repeat top center;
	float: left;
	list-style: none;
	margin-top: 10;
	padding: 0;
	margin-left:-31px;
	width: 300px;
	height: 496px;
	
}


#contentt div#home ul li {
	display: block;
	
	margin: 60px 125px -50px;
	position: relative;
	margin-top: 45px;
}


#contentt div#home ul li.first {
	margin: 10px;
	
	display: block;
	font-size: 20px;
	
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}

#contentt div#home ul li p {
	color: #ffffff;
	font-weight: bold;
	left: 0;
	margin: 0;
	position: absolute;
	text-shadow: 1px 2px 0 #CF648E;
	top: 146px;
}

#content div#home div {
	float: right;
	width: 620px;
}

#contentt div#home div h1 {
	font-size: 30px;
    line-height: 45px;
    margin: -7px 0 0;
	font-weight: bold;
    width: 250px;
}

#contentt div#home div h1 a {
	color: #ffffff;
	text-decoration: none;
}

#contentt div#home div h1 span {
	color: #fdd20a;
	font-family: ZonaPro-Bold;
}

#contentt div#home div img {
	float: right;
	margin-left: 30px;
    margin-top: -15px;
}

#contentt div#home div a.more,
#footer div div ul li p a.more,
#footer div div div div p a.more {
	color: #ffffff;
	display: inline;
	font-size: 12px;
	text-decoration: none;
}

#contentt div#home div a.more:hover,
#footer div div ul li p a.more:hover,
#footer div div div div p a.more:hover,
#contentt div div div dl dd a:hover {
	color: #fffff;
}


#contentt div {
	width: 1210px;
	margin: 0 auto 10px;
	
	margin-left: -54px;
}

#contentt div ul {
	clear: both;
	list-style: none;
	/*! margin: 0; */
	overflow: hidden;
	padding: 0;
	text-align:center;
	
position:static;
	
}

#contentt div ul li {
    margin-top: 20px;
	float: left;
	width:46px;
	margin-left: 217px;
	
}


#contentt div ul li h2 {
	font-size: 20px;
	font-style: italic;
	
	width: 283px;
}

#contentt div ul li h2 a {
	color: #ffffff;
	display: block;
	text-decoration: none;
}

#contentt div ul li p {
	margin-left: 25px;
    width: 283px;
}


#contentt txt {
	margin: 30px auto 0;
	overflow: hidden;
	width: 920px;
	
}

#contentt div div.aside, #contentt div#blog div.aside {
	float: left;
	height: auto;
	margin: 0;
	width: 240px;
}

#contentt div div.aside ul, #contentt div#blog div.aside ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contentt div div.aside ul li {
	background: url(../images/separator.png) no-repeat center top;
	display: block;
	padding: 20px 0 10px;
}

#contentt div#blog div.aside ul li {
	background: none;
	font-weight: normal;
	padding: 30px 0 0;
}

#contentt div div.aside ul li.first, #contentt div#blog div.aside ul li.first {
	background: none;
	padding-top: 0;
}

#contentt div div.aside ul li a,
#contentt div div.aside div span {
	color:#969696;
	display: block;
	font-size: 20px;
	
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}

#contentt div#blog div.aside ul li p {
	margin-bottom: 0;
}

#contentt div#blog div.aside ul li p.first {
	margin-top: 10px;
}

#contentt div div.aside ul li img {
	float: none;
}

#contentt div div {
	float: right;
    height: auto;
    margin: 0;
    width: 620px;
}

#contentt div div h2 {
	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 15px;
	padding-top: 20px;
}

#contentt div#blog div.aside ul li h2 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#contentt div div h2.first {
	padding-top: 0;
}

#contentt div div img {
	float: right;
	border-radius: 12px;
}

#contentt div div b {
	display: block;
    font-weight: normal;
    line-height: 24px;
}

#contentt div div ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contentt div div ol li {
	display: block;
	height: 1%;
    padding: 10px 0;
    overflow: hidden;
}

#contentt div div ol li.first {
	padding-top: 0;
}

#contentt div div ol li span {
	float: left;
    height: 60px;
    margin-top: 7px;
    width: 60px;
}

#contentt div div ol li  p {
	float: right;
    margin: 0;
    width: 545px;
}

#contentt div div ol li span#primary {
	background: url(../images/sprites-icons.png) no-repeat 0 0;
}

#contentt div div ol li span#secondary {
	background: url(../images/sprites-icons.png) no-repeat 0 -70px;
}

#contentt div div ol li span#tertiary {
	background: url(../images/sprites-icons.png) no-repeat 0 -139px;
}

#contentt div div div {
	background: url(../images/border-dashed.png) repeat-x top center;
	float: none;
    margin-top: 10px;
    overflow: hidden;
    width: auto;
}

#contentt div div div dl {
	float: left;
	width: 310px;
}

#contentt div div div dl.first {
	margin-left: 0;
}

#contentt div div div dl dt {
	color: #ffffff;
	font-size: 18px;
	padding-bottom: 10px;
}

#contentt div div div dl dd {
	line-height: 24px;
	margin: 0;
}

#contentt div div div dl dd a {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	text-transform: lowercase;
}

#contentt div div h1 {
	/*! font-size: 30px; */
	/*! color: #ffffff; */
	/*! font-weight: normal; */
	margin-top: 0;
}

#contentt div div h1 span {
	display: block;
	font-size: 22px;
	color: #fdd20a;
	letter-spacing: 0;
	font-family: ZonaPro-Bold;
}
#contentt div div h1 span span {
	display: block;
	font-size: 22px;
	color:#A8CAE2;
	letter-spacing: 0;
	font-family: ZonaPro-Bold;
}

#contentt div div span {
	display: block;
	font-size: 16px;
	color:#a8cae2;
	letter-spacing: 10px;
}

#contentt div div p {
	margin-top: 0;
	margin-bottom: 20px;
}
imgg{outline: none;}
#contentt div div imgg {
	margin-left: 20px;
    margin-top: 12px;
	border-raduis:12px;
}
#contentt div div imgg:hover {
	
	opacity:0.5;
}
#contentt div#blog div ul li h3 {
	font-size: 18px;
	margin: 0;
	width: 620px;
	padding-top: 5px;
	text-indent: 20px;
}

#contentt div#blog div ul li span {
	color: #000000;
    display: inline;
    font-size: 13px;
    font-style: normal;
	font-family: A0 Addis Abeba Unicode;
	font-weight: normal;
	line-height: 0;
}

#contentt div div.aside div {
	background: none;
	margin-top: 0;
}

#contentt div div.aside div span {
	text-align: left;
}

#contentt div div.aside div ol {
	list-style: none;
	margin: 20px 0 50px;
	overflow: hidden;
	padding: 0;
}

#contentt div div.aside div ol li {
	float: left;
    height: 120px;
    padding: 0;
    width: 120px;
}

#contentt div div.aside div ol li a {
	color: #000000;
    display: block;
	font-family: A0 Addis Abeba Unicode;
    line-height: 120px;
    text-decoration: none;
	text-indent: -99999px;
}

#contentt div div.aside div ol li a.facebook {
	background: url(../images/sp.png) no-repeat 0 -430px;
}

#contentt div div.aside div ol li a.subscribe {
	background: url(../images/sp.png) no-repeat 0 -690px;
}	

#contentt div div.aside div ol li a.twitter {
	background: url(../images/sp.png) no-repeat 0 -860px;
}

#contentt div div.aside div ol li a.flicker {
	background: url(../images/sp.png) no-repeat 0 -560px;
}

#contentt div div.aside div b {
	color: #000000;
	font-family: A0 Addis Abeba Unicode;
	font-size: 30px;
    font-weight: normal;
    line-height: 40px;
	margin-bottom: 50px;
	padding-top: 10px;
    text-align: center;
	width: 240px;
}

#contentt div div.aside div p {
	margin: 0;
    padding-top: 15px;
    text-align: left;
}

#contentt div#blog div.aside ul li div p {
	padding: 0;
}

#contentt div#blog div.aside ul li div {
	
}	

#contentt div div.aside div b span {
	background: url(../images/sp.png) no-repeat 60px -1165px;
	display: block;
	height: 94px;
	margin-top: 15px;
	width: auto;
}

#contentt div div form p {
	padding-top: 10px;
}

#contentt div div form label {
	display: block;
	padding: 10px 0 5px;
	
}

#contentt div div form {
	padding-left: 20px;
	
	
}

#contentt div div form input {
/*! background:#D5D5D5; */
	/*color:#000000 border: 2px solid #ffffff;*/
	font-family: open sans;
	height: 30px;
	width: 320px;
	
	
}

#contentt div div form textarea {
border:-raduis:15px;
/*! background:#D5D5D5; */
	color:#000000;
	/*! border: 1px solid #ffffff; */
	font-family: open sans;
	border-raduis:15px;
	height: 320px;
    margin-top: 20px;
    width: 570px;
}

#content div div form input.submit {
	background: url(../images/sp.png) no-repeat 0 -820px;
	border: 0;
	border-raduis:15px;
	float: right;
    height: 30px;
    margin: 20px 25px 30px 0;
    width: 120px;
}

#contentt div div.aside ul li a:hover {
	color: #ffffff;
}

#contentt div#blog div ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contentt div#blog div ul li {
	background: url(../images/border-dashed.gif) repeat-x center 25px;
	padding-top: 10px;
	position: relative;
}

#contentt div#blog div ul li span#date {
	background: url(../images/sprites-icons.gif) no-repeat 0 -209px;
	color: #ffffff;
    display: inline-block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-indent: 17px;
    width: 87px;
}

#contentt div#blog div ul li span.connect {
	display: block;
	height: 20px;
    position: absolute;
    right: 0;
    top: 0;
	z-index: 1;
}

#contentt div#blog div ul li span.connect a {
	display: block;
	float: left;
    height: 20px;
	margin: 0 0 0 5px;
    text-decoration: none;
    text-indent: -99999px;
    width: 20px;
}

#contentt div#blog div ul li span.connect a.twitter {
	background: url(../images/sprites-icons.gif) no-repeat 0 -1330px;
}
 
#contentt div#blog div ul li span.connect a.heart {
	background: url(../images/sprites-icons.gif) no-repeat 0 -1083px;
}

#content div#blog div ul li span.connect a.facebook {
	background: url(../images/sprites-icons.gif) no-repeat 0 -1022px;
}

#contentt div#blog div ul li h1 {
	font-weight: normal;
	text-indent: 100px;
}

#contentt div#blog div ul li h1 a {
	color: #ffffff;
	text-decoration: none;
}

#contentt div#blog div ul li h1 a:hover {
	color: #ffffff;
}

#contentt div#blog div ul li h2 {
	font-weight: normal;
	padding-top: 0;
}

#contentt div#blog div div.section {
	padding-top: 10px;
}

#contentt div#blog div div.section a {
	color: #ffffff;
    display: block;
    float: left;
    font-size: 18px;
	height: 1%;
	line-height: 18px;
    text-align: center;
    text-decoration: none;
    width: 206px;
}

#contentt div#blog div div.section a.newerpost {
	text-align: left;
}

#contentt div#blog div div.section a.olderpost {
	text-align: right;
}

#contentt div#blog div ul li img {
	margin-right: 105px;
    margin-top: -43px;
}

/*for the gallery*/


a {
 
  text-decoration: none;
}

a:focus, a:hover, a:active {
  color:#FDD20A;
}

#contentt .background {
    /*! margin-top: 20px; */
	float: left;
	width:0;
	list-style: none;
}

#contentt .kid {
    /*! margin-top: 20px; */
	float: left;
	width:0;
	list-style: none;
}

#contentt .muscle {
    /*! margin-top: 20px; */
	float: left;
	width:0;
	list-style: none;
}

#contentt .old {
    /*! margin-top: 20px; */
	float: left;
	width:0;
	list-style: none;
}

h1, h2 {
  margin: 0 0 4px 0;
  /*! letter-spacing: -1px; */
}

h1 {
  /*! font-size: 2.5em; */
  color: #ffffff;
}

h2 {
  font-size: 1.5em;
  font-weight: normal;
}

pre {
  font-size: 1.2em;
  line-height: 1.2em;
  overflow-x: auto;
}

div.page {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

div#container {
  padding: 0 20px;
}


div.contentt {
  /* The display of content is enabled using jQuery so that the slideshow
     content won't display unless javascript is enabled. */
  display: none;
  float: right;
  width: 720px;
  margin-top: 15px;
}

div.contentt a, div.navigation a {
  text-decoration: none;
  color: #777;
}

div.contentt a:focus, div.contentt a:hover, div.contentt a:active {
  text-decoration: underline;
}

div.controls {
  height: 28px;
}
/*this how you change the hover round and color*/
div.controls a {
  display: block;
  float: left;
  margin-right: 2px;
  padding: 4px 7px 2px 7px;
  	border-radius:12px;
  /*! background-color: #fffff; */
}

div.controls a:hover {
  background-color: #eee;
}

div.controls a:focus, div.contentt a:hover, div.content a:active {
  text-decoration: none;
}

div.ss-controls {
  float: left;
}

div.nav-controls {
  float: right;
}

div.nav-controls a {
  margin-left: 3px;
}

div.slideshow-container {
  position: relative;
  clear: both;
  height: 576px;
}

div.loader {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../images/loader.gif');
  background-repeat: no-repeat;
  background-position: center;
  width: 720px;
  height: 576px;
}

div.slideshow {}

div.slideshow span.image-wrapper {
  width: 718px;
  height: 566px;
  line-height: 566px;
  overflow: hidden;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fffff;
}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
  text-decoration: none;
  opacity:0.6;
}

div.slideshow img {
  /*! border: 1px solid #fdd20a; */
border-radius:35px;
  max-width: 706px;
  /* max-width workaround for IE */
  height: expression(this.width >= 706 ? 'auto' : true);
  width: expression(this.width > 706 ? 706 : true);

  vertical-align: middle;
  /* vertical align for IE */
  margin-top: expression(this.height > 0 && this.height < 566 ? (566 - this.height) / 2 : 0);
}

div.download {
  float: right;
}

div.caption-container {
  position: relative;
  clear: left;
  height: 75px;
}

span.image-caption {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

div.caption {
  float: right;
  width: 718px;
  /*! background-color: #1a1a1a; */
  margin-right: 2px;
}

div.image-title {
  font-weight: bold;
  font-size: 1.4em;
  padding: 0px 0px 0 5px;
  color: #fdd20a;
}

div.image-desc {
  line-height: 1.3em;
  padding: 2px 5px 5px 5px;
}

div.navigation {
  /* The navigation style is set using jQuery so that the javascript specific
     styles won't be applied unless javascript is enabled. */
  margin-top: 15px;
}

ul.thumbs {
  clear: both;
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  float: left;
  padding: 0;
  margin: 5px 10px 5px 0;
  list-style: none;
}

a.thumb {
  /*display: block;*/
  float: left;
  border: 0px solid #c8c8c8;
  
	border-radius:9px;
	
}

ul.thumbs li.selected a.thumb {
  background: #000;
}

a.thumb:focus {
  outline: none;
}

ul.thumbs img {
  	border-radius:9px;
  display: block;
}

div.pagination {
  clear: both;
}

div.navigation div.top {
  margin-bottom: 12px;
  height: 11px;
}

div.navigation div.bottom {
  margin-top: 12px;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
  display: block;
  float: left;
  margin-right: 2px;
  padding: 4px 7px 2px 7px;
  /*! background-color: #1a1a1a; */
}

div.pagination a:hover {
  background-color: #eee;
  text-decoration: none;
  border-radius:9px;
}

div.pagination span.current {
  font-weight: bold;
  background-color: #fdd20a;
  color: #fff;
  border-radius:12px;
}

div.pagination span.ellipsis {
  border: none;
  padding: 5px 0 3px 2px;
}