@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'avenir_lt_std85_heavy';
    src: url('avenirltstd-heavy.eot');
    src: url('avenirltstd-heavyd41d.eot?#iefix') format('embedded-opentype'),
	url('avenirltstd-heavy.svg#avenir_lt_std85_heavy') format('svg'),
         url('avenirltstd-heavy.woff') format('woff'),
         url('avenirltstd-heavy.ttf') format('truetype');
         
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'neutra_displaytitling';
    src: url('neutradisplaybold-webfont_0-webfont.eot');
    src: url('neutradisplaybold-webfont_0-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('neutradisplaybold-webfont_0-webfont.woff') format('woff'),
         url('neutradisplaybold-webfont_0-webfont.ttf') format('truetype'),
         url('neutradisplaybold-webfont_0-webfont.svg#neutra_displaytitling') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

@font-face {
    font-family: 'MyriadProRegular';
    src: url('myriadpro-regular_0-webfont.eot');
    src: url('myriadpro-regular_0-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-regular_0-webfont.woff') format('woff'),
         url('myriadpro-regular_0-webfont.ttf') format('truetype'),
         url('myriadpro-regular_0-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CSS Document */

body {
	font-family: 'DroidSansRegular';
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #6B6B6B;
	text-decoration: none;
	margin:0px;
	background-color:#000;


}


::selection {
        background: #1697DC; /* Safari */
		color:#fff;
        }
::-moz-selection {
        background: #1697DC; /* Firefox */
		color:#fff;
}
img{
border:0;
}	




a {
	color:#1697DC;
	text-decoration: none;
		-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	
	}
	
a:hover {
	color: #3158B9;

	}
p {
	margin:0 0 15px 0;
	clear:left;
	padding:0;
	}
	
h1, h2, h3, h4 {
	margin:0 0 15px 0;
	clear:left;
	padding:0;
	font-weight: normal;
	font-variant: normal;
	line-height:normal;

		
	}
hr {
	margin:15px 0;
	height:0;
	border:0 solid #BCBCBC;
	border-top:1px solid #BCBCBC;
	clear:both;


}	

.title, .subtitle, .heading, .subheading{
	color:#3158B9;
	font-size:20px;
	font-family: 'neutra_displaytitling';
	
}

	
.subtitle{
	color:#1697DC;
	font-size:15px;
	
}

.heading{
	
	color:#1697DC;
	font-size:23px;

	
}


.subheading{
	color:#000;
	font-size:23px;
	}

.more{}

.more a{
	background-color:#1697DC;
	padding:10px 20px;
	color:#fff;
	font-family: 'avenir_lt_std85_heavy' , Arial;
	font-family:20px;
	text-decoration:none;
}

.more a:hover{
	background-color:#FF1800;

}
.viewmore{}

.viewmore a{
	padding:10px 20px 10px 0;
	color:#1495DA;
	font-family: 'avenir_lt_std85_heavy' , Arial;
	font-family:11px;
	text-decoration:none;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.viewmore a:hover{
	color:#000;

}

.viewmore1{}

.viewmore1 a{
	padding:10px 20px 10px 0;
	color:#1495DA;
	font-family: 'avenir_lt_std85_heavy' , Arial;
	font-family:11px;
	text-decoration:none;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top:130px;
	margin-left:-290px;
	position:absolute;
}

.viewmore1 a:hover{
	color:#000;

}
/****************************************************************************/
                            /*css5*/
/****************************************************************************/

.top-container{
	width:100%;
	height:140px;
	float:left;
	background-color:#fff;
}
.rsm{
	width:auto;
	height:auto;
	float:left;
	margin-top:9px;
}
.topinfo{
	width:302px;
	height:auto;
	float:right;
	margin-top:30px;
	color:#4A4542;
	text-align:right;
	font-family: 'avenir_lt_std85_heavy' , Arial;
	font-size:14px;
}
.navigation{
	width:100%;
	height:53px;
	float:left;
	background-color:#565656;
}



.banner{
	width:100%;
	height:auto;
	float:left;
	border-bottom:4px solid #fff;
	border-top:4px solid #fff;
	background-color:#000;
}
.main-wraper{
	width:1000px;
	height:auto;
	margin:0 auto;
}
.intro{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	color:#fff;
	font-family: 'avenir_lt_std85_heavy' , Arial;
	font-size:15px;
	text-align:center;
	line-height:22px;
	text-transform:uppercase;
	padding:40px 0;
}


.genrow{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:15px;
	font-size:13px;
	text-align:left;

	
}

.box{
	width:33%;
		height:263px;
	float:left;
	background-color:#fff;
   background-image: linear-gradient(to right, #fff, #CFEEFE);
   background-repeat: repeat-x;
   margin:0 1px;
   position:relative;
}

.services{
	width:100%;
	height:263px;
	float:left;
	background-image: url(../images/services-bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
	}


.products{
	width:100%;
	height:263px;
	float:left;
	background-image: url(../images/products-bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
	}
	
.inside{
	padding:45px 18px 0 18px;
	
}
.inside2{
	padding:45px 20px 0 18px;
	width:55%;
}




.fadein {
	margin:10px 0;
	position:relative;
	height:auto;
	width:100%;
	float:left;
	height:auto;
	margin-bottom:15px;
	}
.fadein img {
	position:absolute;
	left:0;
	top:0;
	display:block;
	}
	
	
	
/************footer*******************/
.footer{
	width:100%;
	height:auto;
	float:left;
	background-color:#2C2C2C;
	padding:50px 0;
	color:#D6D6D6;
}
.footer a{
	color:#D6D6D6;
}

.footer a:hover{
	color:#fff;
}
.col{
	width:33.3%;
	height:auto;
	float:left;
}
.social{
	width:auto;
	height:auto;
	float:left;
	margin-bottom:15px;

}	


.social-roll {
	
	height: 34px;
	width: 34px;
	margin: 0 5px 0 0;
	float: left;
	-moz-border-radius:50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
	background-color:#5B5B5B;
	
}
.social-roll:hover {
	
	/*box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);*/
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
	background-color:#09AAF7;

}


.span1 {
	font-size:15px;
	margin:0 0 15px 0;
	padding:0;
	color:#fff;
	font-family: 'avenir_lt_std85_heavy' , Arial;
}
.copyright{
	width:1000px;
	height:auto;
	line-height:50px;
	margin:0 auto;
	color:#fff;


}

/************footer*******************/


.growthchart{
	width:100%;
	height:348px;
	float:left;
	text-align:center;
	color:#fff;
	font-size:32px;
	font-family: 'avenir_lt_std85_heavy' , Arial;
	background-image: url(../images/growthchart.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin:40px 0;
	line-height:normal;
}

/***********fixed bar go top**********/
#fixed-bar {
   
    z-index: 100;
	width:40px;
	height:40px;
	position:absolute;
	bottom:0px;
	right:10px;
	padding-bottom:10px;

}
#fixed-bar a {
	width:40px;
	height:40px;
	float:right;
	display:block;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#000;
	/*-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	background-color:#09AAF7;
	text-indent:-9999px;
	
}
#fixed-bar a:hover {
  background-color:#52C7FF;
}



/*********************forms**************************/
.newsletterwraper{
	width:100%;
	height:auto;
	float:left;
}


.textfield{
	width:209px;
	height:24px;
	float:left;
	background-color:#fff;
	margin:0;
	padding:5px 10px;
	border:0;
	color:#A1A1A1;
	font-size:12px;
	font-family: Arial;
	vertical-align:top;
	display:block;
	}
	
.gobutton{
	width:100px;
	height:35px;
	float:left;
	margin:0;
	padding:0;
	border:0;
	background-color:#09AAF7;
	cursor:pointer;
	font-family: 'avenir_lt_std85_heavy' , Arial;
	color:#fff;
	font-size:15px;

}
.gobutton:hover{
	background-color:#52C7FF;

}

.searchbox{
	width:300px;
	height:30px;
	border:#DDD 1px solid;
	background-color:#fff;
   background-image: linear-gradient(to bottom, #fff, #F3F3F3);
   background-repeat: repeat-x;
}
.search{
	width:250px;
	height:20px;
	float:left;
	background-color:#fff;
   background-image: linear-gradient(to bottom, #fff, #F3F3F3);
   background-repeat: repeat-x;
	margin:0;
	padding:5px 10px;
	border:0;
	color:#A1A1A1;
	font-size:12px;
	font-family: Arial;
	vertical-align:top;
	display:block;
	}
	
.searchbutton{
	width:29px;
	height:30px;
	background-color:transparent;
	margin:0;
	padding:0;
	text-indent:-9999px;
	border:0;
	display:block;
	float:left;
	background-image: url(../images/searchicon.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
	border-left:#DDD 1px solid;
}
.searchbutton:hover{
	opacity: 0.5;
     filter: alpha(opacity = 50);
	 }
	 /*****************banner*********************/
	 
	 
.aboutbanner{
	width:100%;
	height:386px;
	float:left;
	border-bottom:4px solid #fff;
	border-top:4px solid #fff;
	background-color:#000;
	background-image: url(../images/aboutbanner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.innercontent{
	width:960px;
	height:auto;
	float:left;
	background-color:#fff;
	margin:50px 0;
	padding:20px;
}
.leftcol{
	width:250px;
	height:auto;
	float:left;
	padding:15px 0 0 0;
	
}

.rightcol{
	width:680px;
	height:auto;
	float:right;
}

.pagetitle{
	font-family: 'neutra_displaytitling';
	 color:#1697DC;
	font-size:20px;
	text-transform: uppercase;
	border-bottom:1px solid #E1E1E1;
	padding-bottom:15px;
	margin-bottom:15px;
	line-height:50px;
	font-weight:normal;
	
}
.pagetitle a{
    font-family: 'neutra_displaytitling';
	color:#757575;
	font-size:12px;
	text-transform:none;
	padding-right:20px;
	margin-right:10px;
	text-decoration:none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight:normal;
}
.pagetitle a:hover{
	color:#00BBD7;
	}
	
.imgstyle{
background-color:#fff;
padding:10px;
	-webkit-box-shadow: 0px 1px 1px #E0E0E0;
-moz-box-shadow:    0px 1px 1px  #E0E0E0;
box-shadow:         0px 1px 1px  #E0E0E0;
}



/**********sidemenu***/
#side-menu{
	width:100%;
	height:auto;
	float:left;
	margin:15px 0;
	

	}
#side-menu ul{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px dashed #E1E1E1;
	}

#side-menu li{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	}

#side-menu a{
	width:100%;
	float:left;
	line-height:normal;
	padding:10px 0;
	text-align:left;
	text-decoration:none;
	display:block;
	font-size:14px;
	color:#000;
	border-bottom:1px dashed #BCBCBC;
		-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
	font-family: 'avenir_lt_std85_heavy' , Arial;
	text-transform:uppercase;
	

	
	}
#side-menu a:hover{
	
	color:#1697DC;
		-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
	margin-left: -5px;	
	}
.text_name {
  width:235px;
  height:40px;
  float:left;
  background-image:url(../images/bo1.png);
  background-position:center top;
  background-repeat:no-repeat;
  border:none;
  color:#000;
  font-size:15px;
  padding-left:35px;
  margin-left:10px;}
  
 .text_name1 {
  width:235px;
  height:40px;
  float:left;
  background-image:url(../images/bo2.png);
  background-position:center top;
  background-repeat:no-repeat;
  border:none;
  color:#000;
  font-size:15px;
  margin-left:10px;
  padding-left:35px;}
  
 .text_name2 {
  width:235px;
  height:138px;
  float:left;
  background-image:url(../images/bo3.png);
  background-position:center top;
  background-repeat:no-repeat;
  border:none;
  color:#000;
  font-size:15px;
  padding-left:35px;
  margin-left:10px;
  padding-top:12px;
  }
  
 .text_name3 {
  width:125px;
  height:40px;
  float:right;
  background-image:url(../images/sub.png);
  background-position:top;
  background-repeat:no-repeat;
  border:none;
  color:#000;
  font-size:15px;
  padding-top:10px;
  margin-right:10px;

  }
.table{
 width:300px;
 height:480px;
 float:right;
 margin-right:50px;
 background-color:#f0f0f0;
 border-radius:18px;
 margin-bottom:10px;
 }
 .tab {
	font-family: 'droid_serifregular';
	font-size: 14px;
	font-weight: normal;
	color:#000000;
	margin:0px;
	padding-bottom:12px;
	padding-left:10px;
}
.td{
     border-bottom:solid 1px #bcbcbc;
	 border-left:solid 1px #bcbcbc;
	 }
.tr{
     border-top:solid 1px #bcbcbc;
	 border-right:solid 1px #bcbcbc;
}
.td1{
     border-bottom:dashed 1px #000;
	 border-left:dashed 1px #000;
	 }
.tr1{
     border-top:dashed 1px #000;
	 border-right:dashed 1px #000;
	 }
.subul {
    margin:0px;
	padding:0px;
}
.subli {
    background-image:url(../images/li.jpg);
	background-position:left 5px;
	background-repeat:no-repeat;
	line-height:24px;
	padding-left:16px;
	list-style:none;
}