/* 
			Miracle-On
			Coded by: Banhawi.me
			Intial Concept: Banhawi.me
			Agency: IdeaCloudAgency
		*/
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline;
		}
		/* HTML5 display-role reset for older browsers */
		article, aside, details, figcaption, figure, 
		footer, header, hgroup, menu, nav, section {
			display: block;
		}
		body {
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}		
		a {
			text-decoration: none;
		}
		/** style **/
		body {
			background: url(images/bg.jpg) no-repeat top left fixed;
			color: #666;
		}
		#container {
			width: 850px;
			margin: 0 auto;
		}
		#header {
			padding: 25px 0 20px 0;
			position: relative;
		}
		#logo {
			width: 307px;
			height: 122px;
		}
		#menu {
			position: absolute;
			right: 0;
			top: 65px;
		}
		#menu ul li {
			float: left;
		}
		#menu ul li a {
			color: #666;
			display: block;
			width: 111px;
			min-height: 86px;
			padding-top: 60px;
			text-align: center
		}
		#menu ul li.active,#menu ul li:hover {
			background: url(images/active.png) no-repeat;
		}
		#menu ul li a.home {
			background: url(images/icons/home.png) no-repeat top;
		}
		#menu ul li a.about {
			background: url(images/icons/about.png) no-repeat top;
		}
		#menu ul li a.about2 {
			background: url(images/icons/about2.png) no-repeat top;
		}
		#menu ul li a.clients {
			background: url(images/icons/clients.png) no-repeat top;
		}
		#menu ul li a.team {
			background: url(images/icons/team.png) no-repeat top;
		}		
		#menu ul li a.portfolio {
			background: url(images/icons/portfolio.png) no-repeat top;
		}		
		#menu ul li a.contact {
			background: url(images/icons/contact.png) no-repeat top;
		}		
		#content {
			margin-top: 25px;
			background: url(images/pattern.png);
			padding: 20px;
			margin-bottom: 10px;
		}
		#home #content {
			padding: 0;
			background: none;
		    position: relative;
		    z-index: 1;
		}
		#about {
			background: url(images/abt.png) no-repeat;
			width: 809px;
			height: 207px;
			margin-bottom: 30px;
			padding: 40px 20px 30px 20px;
			font-size: 18px;
		} 
		#about p {
			line-height: 1.5
		}
		h1.lime {
			background: url(images/line.png) no-repeat bottom left;
			padding-bottom: 15px;
			margin-bottom: 15px;
			font-size: 36px;
		}
		#portfolio {
			position: relative;
			margin-bottom: 30px;
			min-height: 350px;
		}
		.pfitems {
			float: right;
			width: 85%;
		}
		img.wribbon {
			position: absolute;
			top: 0;
			left: 0;
		}
		img.arrow-up {
			position: absolute;
			left: 5px;
			top: 200px;
		}
		img.arrow-down {
			position: absolute;
			left: 5px;
			top: 250px;
		}
		.pfframe {
			background: url(images/pfframe.png) no-repeat left;
			width: 380px;
			height: 22px;
			padding: 12px 15px;
			font-size: 110%;
			margin-bottom: 10px;
			margin-left: 10px;
		}
		.pfframe a {
			color: #666;
		}
		.pfframe a.blue {
			color: #5c90d8;
		}
		.pfitem {
			background: url(images/frame.png) no-repeat;
			width: 216px;
			height: 185px;
			margin-right: 20px;
			margin-bottom: 20px;
			float: left;
			position: relative;
		}
		.pfitem img {
			position: absolute;
			left: 28px;
			top: 17px;
		}
		#bottom {
			margin-bottom: 50px;
		}
		a.download {
			float: left;
		}
		#clients {
			width: 630px;
			float: right;
			position: relative;
		}
		.jCarouselLite li {
			margin-right: 20px;
		}
		.jCarouselLite {
			margin-left: 85px;
		}
		.prevx {
			position: absolute;
			left: 0;
			top: 35px;
		}		
		.nextx {
			position: absolute;
			right: 0;
			top: 35px;
		}		
		.blue {
			color: #5c90d8;
		}
		.col50 {
			float: left;
			width: 48%;
			margin-right: 4%;
			margin-bottom: 2%;
		}	
		.col25 {
			width: 22%;           
			float: left;
			margin-right: 3%;
			margin-bottom: 2%;
		}
        .col26 {
    		width: 22%;
			float: left;
			margin-right: 3%;
			margin-bottom: 2%;
		}
		.col75 {
			width: 74%;
			float: left;
		}
		.clients .col25 {
/* 			background: #fff; */
			height: 200px;
			overflow: hidden;
		}	
		.clients .col25 img {
			max-width: 150px;
			display: block;
			margin: 0 auto;
			vertical-align: middle;
			padding: 10px;
		}
       .clients .col26 img {
			max-width: 140px;
			display: block;
			margin: 0 auto;
			vertical-align: middle;
			padding: 10px;
		}
        .clients .col26 {
/*     		background: #fff; */
			height: 270px;
			overflow: hidden;
		}
		.last {
			margin-right: 0;
		}
		.slider-pagination .toc {
			display: none;
		}	
		p {
			margin-bottom: 15px;
		}
		h1 {
			font-size: 28px;
		}
		h2 {
			font-size: 21px;
		}
		h3 {
			font-size: 18px;
			margin-bottom: 10px; 
		}
		.team_mem {
			margin-bottom: 20px;
			padding-bottom: 10px;
			border-bottom: 2px #999 dashed;
		}
		h1, h2 {
			margin-bottom: 15px;
			font-weight: bold;
		}
		p {
			line-height: 1.8
		}
		.lime {
			color: #a8cf0e;
		}
		.button {
			display: inline-block;
			background: #a8cf0e;
			padding: 5px 10px;
			color: #fff;
			font-weight: bold;
		}
		p.copy {
			color: #999;
			text-align: center;
		}
		form input.txt {
			width: 350px;
			padding: 10px;
			color: #999;
			font-style: italic;
			border: 1px #666 dashed;
			background: transparent;
			font-size: 14px;
		}
		form textarea {
			background: transparent;
			width: 480px;
			padding: 10px;
			color: #999;
			font-style: italic;
			border: 1px #666 dashed;
			font-size: 14px;
		}
		form input.submit {
			background: #999;
			border: 1px #666 dashed;
			color: #fff;
			padding: 10px 20px;
			float: right;
			margin-right: 100px;
		}
		.clr {
			clear: both;
		}
		#content ul {
			margin-bottom: 10px;
		}
		#content ul li {
			list-style-type:  disc;
			margin-left: 25px;
			padding-bottom: 5px;
		}
		/* Relative positioning*/
		#wrapper {
			position: relative;
		}
		
		/* Hide the original tooltips contents */
		.pin {
			display: none;
		}
		
		/* Begin styling the tooltips and pins */
		.tooltip-up, .tooltip-down {
			position: absolute;
			background: url(images/arrow-up-down.png);
			width: 36px;
			height: 52px;
		}
		
		.tooltip-down {
			background-position: 0 -52px;
		}
		
		.tooltip {
			display: none;
			width: 200px;
			cursor: help;
			text-shadow: 0 1px 0 #fff;
			position: absolute;
			top: 10px;
			left: 50%;
			z-index: 999;
			margin-left: -115px;
			padding:15px;
			color: #222;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			-webkit-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			box-shadow: 0 3px 0 rgba(0,0,0,.7);
			background: #b4e854;
			background-image: linear-gradient(bottom, rgb(180,232,84) 14%, rgb(234,250,190) 57%);
			background-image: -o-linear-gradient(bottom, rgb(180,232,84) 14%, rgb(234,250,190) 57%);
			background-image: -moz-linear-gradient(bottom, rgb(180,232,84) 14%, rgb(234,250,190) 57%);
			background-image: -webkit-linear-gradient(bottom, rgb(180,232,84) 14%, rgb(234,250,190) 57%);
			background-image: -ms-linear-gradient(bottom, rgb(180,232,84) 14%, rgb(234,250,190) 57%);
			
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.14, rgb(180,232,84)),
				color-stop(0.57, rgb(234,250,190))
			);
		}
		
		.tooltip::after {
			content: '';
			position: absolute;
			top: -10px;
			left: 50%;
			margin-left: -10px;
			border-bottom: 10px solid #b4e854;
			border-left: 10px solid transparent;
			border-right :10px solid transparent;
		}
		.tooltip-down .tooltip {
			bottom: 12px;
			top: auto;
		}
		.tooltip a {
			display: block;
		}
		
		.tooltip-down .tooltip::after {
			bottom: -10px;
			top: auto;
			border-bottom: 0;
			border-top: 10px solid #b4e854;
		}
		
		.tooltip {
			font-size: 16px;
		}
		.social_icons {
			background: url(images/pattern.png);
			padding: 10px;
			margin: 0 auto;
			width: 255px;
		    position: relative;
		}
		.social_icons a {
			float: left;
			margin-top: 20px;
			margin-right: 20px;
		}

div#video-img {
    /*position: relative;*/
    position: absolute;
    /*left: 375px;*/
    /*top: 235px;*/
    top: 25px;
    text-align: center;
    z-index: 999999;
}
div#video-img a {
	display: block;
	overflow: hidden;
}
div#video-img img {
	width: 80px;
}

img#iaee {
    width: 151px;
    position: absolute;
    left: -290px;
    top: 39px;
}
p.copy {
	position: relative;
    padding-left: 95px;
}
.img-footer-logo {
	position: absolute;
	left: 0;
	margin-left: 30px;
}