/* CSS Document */

* {padding:0px; margin:0px;}
img{ border:none;}
.ClrFix{ clear:both;}
body{ font-family:Arial, Helvetica, sans-serif;}
a{ color:#25aae0; text-decoration:none;}

/*********  HEADER ***********/
#header{ width:1000px; margin:0 auto; position:relative;}
#header #logo{ float:left; width:187px; height:67px; margin:5px 0 0 25px;}
#header #socail{ float:right; width:255px; margin:20px 30px 0 0;}
#header #socail img{ float:left; padding-right:5px;}
#header #isoicon{ float:right; width:410px; margin:0 20px 0 0;}
#header #isoicon img{ float:left;}

#menu{ background:url(images/menubg.jpg) left repeat-x; height:55px; width:100%; position:relative; margin-top:10px;}
#menu ul{ display:block; margin:0px auto 0 auto; padding:0px; width:1000px;}
#menu ul li{ display:block; float:left; padding:25px 0px 9px 0px; list-style:none; height:21px; text-align:center; width:112px; margin:0 3px;}
#menu ul li a{ font-family:Arial, 'Helvetica', sans-serif; font-size:12px; color:#616161; text-transform:uppercase; text-decoration:none; font-smooth:auto; font-weight:bold;}
#menu ul li.noborder{ border-right:none;}
#menu ul li.arrow{ background:url(images/arrow.jpg) bottom right no-repeat;}
#menu ul li.active{ background:url(images/menuselect.jpg) top no-repeat;; color:#fff;}
#menu ul li a:hover{ color:#8b8b8b;}
#menu ul li.noborder{ border-right:none;}
#menu ul li.arrow{ background:url(images/arrow.jpg) bottom right no-repeat;}
#menu ul li.active{ background:url(images/menuselect.jpg) top no-repeat;; color:#fff;}
#menu ul li.active a{ color:#fff;}


#banner{ background:url(images/banner-bg.jpg) left repeat-x; height:252px; width:100%; position:relative; padding:3px 0 0 0; overflow:hidden;}
#banner .banner{ margin:0px auto; width:900px;}
#page { width: 900px; margin: 0px auto; }
#gamesHolder {padding: 0px; width: 900px; }
ul { padding: 0px; margin: 0; }
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }


/*********  MIDDLE PART ***********/
#container{ width:100%; background-color:#f3f3f3; height:100%;}
#container .container{ width:970px; margin:0 auto; position:relative; padding:0 0 20px 0px;}

#WhatWeOffer{ width:700px; float:left;}
.title{ padding:10px 0px;}
.news-header{ background:url(images/news.jpg) center no-repeat; width:255px; height:41px; position:relative;}
.testimonials{ background:url(images/testimonials.jpg) center no-repeat; width:255px; height:41px; position:relative;}
#offerbox{ display:block; margin:0px; padding:0px;}
#offerbox li{ width:212px; float:left; list-style:none; background:url(images/boxborder.jpg) right no-repeat; margin-bottom:20px; padding:5px 5px 5px 15px;}
#offerbox li.NoBorder{ background:none;}
#offerbox li h1{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#2f2f2f; font-weight:bold;}
#offerbox li p{ font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal; color:#797979; text-align:justify; padding:5px 0px; width:180px;}
.offerimg{ width:130px; padding:5px 0 0 30px;}
/*PARTNERS SLIDER*/
#partners-slide{ background:url(images/partners-bg.jpg) no-repeat; position: relative; height:88px; width:618px; padding:15px 38px;}
#partners-slide img{ float:left; padding:0px 1px;}


#RightPannel{ width:255px; float:right;}
#clientslide{ width:245px; height:114px;}
#news{ margin:0px; padding:0px; display:block;}
#news li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; margin:6px 0px; list-style:none; padding:0 0 10px 20px;}
#news li h5{ font-size:14px; font-style:italic; color:#878787;}
#news li a{ font-family:arial; font-size:14px; font-weight:bold; text-decoration:underline; color:#666;}
.more{ text-align:right; padding-right:10px; padding-top:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fff;}
.more a{ text-decoration:none; color:#fff;}
.more a:hover{ text-decoration:underline;}

/*********  FOOTER PART ***********/
#footer{ width:100%; position:relative; margin:0px; padding:0px; background:url(images/footerbg.jpg) left repeat-x; height:200px;}
#footer .footer{ width:980px; margin:0 auto; padding:20px 20px 10px 20px; position:relative;}

#explore{ width:200px; float:left; display:block;}
#explore li{ list-style:none; padding:5px 0px;}
#explore li a{font-size:14px; font-weight:normal; color:#989898; text-decoration:none;}
#explore li a:hover{ border-bottom:1px dotted #989898;}

#expertise{ width:150px; float:left; display:block; margin:0 0 0 50px;}
#expertise li{ list-style:none; padding:5px 0px;}
#expertise li a{font-size:14px; font-weight:normal; color:#989898; text-decoration:none;}
#expertise li a:hover{ border-bottom:1px dotted #989898;}

#experience{ width:150px; float:left; display:block; margin:0 0 0 100px;}
#experience li{ list-style:none; padding:5px 0px;}
#experience li a{font-size:14px; font-weight:normal; color:#989898; text-decoration:none;}
#experience li a:hover{ border-bottom:1px dotted #989898;}

#divider{ background:url(images/divider.jpg) no-repeat; height:170px; float:left; width:2px; margin-left:30px;}

#callnow{ float:left; width:200px; display:block; margin:0px 0 0 50px;}
#callnow li{ list-style:none; padding:5px 0px; font-size:14px; font-weight:normal; color:#989898; text-decoration:none;}

#footerlink{ width:500px; position:absolute; top:170px; left:60px; text-align:center; font-size:12px; font-weight:normal; color:#acacac; font-family:arial;}
#footerlink a{ color:#acacac; text-decoration:none;}

/*CLIENT SLIDER*/
#slider { height: 114px; width:245; background-color:#464646; position: relative; }
#slider .slider-nav a { display: block; width: 18px; height: 44px; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 30px; }
#slider .slider-nav a.prev { left: 0; background: url(images/button-prev.png); }
#slider .slider-nav a.next { right: 0; background: url(images/button-next.png); }

#slider-holder { height: 114px; }
#slider-holder .jcarousel-clip { height: 114px; width: 245px; position: relative; overflow: hidden; }
/*#slider-holder .slide-image { float: right; display: inline; }
#slider-holder .slide-info p { padding-bottom: 8px; }
#slider-holder .slide-info { float: left; display: inline; width: 245px; padding-top: 23px; }*/
#slider-holder ul { width: 245px; height: 114px; position: relative; overflow: hidden; }
#slider-holder ul li { list-style-type: none; float: left; display: inline; height: 114px; width: 245px; padding: 5px; position: relative; overflow: hidden;}

/*********  ABOUT US ***********/
.aboutus{ padding:20px; position:relative;font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;}
.aboutus-text{ font-size:15px; font-family:'Myriad Pro'; color:#333;}
h1.inner{font:24px tahoma, Arial; color:#4564a7; width:auto; font-weight:bold; margin:0px; padding:8px 0px 10px 0px; text-decoration:none;}
.aboutus-img{float:right; border:4px solid #dcdcda;	margin:0px 0px 10px 20px;}
h5{font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#414141; font-weight:100; padding:0px 0px 5px 0px;	border-bottom:1px dotted #000; margin:0px 0px 10px 0px; background:none }
h3{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#555555; font-weight:100; padding:0px 0px 5px 0px;}
h6.inner{font:23px Myriad Pro, Arial, Helvetica, sans-serif; color:#555555; font-weight:100; padding:0px 0px 5px 0px;	margin:0px 0px 0px 0px; background:none }
.inner-title{font:23px Myriad Pro, Arial, Helvetica, sans-serif; color:#29b1ef; font-weight:100; padding:9px 0px 9px 10px; background:url(images/titlebg.png) repeat-x; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; margin-bottom:15px; }
.boxtext{ font-size:15px; text-align:justify; font-family:'Myriad Pro';}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 20px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 20px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
.insidereadmore a{color:#5D2D23; font-size:14px; text-decoration:none;}
.insidereadmore a:hover{text-decoration:underline;}
#keyfacts{ float:left; width:340px; display:block;}
#keyfacts li{ font-size:14px; padding:5px 0px;}

/*********  PRODUCTS ***********/
#leftmenu{ width:220px; float:left; margin:20px 0 0 0; padding:0 0 30px 0px; border-right:1px dashed #333;}
#leftmenu li{  padding:5px 0px 5px 5px; list-style:none; font-size:15px;}
#leftmenu li a{background:url(images/menu_link.gif) left no-repeat; text-decoration:none; color:#414141; padding-left:20px;}
#leftmenu li a:hover{background:url(images/menu_hover.gif) left no-repeat; text-decoration:underline;}
#leftmenu li a.active{background:url(images/menu_hover.gif) left no-repeat;}


#right-part{ width:650px; float:right; margin:20px 0 0 0; font-size:14px;}
#right-part p{ padding:10px 0px;}
#options{ margin:10px 0 20px 10px; display:block;}
#options li{ list-style:none; background:url(images/li.gif) left no-repeat; padding:5px 0px 5px 30px; color:#565656;}

/*********  PORTFOLIO ***********/
/* Global Classes */
.grid_1, .grid_2, .grid_3, .grid_4,	.grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline; position:relative;}
.hr{border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0 ;margin-bottom :20px;}
.pr	{border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :30px;}
.dotted	{border-style:dashed; border-left:0; border-right:0;}	
.meta{font-weight:normal;font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; font-size:11px; color:#999999 !important; line-height:16px; text-transform:none; text-shadow:none;}
.right{float:right;}
.left{float:left;}
.img_left{float:left; margin:10px 20px 10px 0;}
.img_right{float:right; margin:10px 0 10px 20px;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.textright {text-align:right;}
.error,	.success{display:none;}

/* Portfolio Image Slider */
#folio_scroller_container{margin-top:0px; margin-bottom:0px; height:auto;}
#folio_scroller_container .roundabout-holder	{list-style:none; height:400px; margin:0px auto 20px auto;}
	
/* Portfolio Styles */
.portfolio_item	{width:223px; position:relative; margin:0 14px 28px 14px; padding:0;}
.portfolio_item img	{padding:5px border: 1px solid #aaaaaa;width:211px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin:20px;}
.portfolio_item span{display:none; margin:0 13px 17px 0px;}
.portfolio_item:hover img{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
.portfolio_item:hover span{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px;}
.clearfix:after	{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
* html .clearfix {height:1%;}
.alpha{margin-left:10px;}
.omega{margin-right:10px;}
.divider-2 { background:url(images/divider-2.jpg) repeat-x; margin:10px 0 20px 0px; height:2px;}

.game-details{ float:left; width:300px;}
.game-details p{ font-size:12px;}
.game-images{ float:right; width:600px;}
/* Buttons */

.button, .button:visited {background:#000000 url(images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
.button:hover{background-color:#111; color:#fff; text-decoration:none;}
.button:active{top:1px;}


/*********  WEB DEVELOPMENT ***********/
.webcont{ background:url(images/web-holder.jpg) top no-repeat; width:284px; display:block; float:left; position:relative; height:460px; padding:8px 8px; margin:0px 5px 20px 5px;}
.webcont h1{ font-family:arial; font-size:14px; padding:15px 0 0 0;}
.webcont p{ text-align:justify; padding:5px 0px;}
.more-button{ position:absolute; bottom:0px; left:80px;}

/*********  TESTIMONIALS ***********/
#testimonials{ background:url(images/testimonialbg.jpg) no-repeat; height:130px; width:255px; text-indent:30px; line-height:22px; font-family:"Myriad Pro"; color:#666;}
#testimonials li{ display:none;}
#testimonials li:first-child{ display:block;}
#testimonials ul{ list-style:none;}
#testimonials p.text{ font-size:14px; color:#474747;}
#testimonials p.author{ color: #878787; font-size: 12px; font-style: italic; text-align: right; margin-top:5px; font-weight:bold;}
#testimonials p.author span{	color:#6aa42a;}

blockquote{	margin: 15px 0px 15px 5px;	background: url(images/quoteclose.gif) no-repeat bottom right;}
blockquote p{ font:italic 16px/20px Georgia, Arial, Helvetica, sans-serif;background: url(images/quoteopen.gif) no-repeat top left;padding-left: 30px;}
blockquote p span{color: #2780b3; font-size:14px;}
blockquote p span.test{color: #6c6c6c; font-size:14px; font-family:arial;}


/*********  NEWS & EVENTS ***********/
.news-title{ background:url(images/news.png) no-repeat; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#434343; padding:5px 0px 25px 75px; font-weight:bold;}
.news-details{ font-size:15px; font-family:'Myriad Pro'; color:#333; margin-bottom:20px;}

/********** contact form **********/
.bg {  clear:both; border-top:1px dashed #cccccc; padding:0; margin:5px 0; background:none;}
.contant-left{ width:260px; float:left;}
.contant-left h4{ font-size:20px; font-weight:normal; color:#333; padding-bottom:20px;}
.contant-left p{ font-size:13px; color:#515151; padding:5px 0px;}
.contant-left p span{ font-weight:bold;}
.contant-left p strong{ font-size:16px; font-weight:normal; color:#7c7c7c;}

.Welcome { width:600px; float:right;}
.Welcome h4{ font-size:20px; font-weight:normal; color:#333; padding-bottom:20px;}
.Welcome p{ font-size:13px; color:#515151; padding:5px 0px;}
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:bold 12px Georgia, "Times New Roman", Times, serif; color:#656565; 	text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5;}
#contactform textarea { width:400px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFFFEC;}
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** SERVICES **********/
#services{ margin:20px 0 0 20px; padding:0px;}
#services li{ background:url(images/r_arrow.jpg) no-repeat; font-size:17px; font-weight:normal; padding:0px 0px 0px 30px; list-style:none; margin:10px 0px;}
#services li a{ text-decoration:none; color:#676767; font-family:Arial, Helvetica, sans-serif;}
#services li a:hover{color:#25aae0; border-bottom:1px dotted #25aae0;}

#open-source-items{ margin:10px 0 20px 10px; padding:0px;}
#open-source-items li{ background:url(images/bullet.jpg) no-repeat left; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:none; padding:5px 0px 5px 20px;}

.business-card{ background:url(images/3.png) left top no-repeat; height: 250px; width:350px; padding-left:300px; text-align:justify;}
.sync-calender{ background:url(images/synk-calender.jpg) right top no-repeat; height: 250px; width:350px; padding-right:300px; text-align:justify;}
.safely-backup{ background:url(images/safely-backup.jpg) left top no-repeat; height: 230px; width:350px; padding-left:300px; text-align:justify;}
.stay-touch{ background:url(images/stay-in-touch.png) right top no-repeat;  height: 250px; width:350px; padding-right:300px; text-align:justify;}
.remote-lock{ background:url(images/remote-lock.jpg) left top no-repeat;  height: 250px; width:350px; padding-left:300px; text-align:justify;}