@charset "utf-8";
/* CSS Document */
#wrapper{
	width:950px;
	height:820px;
	padding:10px;
	margin:auto;
	background-color:#3C6;
	border-radius:15px;
	opacity:0.9;
	filter:alpha(opacity=90);
}

	
#body_wrapper{
	background-color:#030;
}

body,td,th {
	font-family: "Comic Sans MS", cursive;
	font-size: 100px;
	color: #000;
	font-stretch: condensed;
	position: relative;
	background-color: #9F9;
}


#site-title{
	float:left;
}


.nav, .nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

/* The main container */
.nav {
	/* Layout and positioning */
	display: block;
	position: relative;
	height: 36px;
	width: 950px; /* CHANGE this if you want another width or remove it if you want the width of the container */
	border-radius: 10px;
	border: 2px solid #c1c1c1;

	/* Background and effects */
	background: #99CCFF; /* Background for IE9 and older browsers */
	background: -webkit-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Chrome & Safari */
	background: -moz-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Firefox */
	background: -o-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Opera */
	background: -ms-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Internet Explorer 10 */
	box-shadow: inset 0 5px 0 #F00;
}

.nav>li {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
}

/* The main navigation links */
.nav>li>a {
	/* Layout */
	display: block;
	padding: 11px 20px;

	/* Typography */
	font-family:  "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color:  #030;
	text-shadow: 0 2px 0 #fff;

	/* Effects */
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

/* The hover state of the navigation links */
.nav>li>a:hover, .nav>li:hover>a {
	background: #fff;
	background: rgba(255, 255, 255, .6);
	font-style: inherit;
	color: #960;
}

.nav>li:first-child>a {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.nav>.dropdown>a {
	padding-right: 26px;
}

/* The arrow indicating a dropdown menu */
.nav>.dropdown>a::after {
	 content: "";
	 position: absolute;
	 top: 14px;
	 right: 11px;
	 width: 4px;
	 height: 4px;
	 border-bottom: 1px solid #9a9a9a;
	 border-right: 1px solid #9a9a9a;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	}

/* Changing the color of the arrow on hover */
.nav>.dropdown>a:hover::after, .nav>.dropdown:hover>a::after {
	border-color: #F90;
	
}

.nav ul {
	position: relative;
	position: absolute;
	left: -9999px;
	display: block;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}

/* Level 1 submenus */
.nav>li>ul {
	padding-top: 0px;
	z-index: 99;
	border-top: 1px solid  #030;
	top: 34px;
}

/* Making the level 1 submenu to appear on hover */
.nav>li:hover>ul {
	left: -1px;
}

/* Level 2+ submenus */
.nav ul ul {
	left: -9999px;
	top: 0px;
	z-index: 999;
}

/* Making the level 2+ submenu to appear on hover */
.nav ul>li:hover>ul {
	left: 120px;
	top: -1px;
}

/* The submenu link containers */
.nav ul li {
	position: relative;
	display: block;
	border-left: 2px solid #330000;
	border-right: 2px solid #330000;

	/* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
	height: 0px;
	-webkit-transition: height .3s;
	-moz-transition: height .3s;
	-o-transition: height .3s;
	-ms-transition: height .3s;
}

/* Expanding the list elements which contain the links */
.nav li:hover>ul>li {
	height: 25px;
}

.nav ul li:hover>ul>li:first-child {
	height: 26px;
}

/* The links of the submenus */
.nav ul li a {
	/* Layout */
	display: block;
	width: 120px;
	padding: 6px 10px 6px 10px;
	border-bottom: 1px solid #e1e1e1;

	/* Typography */
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
	
	/* Background & effects */
	background: #600;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}

/* The hover state of the links */
.nav ul li>a:hover, .nav ul li:hover>a {
	background: #006600;
	color:  #CC0;
}

.nav ul ul>li:first-child>a {
	border-top: 2px solid #c1c1c1;
}

.nav ul>li:last-child>a {
	border-bottom: 1px solid #c1c1c1;
}


/* The arrow indicating a level 2+ submenu */
.nav ul>.dropdown>a::after {
	content: "";
	 position: absolute;
	 top: 10px;
	 right: 4px;
	 width: 2px;
	 height: 2px;
	 border-bottom: 2px solid #a6a6a6;
	 border-right: 1px solid #a6a6a6;
	 -webkit-transform:  none;
	 -ms-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
}

.nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
	border-color: #0000CC;
}



/*slider*/
#slider {
	position: relative;
	width: 750px;
	padding-right: 10px;
	margin:auto;
	outline-width:3px;
	outline-color:#930;
	border-color:#FFF;
	border-top:0px;
	box-shadow: 2 2 50px rgba(2,2,2,1.4);
	float:right 0px;
	
	
}
#slider <div{
	padding-right:0px;
	
	}


#slider .viewer {
	width: 750px;
	height: 400px;
	overflow: hidden;
	margin: -50px,5px,5px,0px;
	
}

#slider .viewer .reel {
	display: none;
	height: 400px;
}

#slider .viewer .reel .slide {
	position: relative;
	width: 750px;
	height: 400px;
	padding-right:0px;
	
	
}


#box2{
	width:750px;
	height:400px;
	border-radius:0px;
	border:#0FF solid 0px;
	background:none;
	float:right;
	margin-top:0px;
	margin-right: 0px;
	padding-right:opx;
	
	}
	/*slider end*/
	
/*sponcer box---*/	
.view-sixth img {  
   -webkit-transition: all 0.4s ease-in-out 0.5s;  
   -moz-transition: all 0.4s ease-in-out 0.5s;  
   -o-transition: all 0.4s ease-in-out 0.5s;  
   -ms-transition: all 0.4s ease-in-out 0.5s;  
   transition: all 0.4s ease-in-out 0.5s;  
}  
.view-sixth .mask {  
   background: rgba(146,96,91,0.5);  
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";  
   filter: alpha(opacity=0);  
   opacity: 0;  
   -webkit-transition: all 0.3s ease-in 0.4s;  
   -moz-transition: all 0.3s ease-in 0.4s;  
   -o-transition: all 0.3s ease-in 0.4s;  
   -ms-transition: all 0.3s ease-in 0.4s;  
   transition: all 0.3s ease-in 0.4s;  
}  
.view-sixth h2 {  
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";  
   filter: alpha(opacity=0);  
   opacity: 0;  
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);  
   background: transparent;  
   margin: 10px 40px 0px 40px;  
   -webkit-transform: scale(10);  
   -moz-transform: scale(10);  
   -o-transform: scale(10);  
   -ms-transform: scale(10);  
   transform: scale(10);  
   -webkit-transition: all 0.3s ease-in-out 0.1s;  
   -moz-transition: all 0.3s ease-in-out 0.1s;  
   -o-transition: all 0.3s ease-in-out 0.1s;  
   -ms-transition: all 0.3s ease-in-out 0.1s;  
   transition: all 0.3s ease-in-out 0.1s;  
}  
.view-sixth p {  
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";  
   filter: alpha(opacity=0);  
   opacity: 0;  
   -webkit-transform: scale(5);  
   -moz-transform: scale(5);  
   -o-transform: scale(5);  
   -ms-transform: scale(5);  
   transform: scale(5);  
   -webkit-transition: all 0.3s ease-in-out 0.2s;  
   -moz-transition: all 0.3s ease-in-out 0.2s;  
   -o-transition: all 0.3s ease-in-out 0.2s;  
   -ms-transition: all 0.3s ease-in-out 0.2s;  
   transition: all 0.3s ease-in-out 0.2s;  
}  
.view-sixth a.info {  
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";  
   filter: alpha(opacity=0);  
   opacity: 0;  
   -webkit-transform: translateY(100px);  
   -moz-transform: translateY(100px);  
   -o-transform: translateY(100px);  
   -ms-transform: translateY(100px);  
   transform: translateY(100px);  
   -webkit-transition: all 0.3s ease-in-out 0.1s;  
   -moz-transition: all 0.3s ease-in-out 0.1s;  
   -o-transition: all 0.3s ease-in-out 0.1s;  
   -ms-transition: all 0.3s ease-in-out 0.1s;  
   transition: all 0.3s ease-in-out 0.1s;  
}  
.view-sixth:hover .mask {  
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";  
   filter: alpha(opacity=100);  
   opacity: 1;  
   -webkit-transition-delay: 0s;  
   -moz-transition-delay: 0s;  
   -o-transition-delay: 0s;  
   -ms-transition-delay: 0s;  
   transition-delay: 0s;  
}  
.view-sixth:hover img {  
   -webkit-transition-delay: 0s;  
   -moz-transition-delay: 0s;  
   -o-transition-delay: 0s;  
   -ms-transition-delay: 0s;  
   transition-delay: 0s;  
}  
.view-sixth:hover h2 {  
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";  
   filter: alpha(opacity=100);  
   opacity: 1;  
   -webkit-transform: scale(1);  
   -moz-transform: scale(1);  
   -o-transform: scale(1);  
   -ms-transform: scale(1);  
   transform: scale(1);  
   -webkit-transition-delay: 0.1s;  
   -moz-transition-delay: 0.1s;  
   -o-transition-delay: 0.1s;  
   -ms-transition-delay: 0.1s;  
   transition-delay: 0.1s;  
}  
.view-sixth:hover p {  
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";  
   filter: alpha(opacity=100);  
   opacity: 1;  
   -webkit-transform: scale(1);  
   -moz-transform: scale(1);  
   -o-transform: scale(1);  
   -ms-transform: scale(1);  
   transform: scale(1);  
   -webkit-transition-delay: 0.2s;  
   -moz-transition-delay: 0.2s;  
   -o-transition-delay: 0.2s;  
   -ms-transition-delay: 0.2s;  
   transition-delay: 0.2s;  
}  
.view-sixth:hover a.info {  
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";  
   filter: alpha(opacity=100);  
   opacity: 1;  
   -webkit-transform: translateY(0px);  
   -moz-transform: translateY(0px);  
   -o-transform: translateY(0px);  
   -ms-transform: translateY(0px);  
   transform: translateY(0px);  
   -webkit-transition-delay: 0.3s;  
   -moz-transition-delay: 0.3s;  
   -o-transition-delay: 0.3s;  
   -ms-transition-delay: 0.3s;  
   transition-delay: 0.3s;  
}  
   
.view {  
   width: 100px;  
   height: 150px;  
   margin: 5px;  
   border: 5px solid #300;  
   overflow: hidden;  
   position: relative;  
   text-align: center;  
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;  
   -moz-box-shadow: 1px 1px 2px #e6e6e6;  
   box-shadow: 1px 1px 2px #e6e6e6;  
   cursor: default;  
   background: #39F url( url(BIRD.jpg)) no-repeat center center;  
}  
.view .mask,.view .content {  
   width: 100px;  
   height: 150px;  
   position: absolute;  
   overflow: hidden;  
   top: 0;  
   left: 0;  
}  
.view img {  
   display: block;  
   position: relative;  
}  
.view h2 {  
   text-transform: uppercase;  
   color: #FFF;  
   text-align: center;  
   position: relative;  
   font-size: 10px;  
   padding: 5px;  
   background: rgba(0, 0, 0, 0.8);  
   margin: 10px 0 0 0;  
}  
.view p {  
   font-family: Georgia, serif;  
   font-style: italic;  
   font-size: 10px;  
   position: relative;  
   color: #F00;  
   padding: 5px 10px 10px;  
   text-align: center;  
}  
.view a.info {  
   display: inline-block;  
   text-decoration: none;  
   padding: 3px 5px;  
   background: #009;  
   color: #fff;  
   text-transform: uppercase;  
   -webkit-box-shadow: 0 0 1px #000;  
   -moz-box-shadow: 0 0 1px #000;  
   box-shadow: 0 0 1px #000;  
   border-radius:10px;  
}  
.view a.info:hover {  
   -webkit-box-shadow: 0 0 5px #000;  
   -moz-box-shadow: 0 0 5px #000;  
   box-shadow: 0 0 5px #000;  
}  
#view <div {
	margin-right:0px;
	margin-top:400px;
	margin-bottom:50px;
	
	}
	
#box add{
	padding-top:20px;
	padding-right:0px;
	margin-top:50px;
	
	}
	
body {
	font-family: "Comic Sans MS", cursive;
	font-size: 80%;
	font-weight: bold;
	background: #FFF;
	}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding-left:-100px;
	}

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
	border: none;
	}
	
#menu {
	width: 200px;
	margin: 10px;
	}
	
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #FFF;
	display: block;
	background:  url(menu.gif);
	padding: 8px 0 0 35px;
	}
	
#menu li a:hover {
	color: #FFF;
	background:  url(menu.gif) 0 -32px;
	padding: 8px 0 0 35px;
	}
	/*sponcer box end---*/	
	
	
	
	/* side nav1 menu*/	
#box3{
	width:300px;
	height:300px;
	border-radius:0px;
	border:#0FF solid 0px;
	background:none;
	float:right0px;
	margin-top:0px;
	}
	

	
/* Some stylesheet reset */
ul.nav1, .nav1>li, .nav1>li>a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ul.nav1 {
	line-height: 1;
}

/* Basic layout & positioning */
.nav1, .nav1 ul {
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 170px;
}

	/* The list elements containing the links */
	.nav1 li, .nav1 ul li {
		display: block;
		position: relative;
		padding: 0;
		margin: 0;
	}

	/* The navigation links */
	.nav1>li>a {
		/* Layout */
		position: relative;
		display: block;
		width: 150px;
		padding: 10px 10px 10px 15px;
		border-top: 1px solid #252525;
		border-left: 1px solid #252525;
		border-right: 1px solid #252525;

		/* Text */
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
		color: #fff;
		text-shadow: 0 1px 1px #000;

		/* Background & effects */
		background: #434343; /* Background for old browsers */
		background: -webkit-linear-gradient(bottom, #434343, #515151); /* Background for Chrome & Safari */
		background: -ms-linear-gradient(bottom, #434343, #515151); /* Background for Internet Explorer 10 */
		background: -moz-linear-gradient(bottom, #434343, #515151); /* Background for Firefox */
		background: -o-linear-gradient(bottom, #434343, #515151); /* Background for Opera */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#434343',GradientType=0); /* Background for Internet Explorer 8-9 */
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); /* Subtle white inner shadow */
	}

	/* The arrow indicating a dropdown menu */
	.dropdown>a::after {
		 content: "";
		 position: absolute;
		 top: 16px;
		 right: 10px;
		 width: 0px;
		 height: 0px;

		 /* Creating the triangle using borders */
		 border-top: 5px solid #fff;
		 border-left: 4px solid transparent;
		 border-right: 4px solid transparent;
		 border-bottom: 5px solid transparent;
		}

	/* The hover state of the links */
	.nav1>li>a:hover, .nav1>li:hover>a {
		background: #373737;
		background: -webkit-linear-gradient(bottom, #373737, #444444);
		background: -ms-linear-gradient(bottom, #373737, #444444); 
		background: -moz-linear-gradient(bottom, #373737, #444444);
		background: -o-linear-gradient(bottom, #373737, #444444);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#373737',GradientType=0);
	}

	/* Subtle drop shadow for the last navigation link */
	.nav1>li:last-child>a {
		border-bottom: 1px solid #252525;
		box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .2),
					0px 1px 1px rgba(0, 0, 0, .3);
	}

	/* The dropdown list elements containing the sub-links */
	.nav1 ul li {
		position: absolute;
		height: 0px;
		top: -9999px;

		/* Creating the slide effect using transitions */
		-webkit-transition: height .3s ease-out;
		-ms-transition: height .3s ease-out;
		-moz-transition: height .3s ease-out;
		-o-transition: height .3s ease-out;
	}

	.nav1 li:hover li {
		/* Expanding the list elements */
		height: 30px;
		position: relative;
		top: auto;
	}

	/* The dropdown menu's links */
	.nav1 ul li a {
		/* Layout & positioning */
		position: relative;
		display: block;
		width: 140px;
		padding: 8px 10px 8px 25px;
		border-top: 1px solid #252525;

		/* Text */
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 13px;
		text-decoration: none;
		border-left: 1px solid #252525;
		border-right: 1px solid #252525;
		background: #2f2f2f;
		color: #9f9f9f;
		
	}

	/* The hover state of the dropdown menu links */
	.nav1 ul li a:hover {
		color: #fff;
	}

	.nav1 .dropdown:hover li:first-child a {
		box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .12);
		border-top: 1px solid #252525;
	}

	.nav1 li:last-child ul li:last-child a {
		border-bottom: 1px solid #252525;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, .3);
	}
	
	/* end side nav1 menu*/
#box4{
	width:342px;
	height:122px;
	border-radius:0px;
	border:#0FF solid 0px;
	background-image:url(images/top%20baner/tim.png);
	float:left;
	margin-top:0px;
	}
	
	/* mihilaka forestry---*/
#box5{
	width:312px;
	height:122px;
	border-radius:0px;
	border:#0FF solid 0px;
	background-image:url(tim1.png);
	float:right;
	margin-top:0px;
	}
	
	/* education web---*/	
#box6{
	width:250px;
	height:122px;
	border-radius:0px;
	border:#0FF solid 0px;
	background-image:url(images/web1.png);
	background-color:none;
	float:left 345px;
	margin-left:360px;
	margin-top:0px;
	}
	
	


#box7{/*---save the green---*/
	width:180px;
	height:150px;
	border-radius:0px;
	border:#0FF solid 0px;
	background:none;
	background-clip:border-box;
	float:left 5px;
	margin-top:20px;
	margin-left:400px;
	}
	/*---save the green end---*/
	
#box8{/*----add box---*/
	width:120px;
	height:170px;
	border-radius:0px;
	border:#0FF solid 0px;
	background:none;
	background-clip:border-box;
	float:left 0px;
	margin-top:-170px;
	margin-left:263px;
	}
	/*----add box end---*/
	


#mainbox2{/*-- footer box---*/
	width:950px;
	height:300px;
	padding:0px;
	margin-left:0px;
	margin-top: 53px;
	margin-bottom: 0px;
	background-image: linear-gradient(rgb(100,100,100),rgb(200,200,200));		
}/*-- footer box end---*/

#box9{/*----dr photo---*/
	width:300px;
	height:250px;
	border-radius:0px;
	border:#0FF solid 0px;
	background-color:none;
	float:right 2px;
	margin-top: -230px;
	margin-left:655px;
	}/*----end dr photo---*/
	
#box10{/*----dr photo---*/
	width:200px;
	height:150px;
	border-radius:0px;
	border:#0FF solid 0px;
	background-color:none;
	float:right 2px;
	margin-top: -120px;
	margin-left:100px;
	padding:5px, 5px, 5px, 5px;
	}/*----end dr photo---*/
	
#box11{/*----add slider box---*/
	width:250px;
	height:247px;
	border-radius:0px;
	border:#0FF solid 0px;
	background-color:none;
	float:right 2px;
	margin-top: 0px;
	margin-left:2px;
	}
.rs-slideshow {
	border: 5px solid #444;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 12px;
	height: 230px;
	margin: 2px auto;
	overflow: hidden;
	position: relative;
	width: 247px;
}

.rs-slideshow .slide-container {
	background-color: #444;
	position: absolute;
	height: 100%;
	left: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
}

.rs-slideshow .slide-container img {
	position: relative;
}

.rs-slideshow .slide-container .slide-caption {
	background-color: #000;
	bottom: 0;
	color: #fff;
	display: block;
	left: 0;
	padding: 4px;
	position: absolute;
	text-align: center;
	right: 0;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;           /* fx, safari, opera */
}

.rs-slideshow .slides {
	display: none;
}

.rs-slideshow .slide-container img,
.rs-slideshow .slide-container .slide-caption,
.rs-slideshow .slide-container a {
	filter: inherit;
}


/**
*	These styles make the list of links to slide images visible to users
*	who don't have JavaScript enabled. By adding the 'no-js' class to 
*	the HTML element, and using Modernizr to remove this class for JS
*	users, we can style for both scenarios.
*	http://www.modernizr.com/
*/

.no-js .rs-slideshow {
	height: auto;
}
.no-js .rs-slideshow .slide-container, 
.no-js .rs-slideshow .slide-container img {
	position: relative;
}
.no-js .rs-slideshow .slides {
	display: block;
	margin: 24px 48px;
}
.no-js .rs-slideshow .slides li {
	margin: 0;
}



/**
*	The following styles are used in the demos with slideshow controls, 
*	such as play/pause and prev/next buttons.
*/

.rs-controls {
	clear: both;
	margin: 12px auto;
	width: 247px;
}
.rs-play-pause, .rs-prev, .rs-next {
	float: left;
	margin-right: 12px;
}
.rs-controls ul {
	float: left;
	list-style: none;
	margin: 0 6px 0 0;
	padding: 0;
}
.rs-index-list li {
	float: left;
	margin-right: 6px;
}
.rs-controls a {
	background-color: #eee;
	border: 1px solid #ddd;
	/*border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;*/
	color: #444;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	text-decoration: none;
}
.rs-controls a:hover {
	background-color: #ddd;
	color: #444;
}
.rs-controls .rs-active {
	background-color: #444;
	border: 1px solid #444;
	color: #eee;
}


#callback-messages,
#slide-class-message {
	margin: 48px auto;
	width: 247px;
}
.slide-container.some-custom-class .slide-caption {
	background-color: #890;
	font-size: 3em;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	top: 0;
	width: 28%;
}
/*	Clearfix	*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
/*----add box slider end---*/

#box12{
	width:250px;
	height:50px;
	margin-top:-235px;
	margin-left:260px;
	background-color:none;
	}
	
#box13{
	width:230px;
	height:100px;
	margin-top:-75px;
	margin-left:725px;
	background-color:none;
	}
	
#about { margin: 05px 0 0 0; }
		#about div { text-transform: inherit; color: #000; font: 15px Helvetica, Arial, Sans-Serif;
		             -webkit-transition: all 0.12s ease-out;
		             -moz-transition: all 0.12s ease-out;
		             -o-transition: all 0.12s ease-out;
		}
		#about div:nth-child(1) { font-size: 16px; letter-spacing: 1px;}
		#about div:nth-child(2) { font-size: 14px; letter-spacing: 0.7px; }
		#about div:nth-child(3) {
	font-size: 12px;
	letter-spacing: 0.2px;
	vertical-align: sub;
}
		
		#about div:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	text-shadow: 1px 1px 1px 1333;
	font-size: 9px;
}
		#about a { color:#000000; text-decoration: none;  }