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

/*************web fonts***********/
@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://fonts.googleapis.com/css?family=News+Cycle);
@import url(http://fonts.googleapis.com/css?family=Roboto);

body {
    margin:0;
	padding:0;
	background:#ededed url(/images/bg.jpg) repeat-x;
}
ul, li, ol {
	margin:0;
	padding:0;
	list-style:none;
}
h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}
#main {
	width:1204px;
	overflow:hidden;
	height:auto;
	margin:0 auto 0;
}
.head {
	overflow:hidden;
	height:auto;
/*	padding-top: 25px;*/
	padding-top: 55px;
	width:100%;
}
.container, .for_home {
	overflow:hidden;
	height:auto;
	margin: 8px 0px;
	padding: 15px;
	background:#fdfbfd;
	width:97.5%;
	height:auto;
}
.for_home {
	background: #fdfbfd url(/images/home_bg.jpg) no-repeat center center !important;
	padding: 0 !important;
	width: 1204px;
	margin: -15px 0px 0px -15px;
}
.for_home_left {
	min-height: 930px;
	max-height: 1010px;
	width:738px;
	float:left;
	padding-top: 25px;
}
.for_home_right {
	float:left;
	min-height: 930px;
	max-height: 1010px;
	width:458px;
	float:left;
}
.container_left {	position:relative; 
	overflow:hidden;
	height:auto;
	background:#529fab url(/images/track_us.jpg) no-repeat right top;
	width:800px;
	padding:5px;
	float:left;
	height: 470px;
	/*********Added on***17-02-2015******
	text-align: justify;**************/
}
.for_home_ul {
	float:left;
	width:660px;
	height:212px;
	padding-left: 25px;
}
.for_home_ul1 {
	float:left;
	width:441px;
	height:212px;
	padding-left: 21px;
	padding-top: 154px;
}
.spaning {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#0a0a0a;
	display:block;
}
.para {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#c1c0c2;
	text-align: right;
}
.for_home_li {
	width:200px;
	height:190px;
	float:left;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	margin-right: 15px;
}
.li1 {
	background:#e04545 url(/images/menu_bg.png) -2px 17px !important;
	border:solid 2px #d32a2a;
}
.li2 {
	background:#9b32c2 url(/images/menu_bg.png) -214px 17px !important;
	border:solid 2px #731894;
}
.li3 {
	background:#72b533 url(/images/menu_bg.png) -422px 19px !important;
	border:solid 2px #649139;
}
.li4 {
	background:#f17b1c url(/images/menu_bg.png) 0px -155px  !important;
	border:solid 2px #b95606;
}
.li5 {
	background:#3287c2 url(/images/menu_bg.png) -201px -152px !important;
	border:solid 2px #0a5f9a;
}
.li6 {
	background:#09b6b0 url(/images/menu_bg.png) 0px -339px  !important;
	border:solid 2px #3ca6a3;
}
.li7 {
	background:#3287c2 url(/images/menu_bg.png) -254px -330px  !important;
	border:solid 2px #0a5f9a;
}
.li8 {
	background:#9b32c2 url(/images/menu_bg.png) -458px -320px !important;
	border:solid 2px #731894;
}
.li9 {
	background:#f17b1c url(/images/menu_bg.png)no-repeat -246px -520px !important;
	border:solid 2px #b95606;
}
.li10 {
	background:#e04545 url(/images/menu_bg.png)no-repeat -458px -544px !important;
	border:solid 2px #d32a2a;
}
.ri_ser {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 44px;
	color: #c1c0c2;
	float: right;
	padding-bottom: 24px;
}
.for_home_a {
	display:block;
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
	-webkit-text-shadow: 1px 1px 2px #000;
	-moz-text-shadow: 1px 1px 2px #000;
	-o-text-shadow: 1px 1px 2px #000;
	-ms-text-shadow: 1px 1px 2px #000;
	padding-top: 119px;
}
.container_right {	overflow:hidden;	height:auto;	width: 334px;	padding:5px;	float:left;	margin-left: 19px;	height: 470px;	text-align: center;	background-color:#4ab193;}
.container_left_h2 {
	font-size:36px;
	font-weight: normal;
	color:#fbf9f9;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-family:Cambria;
	padding: 0px 0px 0px 12px;
}
.container_left_p {	margin:0;	color:#fbf9f9;	padding: 12px 179px 0px 15px;	font-size:18px;	font-family:Arial, Helvetica, sans-serif;	text-transform:uppercase;	line-height: 32px; }
.portfolios a{ 	width:175px;	height:35px;	margin:50px auto;	color:#FFFFFF;	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;	font-family:Cambria;	text-align:center;	font-size:48px;	text-decoration:none;	display: block;}
.decide_work {
	display:block;
	color:#FFFFFF;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-family:Cambria;
	font-size: 30px;
	padding-top: 45px;
}
.footer {
	width:100%;
	overflow:hidden;
	background:#ededed;
	padding: 20px 0px 0px 0px;
	border-top:solid 1px #d0d0d0;
	border-bottom:solid 1px #d0d0d0;
	box-shadow: 0px 0px 9px #CCCCCC;
	margin-bottom: 4px;
	margin-top: 17px;	
	position:relative; 
}
.my_foot, .my_foot1 {
	background:#FFFFFF;
	width:100%;
	overflow:hidden;
}
.my_foot1 {
	background: #ECECEC !important;
}
.footer_div {
	margin:0 auto 0;
	background:#FFFFFF;
	width:1156px;	
	overflow:hidden;
	padding: 0px 10px;
}
.foo_div1 {
	float:left;
	height:auto;
	width:230px;
	padding-top: 16px;
}
.foo_div1_h {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:18px;
	text-decoration:none;
	padding-bottom: 5px;
	overflow: hidden;
	display: block;
	float:left;
}
.foo_div1_ul {
	margin:0;
	padding:0;
	float:left;
	width: 230px;
}
.foo_div1_li {
	margin: 10px 0px;
	padding:0;
	background: url(/images/list_plus.jpg) no-repeat left 5px;
	padding-left: 16px;
}
.foo_div1_a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#7b7b7b;
	text-decoration:none;
}
.foo_div1_span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#7b7b7b;
	width: 230px;
	float: left;
	text-align: center;
	line-height: 32px;
}
.foo_div1_span:first-letter {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.foot_bor {
	border-bottom:solid 1px #bfbfbf;
	float: left;
	padding: 4px 0px 4px 0px;
}
.cap_bold, .cap_bold1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4B4B4B;
	padding: 3px 0px;
	float: left;
}
.cap_small, .cap_small1, .fo_link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#9b9b9b;
	padding: 3px 0px;
	float: left;
}
.fo_link {
	color:#1caedd !important;
	text-decoration:none;
}
.cap_bold1, .cap_small1 {
	display:block !important;
}
.bot_footer{
	margin: 0 auto 0;
	width: 1156px;
	overflow: hidden;
	padding: 0px 10px;
}
.foo_left {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#363636;
	font-size:14px;
	text-align:center;
	padding: 41px 0px;
	line-height: 22px;
}
.foo_center {	width:290px;	height:125px;	margin-top:0px;	margin-bottom:0px;	margin-left:161px;}
.foo_right {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#363636;
	font-size:14px;
	text-align:center;
	padding: 41px 0px;
	line-height: 22px;
}
.blank {
	float:left;
	width: 230px;
}
.inner_left {
	float:left;
	width:870px;
}
.inner_right {
	float:right;
	width:290px;
}
.inn_green{
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	margin:0;
	padding:0;
	color:#72b533;
	font-weight:normal;
}
.inn_blue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	margin:0;
	padding:0;
	color:#3287c2;
	font-weight:normal;
}
.inn_vio {
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	margin:0;
	padding:0;
	color:#9b32c2;
	font-weight:normal;
}
.inn_org {
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	margin:0;
	padding:0;
	color:#f17b1c;
	font-weight:normal;
}
.inn_sky {
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	margin:0;
	padding:0;
	color:#2bc4b6;
	font-weight:normal;
}
.inn_BL {
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	margin:0;
	padding:0;
	color:#3287c2;
	font-weight:normal;
}
.inn_RED {
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	margin:0;
	padding:0;
	color:#e04545;
	font-weight:normal;
}
.inn_grey {
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	margin:0;
	padding:0;
	color:#c1c0c2;
	font-weight:normal;
}
.inner_main {
	overflow:hidden;
	height:auto;
}
.inner_add {	overflow: hidden;	float: left;	border: solid 1px #F1F1F1;	margin-top: 180px;}
.ri_menu {
	float:right;	
}
.ri_li {
	text-align: right;
	margin-bottom: 3px;
}
.ri_a {
	text-align:right;
	text-decoration:none;
	color:#888888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	text-transform:uppercase;
	text-align: right;
	background: #ededed;
	margin-bottom: 3px;
	padding: 8px 5px 8px 23px;
	float: right;
	border-right: solid 3px #FFF;
}
.Agreen {
	border-right: solid 3px #72b533;
	color:#72b533;
}
.Ablue {
	border-right: solid 3px #3287c2;
	color:#3287c2;
}
.Avio {
	border-right: solid 3px #9b32c2;
	color:#9b32c2;
}
.Aorg {
	border-right: solid 3px #f17b1c;
	color:#f17b1c;
}
.Asky {
	border-right: solid 3px #09b6b0;
	color:#09b6b0;
}
.ABL {
	border-right: solid 3px #3287c2;
	color:#3287c2;
}
.ARED {
	border-right: solid 3px #e04545;
	color:#e04545;
}
.main_left {
	float: left;
	padding-left: 15px;
	width: 585px;
	padding-top: 11px;
	/****************Added on***17-02-2015*************SERVICES PAGE**************/
	text-align:justify;
	
}
.main_right {
	float:left;
	width:225px;
	/*************Added on 17-02-2015******************SERVICES PAGE**************/
	padding-left:30px;
}
.span_green {
	font-family:Arial, Helvetica, sans-serif;
	color:#55a51c;
	font-size:15px;
	font-style:italic;
}
.span_blue {
	font-family:Arial, Helvetica, sans-serif;
	color:#3287c2;
	font-size:15px;
	font-style:italic;
}
.span_vio {
	font-family:Arial, Helvetica, sans-serif;
	color:#9b32c2;
	font-size:15px;
	font-style:italic;
}
.span_org {
	font-family:Arial, Helvetica, sans-serif;
	color:#f17b1c;
	font-size:15px;
	font-style:italic;
}
.span_sky {
	font-family:Arial, Helvetica, sans-serif;
	color:#2bc4b6;
	font-size:15px;
	font-style:italic;
}
.span_BL {
	font-family:Arial, Helvetica, sans-serif;
	color:#3287c2;
	font-size:15px;
	font-style:italic;
}
.span_RED {
	font-family:Arial, Helvetica, sans-serif;
	color:#e04545;
	font-size:15px;
	font-style:italic;
}
.PInner {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#636363;
	line-height: 31px;
	
}
.port_folio {
}
.port_ul {
	float: left;
	width: 872px;
	padding: 11px 0px;
}
.port_ul1 {
	float: left;
	width: 872px;
	padding: 11px 0px;
	min-height:175px;
}
.port_li {
	float:left;
	width: 199px;
	height: 41px;
	margin-right: 15px;
}
.port_a {	text-decoration: none;    text-align: center;    display: block;    background: #EFEFEF;    font-family: Arial, Helvetica, sans-serif;    font-size: 20px;    color: #292929;    padding: 8px 8px;}
.sep {
	overflow:hidden;
	padding:9px 0px;
}
.cont_left {
	float:left;
	width:490px;
	height:auto;
	padding-left: 30px;
	padding-top: 15px;
}
.cont_right {
	float:left;
	width:310px;
	height:auto;
	background:#ebebeb;
	text-align:center;
	/*height: 640px;*/
	padding-bottom:20px;
}
.con_blck {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	display:block;
	padding: 25px 0px 5px 0px;
	letter-spacing: 1px;
}
.con_gry {
	color:#6c6c6c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	display:block;
	letter-spacing: 1px;
}
.text_con {
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	border: solid 1px #c8c8c8;
	border-radius: 3px;
	padding: 7px 8px;
	width: 372px;
}
.text_con1 {
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	border: solid 1px #c8c8c8;
	border-radius: 3px;
	padding: 7px 8px;
	width: 175px;
}
.text_con2 {
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	border: solid 1px #c8c8c8;
	border-radius: 3px;
	padding: 7px 8px;
	width: 390px;
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
     -moz-appearance: none; 
	background:#fff url(/images/drop.jpg) no-repeat 357px 5px;
}
.text_con21{
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	border: solid 1px #c8c8c8;
	border-radius: 3px;
	padding: 7px 8px;
	width: 390px;
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
     -moz-appearance: none; 
}
.text_con3 {
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	border: solid 1px #c8c8c8;
	border-radius: 3px;
	padding: 7px 8px;
	width: 372px;
	height: 110px;
}
.bottun {
	background: #414141;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f37222',endColorstr='#f75b16',GradientType=0);
	border: 1px solid #1f1f1f;
	background: -moz-linear-gradient(top,#1f1f1f 1%,#888888ss 3%,#838383 7%,#2a2a2a 100%);
	background: -webkit-linear-gradient(top,#1f1f1f 1%,#888888 3%,#838383 7%,#2a2a2a 100%);
	background: -o-linear-gradient(top,#1f1f1f 1%,#888888 3%,#838383 7%,#2a2a2a 100%);
	background: -ms-linear-gradient(top,#1f1f1f 1%,#888888 3%,#838383 7%,#2a2a2a 100%);
	background: linear-gradient(to bottom,#1f1f1f 1%,#888888 3%,#838383 7%,#2a2a2a 100%);
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 19px;
	padding: 6px 20px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	letter-spacing: 1px;
	box-shadow: 0px 2px 3px #999999;
	-webkit-box-shadow: 0px 2px 3px #999999;
	-moz-box-shadow: 0px 2px 3px #999999;
	-ms-box-shadow: 0px 2px 3px #999999;
	-o-box-shadow: 0px 2px 3px #999999;
}.fb_shape{	width:85px;	height:94px;	position:absolute;	top:82px;	left:708px;}
.branding_ul, .career_ul{
	margin-left:34px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #636363;
}.ln_shape{	width:85px;	height:94px; 	position:absolute; 	top:96px;	left:0px;}.portfolios_shape{	width:309px;	height:111px;	margin:0 auto; 	background-color:#000000; }
.branding_ul li{
	padding:5px!important;
	list-style-type:circle;
}
.career_ul li{
	padding:5px!important;
}
.foo_div1_span a{
	color: #7B7B7B;
	text-decoration:none;
}
.foo_div1_span a:hover{
	color: #7B7B7B;
	text-decoration:underline;	
}
.foo_div1_ul a:hover{
	text-decoration:underline;	
}
.PInner a{
	cursor:pointer;
	text-decoration:none;
	color: #636363;
}
.PInner a:hover{
	text-decoration:underline;
	color: #636363;
}
.footer_site_links{
	text-decoration:none;
	color:#363636;
}
.footer_site_links:hover{
	text-decoration:underline;
}
.view_more{
    background-color:black;
    margin-top: 9px;
    display: block;
    width: 198px;
    height: 180px;
    float: left;
    margin-left: -7px;
    opacity: 0.8;
    border-radius: 2px;
    color: whitesmoke;
}
.client_name{
	float: left;
	cursor: pointer;
	margin-left: 45px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.client_name:hover{
	text-decoration:underline;
}
.project_description{
	float:left;
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
}.port_popup{	/*width:720px;*/	height:470px; 	border: solid thin #cccccc; 	position: fixed;	left: 48%;	margin: -165px 0 0 -340px;	top: 50%;	display:none;	z-index: 1000;	background: #FFF;}.mask_review{	background-color: #000;	position: fixed;	top: 0;	left: 0;	height: 135%;	width: 100%;	opacity: 0.5;	z-index: 1000;	display: none;	cursor: pointer;}.port_popupleft{	width:510px; 	height:466px;  	padding:2px;  	float:left;}.port_popupright{ 		/*width:146px; */ 		height:412px;  		padding:29px;  		float:left;  		border-left: dotted thin #cccccc;}.clientname{	height:10px;	font-weight:bold;	font-size:18px;	font-family:Calibri;}.clientwork{	margin-top:-5px;	height:16px;	font-size:17px;	font-family:Calibri;}.clientweb, .clientweb a{ 	margin-top:-10px;  	height:16px;  	font-style:italic;  	font-size:17px;  	font-family:Calibri;	text-decoration:none;	color:black;}.clientweb a:hover{	text-decoration:underline;}.hline{	margin:30px 0px 20px 0px;	background-color:cccccc;}.fancybox-close {	position: absolute;	top: -18px;	right: -18px;	width: 36px;	height: 36px;	cursor: pointer;	z-index: 8040;	background-image: url(/images/fancybox_sprite.png);}

/**************************PORTFOLIO*******************************/
#right1 {
    float: right;
    margin: 0px 20px 15px 20px;
}

#left1 {
    float: left;
    margin: 0px 20px 15px 20px;
}

#boxgray{
	height:475; 
	/*background-color: #F2F2F2;*/
	border: 0px solid #000000; padding:10px;
	/*border-bottom-width:1px;*/
	padding-top:20px;

}

#boxwhite{
	height:475; 
	/*background-color: #ffffff;*/
	border: 0px solid #000000; padding:10px;
	/*border-bottom-width:1px;*/

}

#portli
{
display:inline;
text-decoration:none;

}

#responsive-image
{
float:left;
max-width:100%;
height:auto;

}

#responsive-image-left
{
float:left;
max-width:100%;
height:auto;

}

#responsive-image-right
{
float:right;
max-width:100%;
height:auto;

}

/*********************For portfolio text hover image************21-02-2015*****************/
div.texthover {
    width:364px;
    display:block;
    position:relative;
    text-align: center!important;}
	

div.texthover .overlay {
    position:absolute;
    top:0%;
    width:100%;
    height:363px;
    padding-top:0px;
	/*background-color:rgba(0, 0, 0, 0.5);*/
	/*background-color:#91c7ba;*/
    display:none;
	font-family:arial;
}
div.texthover:hover .overlay {
    display:block;
}

/*---------------------------------------Cricket artwork gallery------------------------------------------------------------*/
#gallery{padding:40px 0; }
#gallery h1, #gallery p, #gallery ul, #gallery a{margin:0; padding:0; list-style:none; line-height:normal;}
#gallery li{display:inline;}
#gallery .placeholder{display:block; float:right; width:600px; height:850px; margin:0; padding:4px; color:#666666; background-color:#F5F5F5; border:1px solid #DADADA; text-indent:-9999px;}
#gallery a.swap:link, #gallery a.swap:visited, #gallery a.swap:hover{display:block; float:left; width:290px; height:auto; margin:0 0 7px 10px; padding:4px; color:#666666; background-color:#F5F5F5; border:1px solid #DADADA; cursor:pointer; text-decoration:none;}
#gallery li.placeholder, #gallery a.swap{background:4px 4px no-repeat;}
#gallery li.last a.swap{margin-bottom:0;}

a.swap:hover{white-space:normal; }
a.swap:link strong, a.swap:visited strong, a.swap:active strong{display:block; text-align:center; font-size:25px; }
a.swap:link span, a.swap:visited span, a.swap:active span{visibility:hidden; position:absolute; top:705px; margin-left:553px; width:600px; height:auto; }
a.swap:active span, a.swap:hover span, a.swap:focus span{visibility:visible; }
a.swap:active img, a.swap:focus img{position:relative; z-index:50; }

/*-----------------------------------Move to top-------------------------------*/
.scroll-to-top {
			position: fixed;
			background:url(/images/scroll-to-top.png) no-repeat;
			cursor: pointer;
			bottom: 1em;
			left: 82px;
			width:55px;
			height: 55px;
			padding-right: 1em;
			display: none;
			z-index: 999;
		}

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{display:block; width:100%; margin:0;}
.col2 a{color:#294E79; background-color:#F5F5F5;}