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

body{
	margin:0 ;	
	font-family: 'ABeeZee', sans-serif;
	font-size:80%;
	color:#000;
	background:#bbdcff;
}
h1,h2,h3,h4,h5,div,p,ul,li,input,form,strong{
	margin:0px;
	padding:0px;
}

a:link, a:visited{
	text-decoration:none;	
}
a:hover{
	text-decoration:none;	
}
.main{
	width:80%;
	margin:0 auto;	
	padding-left:2%;
}
.header{
	/*background:url(../images/header-bg.png)	repeat-x left top;
	min-height:5em;
	height:auto;*/
}
.logo{
	width:12%;
	float:left;	
	text-align:right;
}
.logo-right{
	width:88%;
	float:left;	
	text-align:left;
}
img{
	border:none;	
	height: auto; 
	max-width: 100%;
}
.nav{
	padding:0.5em 0 0 0.5em;
	width:100%;
		
}
.nav ul{
	margin:0;
	padding:0;	
	text-align:right;
	float:left;
width:100%;

}
.nav ul li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
.nav ul li a:link, .nav ul li a:visited{
	text-decoration:none;
	padding:0 0 0 3%;
	display:inline;
	
}
.nav ul li a.home{
	padding-left:0;
}
.nav ul li a.contact{
	padding-right:0;
}
.nav ul li a:hover{
	opacity: 0.5;	
}
.hed-outer{
	float:left;
	width:100%;	
	background:url(../images/header-bg.png)	repeat-x left top;
}
.contentarea{
	background:#bbdcff url(../images/wrapbg.jpg) repeat-x center top;
	min-height:36em;
	
	
}
.content-out img{
	height: auto; 
	max-width: 100%;
}
.content-out{
	width:100%;
	float:left;
	padding-top:2%;	

}
.sidebox{
	width:25%;
	float:left;
}
.sidebox2{
	width:25%;
	float:right;
}
.midbox h2{
	background:url(../images/lne.png) no-repeat left bottom;
	padding:1% 0;
	margin-bottom:1%;
}

.midbox{
	float:left;
	width:41%;	
	background:#c3e0fe;
	margin:0 2%;
	padding:1% 1.5%;box-shadow:1px 1px  5px 5px #97badf ;
	height:35.4em;
}
.midbox2cols{
	float:left;
	width:60%;	
	background:#c3e0fe;
	margin:0 2%;
	padding:1% 1.5%;box-shadow:1px 1px  5px 5px #97badf ;
	height:35.4em;
}
.box{
	background:#c3e0fe;
	padding:3%;
	box-shadow:1px 1px  5px 5px #97badf ;	
	margin-bottom:1.5em;
}.box img:hover{
	opacity:0.8;
}
.boxinlast:hover,.boxin:hover{
	background:#ff3972;/*opacity:0.8;*/
}
.boxinlast img:hover{
	
}
.boxinlast{
	background:#c3e0fe;
	padding:3%;
	box-shadow:1px 1px  5px 5px #97badf ;	
	margin-bottom:0em;
}
.boxin{
	background:#c3e0fe;
	padding:3%;
	box-shadow:1px 1px  5px 5px #97badf ;	
	margin-bottom:2.4em;
}.boxin img:hover{
	/*opacity:0.8;*/
}
.box-active{
	background:#ff3972;
	padding:3%;
	box-shadow:1px 1px  5px 5px #97badf ;	
	margin-bottom:1.9em;
}
.home-content{
	font-family: 'Raleway', sans-serif;
	font-size:2em;	
	color:#504f4f;
	line-height:1.5em;
	font-weight:200;
	text-align:center;
}
.prdt-box-new{
	float:left;
	width:25%;
	  background-color: #f6f6f6;
    border-radius: 6px 6px 6px 6px;
	webkit-border-radius: 6px 6px 6px 6px;
	moz-radius: 6px 6px 6px 6px;	
    padding: 14px;
	box-shadow:5px 5px 5px #333;
}
.prdct-desc-bg{
	background:#34495e;
	padding:2%;
	font-family: 'Raleway',sans-serif;
    font-size: 1.5em;
    font-weight: 200;
    line-height: 1.5em;	
	color:#f9f9f9;
	width:66%;
}.prdct-pdf-bg:hover,.prdct-vid-bg:hover{
	background:#34495e;
}
.prdct-pdf-bg{
	background:#ec7063; width:30%;
}
.prdct-vid-bg{
	background:#5dade2;  width:30%;
}
.red{
	color:#ef3e42;
}
.divider{
	clear:both;
	margin:1em 0;
	background:url(../images/divider.png) no-repeat center center;
	height:1px;
}
.blue{
	color:#00aeff;	
}
.green{
	color:#84b32b;	
}
#carousel {
	width:100%;
		
	margin:0 auto;
}
.submitenq{
	cursor:pointer;
    background-color: #FAA732;
    background-image: linear-gradient(to bottom, #FBB450, #F89406);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius:8px;
	moz-border-radius:8px;
	webkit-border-radius:8px;
	padding:10px;margin:5px;	
	box-shadow:5px 5px 5px #97BADF;
	
}.infiled{
	background:#fff;
	border:3px solid #c3e0fe;
	padding:10px;
	width:35%;
	margin:5px;	
	border-radius:8px;
	moz-border-radius:8px;
	webkit-border-radius:8px;
	float:left;font-family: 'ABeeZee', sans-serif;
	box-shadow:5px 5px 5px #97BADF;
}
.newform textarea{
	background:#fff;
	border:3px solid #c3e0fe;
	padding:10px;
	width:71%;
	margin:5px;	
	border-radius:8px;
	moz-border-radius:8px;
	webkit-border-radius:8px;
	float:left;
	font-family: 'ABeeZee', sans-serif;
	font-size:100%;
		box-shadow:5px 5px 5px #97BADF;
}.newform textarea:hover{
	border:3px solid #FAA732;
}
.infiled:hover{
	border:3px solid #FAA732;
}
.newform{
	padding:2%;	
}
.midpad{
	/*padding:0.5em;	*/
}
#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:425px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:445px;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	/*width:445px;*/
	height:425px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons {
	padding:1.0em 0 5px 0;	
	float:right;
}

#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}

.noslide ul li{
	width:100%;font-size:1.0em;
	list-style:none;
	text-align:justify;
	line-height:1.5em;
	padding-top: 0.5em;
}

/**2nd slides start**/

#carousel2 {
	width:100%;
		
	margin:0 auto;
}

#slides2 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides2 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides2 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides2 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons2 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons2 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev2 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev2:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next2 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next2:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides2**/

/**3rd slides start**/

#carousel3 {
	width:100%;
		
	margin:0 auto;
}

#slides3 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides3 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides3 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides3 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons3 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons3 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev3 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev3:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next3 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next3:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides3**/

/**4th slides start**/

#carousel4 {
	width:100%;
		
	margin:0 auto;
}

#slides4 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides4 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides4 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides4 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons4 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons4 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev4 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev4:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next4 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next4:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides4**/

/**5th slides start**/

#carousel5 {
	width:100%;
		
	margin:0 auto;
}

#slides5 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides5 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides5 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides5 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons5 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons5 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev5 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev5:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next5 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next5:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides5**/

/**6th slides start**/

#carousel6 {
	width:100%;
		
	margin:0 auto;
}

#slides6 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides6 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides6 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides6 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons6 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons6 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev6 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev6:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next6 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next6:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides6**/

/**7th slides start**/

#carousel7 {
	width:100%;
		
	margin:0 auto;
}

#slides7 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides7 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides7 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides7 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons7 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons7 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev7 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev7:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next7 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next7:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides7**/

/**8th slides start**/

#carousel8 {
	width:100%;
		
	margin:0 auto;
}

#slides8 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides8 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides8 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides8 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons8 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons8 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev8 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev8:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next8 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next8:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides8**/

/**9th slides start**/

#carousel9 {
	width:100%;
		
	margin:0 auto;
}

#slides9 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides9 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides9 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides9 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons9 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons9 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev9 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev9:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next9 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next9:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides9**/

/**10th slides start**/

#carousel10 {
	width:100%;
		
	margin:0 auto;
}

#slides10 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides10 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides10 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides10 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons10 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons10 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev10 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev10:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next10 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next10:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides10**/


/**11th slides start**/

#carousel11 {
	width:100%;
		
	margin:0 auto;
}

#slides11 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides11 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides11 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides11 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons11 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons11 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev11 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev11:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next11 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next11:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides11**/


/**12th slides start**/

#carousel12 {
	width:100%;
		
	margin:0 auto;
}

#slides12 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides12 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides12 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides12 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons12 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons12 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev12 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev12:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next12 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next12:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides12**/



/**13th slides start**/

#carousel13 {
	width:100%;
		
	margin:0 auto;
}

#slides13 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides13 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides13 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides13 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons13 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons13 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev13 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev13:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next13 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next13:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides13**/

/**14th slides start**/

#carousel14 {
	width:100%;
		
	margin:0 auto;
}

#slides14 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides14 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides14 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides14 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons14 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons14 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev14 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev14:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next14 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next14:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides14**/


/**15th slides start**/

#carousel15 {
	width:100%;
		
	margin:0 auto;
}

#slides15 {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:99%;
	height:390px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides15 ul {
	/*position:relative;
	left:0;
	top:0;*/
	list-style:none;
	margin:0;
	padding:0;	
	/*width:87%;	*/		
}

/* width of the item, in this case I put 250x250x gif */
#slides15 li {
	/*width:87%;*/
	height:390px;
	float:left;
	text-align:justify;
	line-height:1.5em;
}

#slides15 li img {
	padding:5px;
}

/* Styling for prev and next buttons */
#buttons15 {
	padding:1em 0 5px 0;	
	float:right;
}

#buttons15 a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev15 {
	background:url(../images/arrowl.png) no-repeat right top;
}

a#prev15:hover {
	background:url(../images/arrowl-hover.png) no-repeat right top;
}

a#next15 {
	background:url(../images/arrow.png) no-repeat right top;
}

a#next15:hover {
	background:url(../images/arrow-hover.png) no-repeat right top;
}
/*** End slides15**/


.clear {clear:both}
.vid{
	width:30%; float:left;
	padding-top:0.5em;
}
.vid_1{
	/*width:30%;*/
	float:left;
	padding-top:0.8em;
}
a.pdficon:link, a.pdficon:visited{
	background:url(../images/pdf-icon.png) no-repeat left top;
	width:31px;
	height:28px;
	display:block;
	float:left;
}a.pdficon:hover{
	background:url(../images/pdf-icon-hover.png) no-repeat left top;
}
a.vidicon:link, a.vidicon:visited{
	background:url(../images/video-icon.png) no-repeat left center;	
	width:31px;
	height:28px;display:block;
	float:left;
}a.vidicon:hover{
	background:url(../images/video-icon-hover.png) no-repeat left center;
}

	/****tab 2****/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	height:100%;
	float:left;
	
}
.tabberlive {
 margin-top:0;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 0.3em 0 0 0;
 background:url(../images/tabbg.png) repeat-x left top;
	height:2.5em;	
 
}

ul.tabbernav li
{
 list-style: none;
 margin: 0; padding: 0;
 display: inline;
}

ul.tabbernav li a
{

 padding:0 0.9em;
 font-family: 'Rationale', sans-serif;
 font-size:1.5em;
 text-transform:uppercase
}

ul.tabbernav li a:link,ul.tabbernav li a:visited {  color:#535252; border-right:1px solid #b7c3cd; }


ul.tabbernav li a:hover
{
 color: #d73914;

}

ul.tabbernav li.tabberactive a
{
 
  color: #d73914;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #d73914;
 /*background: white;
 border-bottom: 1px solid white;*/
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	
	/*border:1px solid #aaa;*/
	 border-top:0;
	 float:left;
	
 

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 
}

@media (max-width: 600px) {
	.main{
		width:100%;
	}
	.nav ul li a:link, .nav ul li a:visited{
		padding-left:1.5%;
	}
	.midbox{
		height:auto;	
	}
	.home-content{
		font-size:1.6em;		
	}
	#slides,#slides ul,#slides li{
		width:100%;font-size:0.95em;
	}
	ul.tabbernav li a{
		font-size:1.1em;	
	}
	.noslide ul li{
	width:100%;font-size:0.95em;
	list-style:none;
	text-align:justify;
	padding-top: 0.5em;
}
}
@media (max-width: 1024px) {
	.nav ul li a:link, .nav ul li a:visited{
		padding-left:1.5%;
	}
	.midbox{
		height:auto;	
	}
	.home-content{
		font-size:1.6em;		
	}
	#slides,#slides ul,#slides li{
		width:100%;font-size:0.95em;
	}
		#slides2,#slides2 ul,#slides2 li{
		width:100%;font-size:0.95em;
	}
	#slides3,#slides3 ul,#slides3 li{
		width:100%;font-size:0.95em;
	}
	#slides4,#slides4 ul,#slides4 li{
		width:100%;font-size:0.95em;
	}
	#slides5,#slides5 ul,#slides5 li{
		width:100%;font-size:0.95em;
	}
	#slides6,#slides6 ul,#slides6 li{
		width:100%;font-size:0.95em;
	}
	#slides7,#slides7 ul,#slides7 li{
		width:100%;font-size:0.95em;
	}
	#slides8,#slides8 ul,#slides8 li{
		width:100%;font-size:0.95em;
	}
	
	ul.tabbernav li a{
		font-size:1.1em;	
	}
	.noslide ul li{
	width:100%;font-size:0.95em;
	list-style:none;
	text-align:justify;
	line-height:1.3em;
	padding-top: 0.5em;
}
}
@media (max-width: 768px) {
		.main{
		width:100%;
	}
	.nav ul li a:link, .nav ul li a:visited{
		padding-left:1.5%;
	}
	.midbox{
		height:auto;	
	}
	.home-content{
		font-size:1.6em;		
	}
	#slides,#slides ul,#slides li{
		width:100%;font-size:0.95em;
	}
	#slides2,#slides2 ul,#slides2 li{
		width:100%;font-size:0.95em;
	}
	ul.tabbernav li a{
		font-size:1.1em;	
	}
	.noslide ul li{
	width:100%;font-size:0.95em;
	list-style:none;
	text-align:justify;
	padding-top: 0.5em;
}
}
@media(max-width:320px){
		.main{
		width:100%;
	}
	.logo{
	width:100%;
	float:left;	
	text-align:center;
}
.logo-right{
	width:98%;
	float:left;	
	text-align:left;
}
.nav{
	padding:0;
}
.midbox{
	float:left;
	width:99%;	
	background:#c3e0fe;
	margin:0 2%;
	padding:1% 1.5%;box-shadow:1px 1px  5px 5px #97badf ;
	height:99%;
}
.box{
	display:none;	
}
.noslide ul li{
	width:100%;font-size:0.95em;
	list-style:none;
	text-align:justify;
	padding-top: 0.5em;
}
}
@media (max-width: 685px) {
		.main{
		width:100%;
	}
	.nav ul li a:link, .nav ul li a:visited{
		padding-left:1.5%;
	}
	.midbox{
		height:auto;	
	}
	.home-content{
		font-size:1.6em;		
	}
	#slides,#slides ul,#slides li{
		width:100%;font-size:0.95em;
	}
	#slides2,#slides2 ul,#slides2 li{
		width:100%;font-size:0.95em;
	}
	ul.tabbernav li a{
		font-size:1.1em;	
	}
	.noslide ul li{
	width:100%;font-size:0.95em;
	list-style:none;
	text-align:justify;
	padding-top: 0.5em;
}
}
@media (max-width: 380px) {
		.main{
		width:100%;
	}
	.nav ul li a:link, .nav ul li a:visited{
		padding-left:1.5%;
	}
	.midbox{
		height:auto;	
	}
	.home-content{
		font-size:1.6em;		
	}
	#slides,#slides ul,#slides li{
		width:100%;font-size:0.95em;
	}
	#slides2,#slides2 ul,#slides2 li{
		width:100%;font-size:0.95em;
	}
	ul.tabbernav li a{
		font-size:1.1em;	
	}
	.noslide ul li{
	width:100%;font-size:0.95em;
	list-style:none;
	text-align:justify;
	padding-top: 0.5em;
}
}
@media (max-width: 568px) {
		.main{
		width:100%;
	}
	.nav ul li a:link, .nav ul li a:visited{
		padding-left:1.5%;
	}
	.midbox{
		height:auto;	
	}
	.home-content{
		font-size:1.6em;		
	}
	#slides,#slides ul,#slides li{
		width:100%;font-size:0.95em;
	}
	ul.tabbernav li a{
		font-size:1.1em;	
	}
	.noslide ul li{
	width:100%;font-size:0.95em;
	list-style:none;
	text-align:justify;
	padding-top: 0.5em;
}
}
.bullet{
	margin:0px;
	padding:0px;
}
ul#bullet {
	margin:0px;
	padding:0px;
}
ul li#bullet{
	margin:0px;
	padding:0px;
	list-style-type:disc;
}

/* contact us stylesheet */

.addressnew{
	float:left;
	width:290px;
	height:140px;
	padding:20px;
	border-radius:5px;
	moz-border-radius:5px;
	webkit-border-radius:5px;
	border:1px solid #5495de;
	box-shadow:3px 3px 3px #333;
	background:url(../images/bg-cont2.png) repeat left top;
	margin:10px;
	}
	
	
	/*submit button*/
	
	input[type=button]
{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: -moz-linear-gradient(center top , white, #72C6E4 4%, #0C5FA5) repeat scroll 0 0 transparent;
	border-color: #50A3C8 #297CB4 #083F6F;
	border-image: none;
	border-radius: 0.333em 0.333em 0.333em 0.333em;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.429em;
	padding: 2px 8px 2px 8px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
input[type=button]:hover
{
	background: -moz-linear-gradient(center top , white, #2BCEF3 4%, #057FDB) repeat scroll 0 0 transparent;
	border-color: #1EAFDC #1193D5 #035592;
}

.btn
{
padding-left:155px; padding-top:6px; height:40px;	
}

.btn_subresume
{
padding-left:175px; padding-top:0px; height:40px;
}

.btn_partnership
{
padding-left:220px; padding-top:15px; height:40px;
}

.btn_proposal
{
padding-left:212px; padding-top:15px; height:40px;
}
.imgcls{
	float:right; 
	margin-left:10px; 
	background:#fff; 
	padding: 5px; 
	box-shadow:1px 1px 1px #333	
}