@font-face {
	font-family: 'Tw Cen MT';
	src: url('../fonts/TCM_____.eot');
	src: local('?'), url('../fonts/TCM_____.woff') format('woff'), url('../fonts/TCM_____.ttf') format('truetype'), url('../fonts/TCM_____.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaLight';
	src: url('../fonts/AvenirLTStd-Book_0.eot');
	src: local('?'), url('../fonts/AvenirLTStd-Book_0.woff') format('woff'), url('../fonts/AvenirLTStd-Book_0.ttf') format('truetype'), url('../fonts/AvenirLTStd-Book_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:  'HelveticaBold';
	src: url('fonts/helr65w.eot');
	src: local('?'), url('fonts/helr65w.woff') format('woff'), url('fonts/helr65w.ttf') format('truetype'), url('fonts/helr65w.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaBold';
	src: url('../fonts/HelveticaBold.eot');
	src: local('?'), url('../fonts/HelveticaBold.woff') format('woff'), url('../fonts/HelveticaBold.ttf') format('truetype'), url('../fonts/HelveticaBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaLight1';
	src: url('../fonts/HelveticaLight.eot');
	src: local('?'), url('../fonts/HelveticaLight.woff') format('woff'), url('../fonts/HelveticaLight.ttf') format('truetype'), url('../fonts/HelveticaLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'SteelfishBold';
    src: url('../fonts/steelfish_bd-webfont.eot');
    src: url('../fonts/steelfish_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/steelfish_bd-webfont.woff') format('woff'),
         url('../fonts/steelfish_bd-webfont.ttf') format('truetype'),
         url('../fonts/steelfish_bd-webfont.svg#SteelfishBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Conv_HelveticaNeue-BoldCond';
	src: url('../fonts/HelveticaNeue-BoldCond.eot');
	src: local('?'), url('../fonts/HelveticaNeue-BoldCond.woff') format('woff'), 
	url('../fonts/HelveticaNeue-BoldCond.ttf') format('truetype'), 
	url('../fonts/HelveticaNeue-BoldCond.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background:url(../images/body_bg_texture.png) #d1d5d4;
	font:14px/20px "Tw Cen MT", arial;
	color:#4d4d4d;
}
a{
	color:#4d4d4d;
	outline: none;
}

h1 {
	font:70px/71px 'HelveticaBold',Arial;
	font-weight:normal;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #055d7d;
}
h2 {
	font:40px "SteelfishBold", arial;
	font-weight:normal;
	text-shadow: 1px 1px 0px #fff;
	padding-bottom:15px;
	text-transform:uppercase;
}
.footer1_cont h2, #footer h2 {
	font-weight:normal;
	text-shadow: 1px 1px 0px #000;
	color:#b0afaf;
}
h3 {
	font:23px "HelveticaLight", arial;
	font-weight:normal;
	color:#000;
	text-shadow: 0px 0px 0px #fff;
}
h4 {
	font:18px "HelveticaLight", arial;
	font-weight:normal;
	color:#000;
	text-shadow: 0px 0px 0px #fff;
}
#rules h4 {float:left;
clear:both;
font-size:16px;
	}
.clear {
	clear:both;
	}
.left {
	float:left;
	}
.right {
	float:right;
	}
.blue {
	color:#0070a4;
}
.light_blue{
color:#0fb5e0;
}

* {
	margin:0px;
	padding:0px;
}
.about_leftpanel ul {
	margin-left:15px;
	}
#header_cont {
	width:100%;
	height:482px;
	background: url(../images/header_bg.png) no-repeat center top #008ed0;
	border-bottom: 1px solid #005772;
}
#header_cont.home { background:none; }
#header_cont.home #banner { height: 360px; }
.outer_cont {
	width:999px;
	margin:0px auto;
	background:url(../images/header_bg.png) no-repeat center;
}
.top_bar {
	float:left;
	height:100px;
	width:100%;
	padding: 25px 0 0 0;
}
#logo {
	background:url(../images/sit_logo.png) no-repeat;
	width:170px;
	height:82px;
	float:left;
}
/*#logo:hover {
	opacity: .94;
	filter: alpha(opacity=94);
	-moz-opacity: .94;
}*/
#logo a {
	display:block;
	width:170px;
	height:82px;
	cursor:pointer;
}
#nav {
	float:right;
	height:52px;
	padding: 18px 0 0 0;
	*width:781px;
}
#nav .nav_lft_round {
	float:left;
	height:52px;
	width:20px;
	background:url(../images/nav_lft_round.png) no-repeat;
}
#nav ul {
	float:left;
	background:url(../images/nav_bg.png) repeat-x;
	list-style:none;
	font:14px Arial, Helvetica, sans-serif;
	height: 52px;
}
#nav ul li {
	float:left;
	height:auto;
}
#nav ul li a {
	float:left;
	padding:16px 27px 0px 27px;
	height:34px;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #000000;
	text-decoration:none;
}
#nav ul li.selected a, #nav ul li.selected a:hover {
	float:left;
	padding:16px 27px 0px 27px;
	height:40px;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #000000;
	text-decoration:none;
	background:url(../images/nav_selected.png) no-repeat center -1px;
}
#nav ul li a:hover {
	color:#FFFFFF;
	background:url(../images/nav_hover.png) no-repeat center 2px;
	text-decoration:none;
}
#nav .nav_rht_round {
	float:right;
	height:52px;
	width:20px;
	background:url(../images/nav-rht_round.png) no-repeat right;
}
#banner {
	width:100%;
	float:left;
	
	color: #1a2f45;
}
.canvas_img {
	background:url(../images/canvas_img.png) no-repeat;
	height:352px;
	width:396px;
	float:left;
}
.small_canvas_img {
	background:url(../images/small_canvas_img.png) no-repeat;
	height:197px;
	width:208px;
	float:right;
	margin-top: -24px;
}
.request_quote_btn {
	float:left;
	background:url(../images/request_quote_btn.png) no-repeat;
	height:44px;
	width:254px;
	/*opacity: .94;
	filter: alpha(opacity=94);
	-moz-opacity: .94;
}
.request_quote_btn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;*/
}
.content_cont {
	width:100%;
	height:auto;
	border-top: 1px solid #fff;
}
.main_cont {
	margin: 0px auto;
	padding-bottom: 0px;
	padding-top: 17px;
	width:998px;
	position: relative;
}
.main {
	background: none repeat scroll 0 0 #F0F0F0;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	float:left;
	width:959px;
	margin:-52px 0 0 0;
	padding: 15px 20px 20px 20px;
}
.services_cont {
	float:left;
	width:100%;
	height:auto;
	padding: 0px 0 0 0;
}
.services_cont .icon {
	float:left;
}
.service_lft {
	float:left;
	width:44%;
	height:auto;
	padding:0 20px 30px 0;
}
.service_rht {
	float:right;
	width:44%;
	height:auto;
	padding:0 20px 30px 0;
}
.readmore_btn {
	float:right;
	background:url(../images/reademore_btn.gif) no-repeat;
	height:26px;
	width:113px;
	opacity: .94;
	filter: alpha(opacity=94);
	-moz-opacity: .94;
	margin-top:10px;
}
.readmore_btn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.footer1_cont {
	width:100%;
	float:left;
	background:url(../images/footer1_bg_texture.png) #1b1915;
	height:auto;
	border-top: 1px solid #000;
	clear: both;
}
.footer1_cont .footer1_outer {
	width:100%;
	height:auto;
	border-top:1px solid #646463;
	}
.footer1_main {
    background-color: #191814;
    background-image: none;
    border-bottom: 1px solid black !important;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    box-shadow: 0 1px 0 #373731, 0 0px 2px #000000;
    margin: 0 auto;
    padding:15px 20px 20px;
	width:959px;
	border-left:1px solid #171512;
	border-right:1px solid #171512;
}
.recent_project_cont {
	float:left;
	width:590px;
	}
.recent_project_cont .arrow {
	float:left;
	width:38px;
	padding: 100px 0 0 0px;
	margin: 0 0 0 -4px;
	}
.recentproject_img_cont {
	float:left;
	width:490px;
	height:262px;
	background:url(../images/recent_project_frame.png) no-repeat;
	padding: 15px 15px 15px 16px;
	}
.testimonial_cont {
	float:right;
	width:310px;
	height:auto;
	}
.testimonial_cont .testimonial{
	background:url(../images/testimonial_bg.png) no-repeat;
	 height: 288px;
    padding: 10px 0 0 24px;
    width: 288px;
	color:#cecece;
}
.testimonial_cont .inner {
   height: 200px;
   font-size:13px;
   line-height:13px;
	}
.testinonial_author {
	float: right;
    font-size: 18px;
    margin-top: 21px;
    text-align: left;
    width: 141px;
	}
.testinonial_author span {
	float:right;
	padding: 16px 0 0 8px;
	}
.footer2_main {
    background-color: #191814;
    background-image: none;
    border-bottom: 1px solid black !important;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
	border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    box-shadow: 0 1px 0 #373731, 0 0px 2px #000000;
    margin: 25px auto;
    padding:15px 20px 20px;
	width:959px;
	border-left:1px solid #171512;
	border-right:1px solid #171512;
}
.special_logo {
	float:left;
	height:auto;
	width:100%;
	}
.special_logo a {
	height:51px;
	float:left;
	margin-right:59px;
	}
.special_logo .ps {
	background:url(../images/ps_logo.png) no-repeat;
	width:53px;
	}
.special_logo .ps:hover {
	background:url(../images/ps_logo.png) no-repeat 0 -54px;
	}
.special_logo .fl {
	background:url(../images/fl_logo.png) no-repeat;
	width:53px;
	}
.special_logo .fl:hover {
	background:url(../images/fl_logo.png) no-repeat 0 -54px;
	}
.special_logo .ai {
	background:url(../images/ai_logo.png) no-repeat;
	width:53px;
	}
.special_logo .ai:hover {
	background:url(../images/ai_logo.png) no-repeat 0 -51px;
	}
.special_logo .joomla {
	background:url(../images/joomla_logo.png) no-repeat;
	width:53px;
	}
.special_logo .joomla:hover {
	background:url(../images/joomla_logo.png) no-repeat 0 -54px;
	}
.special_logo .wordpress {
	background:url(../images/wordpress_logo.png) no-repeat;
	width:52px;
	}
.special_logo .wordpress:hover {
	background:url(../images/wordpress_logo.png) no-repeat 0 -54px;
	}
.special_logo .mysql {
	background:url(../images/mysql_logo.png) no-repeat;
	width:96px;
	}
.special_logo .mysql:hover {
	background:url(../images/mysql_logo.png) no-repeat 0 -57px;
	}
.special_logo .bc {
	background:url(../images/bc_logo.png) no-repeat;
	width:182px;
	}
.special_logo .bc:hover {
	background:url(../images/bc_logo.png) no-repeat 0 -55px;
	}
.special_logo .visualstudio{
	background:url(../images/visual-studio-logo.png) no-repeat;
	width:92px;
}
.special_logo .visualstudio:hover{
	background:url(../images/visual-studio-logo.png) no-repeat 0 -52px;
}
.special_logo .net{
	background:url(../images/microsoft_.net_logo.png) no-repeat;
	width:139px;
}
.special_logo .net:hover{
	background:url(../images/microsoft_.net_logo.png) no-repeat -1px -58px;
}
.special_logo .seo{
	background:url(../images/seo-logo.png) no-repeat;
	width:74px;
}
.special_logo .seo:hover{
	background:url(../images/seo-logo.png) no-repeat 0 -55px;
}
.special_logo .cms{
	background:url(../images/cms_logo.png) no-repeat;
	width:100px;
}
.special_logo .cms:hover{
	background:url(../images/cms_logo.png) no-repeat 0 -52px;
}
.special_logo .php{
	background:url(../images/php_logo.png) no-repeat;
	width:74px;
}
.special_logo .php:hover{
	background:url(../images/php_logo.png) no-repeat 0 -50px;
}
#footer {
	width:100%;
	height:auto;
	background:url(../images/footer_bg.gif) top repeat-x #191814;
	clear: both;
	font-size: 13px;
	padding:15px 0px;
	}
.footer_main {
	width:960px;
	margin:0px auto;
	}
/* ---------  footer ---- */
.footer_services {
	float:left;
	width:100%;
	height:auto;
	}
.footer_services ul {
	list-style:none;
	width:240px;
	float:left;
	}
.footer_services ul li {
	background:url(../images/bullit.png) no-repeat 0px 8px;
	padding:0px 0px 0px 18px;
	}
.footer_services ul li a {
	color:#919191;
	text-decoration:none;
	}
.footer_services ul li a:hover {
	color:#494949;
	}
.footer_main_nav {
	float:left;
	width:100%;
	margin:20px 0 0 0;
	background:url(../images/footer_main_nav.gif) no-repeat;
	height:auto;
	}
.footer_main_nav ul {	
	float:left;
	height:65px;
	width:55%;
	list-style:none;
	padding-top:12px;
	}
.footer_main_nav ul li {
	float:left;
	padding:10px 26px 10px 0px;
	background:url(../images/saperatior.gif) no-repeat right 13px;
	}
.footer_main_nav ul li.last{
	background:none;
}
.footer_main_nav ul li a {
	color:#919191;
	text-decoration:none;
	}
.footer_main_nav ul li a:hover {
	color:#494949;
	}
.footer_main_nav .social_icon {
	float:right;
	padding: 18px 15px 0 0;
	}
.footer_main_nav .social_icon a {
	width:26px;
	height:26px;
	float:left;
	margin-left:20px;
	}
.footer_main_nav .social_icon .gplus {
	background:url(../images/gplus_icon.gif) no-repeat;
	}
.footer_main_nav .social_icon .gplus:hover {
	background:url(../images/gplus_icon.gif) no-repeat 0 -28px;
	}
.footer_main_nav .social_icon .in {
	background:url(../images/in_icon.gif) no-repeat;
	display:none;
	}
.footer_main_nav .social_icon .in:hover {
	background:url(../images/in_icon.gif) no-repeat 0 -28px;
	}
.footer_main_nav .social_icon .f {
	background:url(../images/f_icon.gif) no-repeat;
	}
.footer_main_nav .social_icon .f:hover {
	background:url(../images/f_icon.gif) no-repeat 0 -28px;
	}
.footer_main_nav .social_icon .t {
	background:url(../images/t_icon.gif) no-repeat;
	}
.footer_main_nav .social_icon .t:hover {
	background:url(../images/t_icon.gif) no-repeat 0 -28px;
	}
.copyright {
	float:left;
	width:100%;
	padding-bottom:30px;
	text-align:center;
	color:#3e3e3e;
	}
.copyright a {
	color:#3e3e3e;
	text-decoration: none;
	}
.copyright a:hover {
	text-decoration: underline;
	}
.innerheader {
	height:280px!important;
	}
.innerheader h1 {
	padding-top:35px;
	}
/*------------- About ---------------- */
.about_leftpanel{
    float: left;
    margin-right: 52px;
    width: 577px;
}
/*------------- /About ---------------- */
/*------------- Portfolio Gallery ---------------- */

.portfolio_cont {
    margin: 0px 0 64px 4px;
}

.portfolio_cont ul {
	width: 950px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.portfolio_cont ul li {	
    border: 8px solid #D1D5D4;
	display: compact;
    float: left;
    height: 158px;
    margin: 13px 0 1px 17px;
    padding: 0;
    position: relative;
    width: 276px;
}

.portfolio_cont ul li:hover {
	z-index: 99;
}

.portfolio_cont ul li img {
border:1px solid #a4aaab;
	position: relative;
	width: 274px;
	height: 156px;
}

.portfolio_cont ul li:hover img {
	z-index: 999;
	filter: alpha(opacity =   100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.portfolio_cont ul li .info {
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	padding: 130px 10px 20px;
	display: none;
	background: #191814;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 12px #000;
	-webkit-box-shadow: 0px 0px 12px #000;
	box-shadow: 0px 0px 12px #000;
}

.portfolio_cont ul li:hover .info {
	display: block;
	border:1px solid #fff;
	background: #191814;
}
.portfolio_cont ul li .info p {
display:none;}
.portfolio_cont ul li h2 {
	color: #B0AFAF;
    padding: 44px 0 3px;
    text-shadow: 1px 1px 0 #000000;
	font-weight:normal;
}
.portfolio_popup{
 height: auto;
    padding: 36px;
    width: 782px;
}
.image{
	 border: 8px solid #D1D5D4;
    float: left;
    height: 405px;
    margin-right: 29px;
    width: 400px;
}
.portfolio_popup img{
	border:1px solid #a4aaab;
	width:398px;
	height:403px;
}
.portfolio_popup .info{
float:left;
width:335px;
height:422px;}
.portfolio_popup .info h2{
color:#0070a4;
padding:0px;
}
.portfolio_popup .info h3{
    margin-top: 38px;
}
.portfolio_popup .request_quote_btn {
    background: url(../images/popup_requestquote_btn.jpg) no-repeat;
	 float: right;
    height: 26px;
    margin-top: 54px;
    opacity: 100;
    width: 143px;
}

/*------------- /Portfolio gallery ---------------- */

/*------------- Services Content ---------------- */

.services_content{
    margin: 34px 0;
}
.services_content .icon {
    float: left;
    height: 114px;
}
.services_content .service_lft {
/* height: 280px;*/
    margin: 0 0 37px 20px;
    padding: 0 37px 0 0;
    width: 421px;
}
.services_content .service_lft .text{
height:246px;
}
.viewportfolio_btn {
	float:right;
	background:url(../images/viewportfolio_btn.gif) no-repeat;
	height:26px;
	width:133px;
	opacity: .94;
	filter: alpha(opacity=94);
	-moz-opacity: .94;
	margin-top:16px;
}
.viewportfolio_btn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

/*------------- /Services Content ---------------- */
/*------------- Career Content ---------------- */
.career_cont{
}
.career_cont .career_leftpanel{
    float: left;
    margin-right: 52px;
    width: 577px;
}
.career_cont .career_leftpanel span{
color:#0070a4;
}
.career_cont .vacancy{
    margin-bottom: 29px;
}
.viewdetail_btn {
	float:right;
	background:url(../images/viewdetail_btn.gif) no-repeat;
	height:26px;
	width:123px;
	opacity: .94;
	filter: alpha(opacity=94);
	-moz-opacity: .94;
	margin-top:16px;
}
.viewdetail_btn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.vacancy_popup{
line-height:17px;
}
.vacancy_popup h2{
	padding-bottom:0px;
}
.vacancy_popup span{
color:#0070a4;
}
.special_moments{
margin-top:45px;
}
.special_moments img, .special_moments a img{
border: 5px solid #d1d5d4!important;
margin:1px;
width:123px;
}
.viewmore_btn {
	background:url(../images/viewmore_btn.gif) no-repeat;
  float: right;
    height: 26px;
    margin:12px 12px 16px 0px;
    opacity: 0.94;
    width: 113px;
	opacity: .94;
	filter: alpha(opacity=94);
	-moz-opacity: .94;

}
.viewmore_btn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
 .right_sidebar{
  float: left;
    width: 285px;
}
.right_sidebar span{
color:#0070a4;
}
/*------------- Contact Content ---------------- */
#contact_form{
	float: left;
    margin-right: 52px;
    width: 577px;
	}
#contact_form label{
    float: left;
    
    width: 100%;
}
#contact_form input,#contact_form textarea,#contact_form select{
	background: #d2e6ec;
	border:1px solid #4999af;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:370px;
	height:20px;
	margin-bottom: 21px;
	float:left;
	padding:9px 8px 8px 8px;
}
#contact_form select{
    padding: 8px 3px;
	height:40px;
	width:386px;
	}
#contact_form .contacterror{
background: #f0f0f0;
	border:1px solid #949494;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
  height: 23px;
    padding: 7px 7px;
    width: 171px;
	}
#contact_form .contacterror img{
margin-top:-3px;
margin-right:8px;
}
#contact_form .contacterror .ok{
  margin-right: 8px;
    margin-top: 3px;
}
#contact_form .contacterror div{
	background:url(../images/errormsg_blank.gif) no-repeat;
	height:12px;
	width:125px;
	 margin-top: 5px;
}
.traininglink a{
border:0px;
}
a.submit input,a.reset input{
    border: 0 none !important;
	 height: 26px !important;
    margin-left: 264px;
    margin-top: 20px;
    width: 123px !important;
	opacity: .94;
	filter: alpha(opacity=94);
	-moz-opacity: .94;
	}
a.submit input:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.right_sidebar a{
    color: #4D4D4D;
	text-decoration:none;
	}
.right_sidebar a img {
	border:0px;
	}
/*------------- training Content ---------------- */
.leftpanel{
    float: left;
    margin-right: 52px;
    width: 577px;
}
/*------------- our team Content ---------------- */
.team_cont{
}
.team_cont .team img{
border:6px solid #d1d5d4;
margin-right:18px;
}
.team_cont .team_member{
 margin-top: 49px;
 }
.team_cont .member {
 float: left;
    margin: 14px 10px 14px 0;
    width: 278px;
}
.team_cont .member img{
border: 6px solid #D1D5D4;
    float: left;
    margin-right: 6px;
}
/*------------- /our team Content ---------------- */
/*------------- Gallery content---------------- */
.gallery_cont{
}
.gallery_cont li a{
border: 8px solid #D1D5D4;
    float: left;
    height: 148px;
    margin: 13px 13px 1px 0;
    padding: 0;
    width: 213px;
	}
.gallery_cont li img{
	 border: 1px solid #A4AAAB;
    height: 146px;
    width: 211px;
	}
/*------------- Gallery content---------------- */
.bcservices_content{
}
.bcservices{}
.bcservices .right_panel{
    float: right;
    width: 657px;
	}
.bcservices .right_panel li{
list-style:none;
}.bcservices .h_row{
border-bottom: 1px solid #E6E6E6;
 clear: both;
    float: left;
    height: auto;
    margin-bottom: 24px;
    padding: 0 0 12px;
    width: 100%;
	}
.bcservices .left_panel{
background:#191814;
float:left;
height:562px;
width:230px;
border:1px solid #191814;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.bcservices .left_panel ul li{
list-style:none;
margin:15px 0px;
}
.bcservices .left_panel ul li a{
   color: #B9B9B9;
   display:block;
   font:18px "HelveticaLight";
  padding: 10px 19px;
      height: 23px;
    width: 216px;
    text-decoration: none;
}
.bcservices .left_panel ul li a.current{
	background:url(../images/bcservices_selectedtab.jpg) no-repeat;
	color:#fff;
	display: block;
	margin-left:-1px;
    height: 23px;
    width: 216px;
}
/* ======== Web Design Resources ===== */
#links {
	float:left;
	width:100%;
	}
.web-resources_txtarea {
	float:left;
	width:930px;
	height:70px;
	padding:8px;
	font:14px/20px "Tw Cen MT", arial;
	color:#4d4d4d;
	margin-bottom:25px;
	}
#links ul {
	list-style:none;
	}
#links ul li {
	padding-bottom:20px;
	}
#links ul li a {
	color:#0070A4;
	font-size:16px;
	}
/* ======== /Web Design Resources ===== */
/* ======== SEO services ===== */
.list-data {
	list-style:none;
	}
.list-data li {
	padding:1px 0px 1px 13px;
	background:url(../images/bullit.png) no-repeat 0 9px;
	}
/* ======== /SEO services ===== */
/* ======== Holidays ===== */
.holidaylist h2 {
	padding-bottom:0px;
	}
.holidaylist {
	width:100%;
	float:left;
	padding:0 0 4px 0;
	}
.holidaylist .h_date {
	width:125px;
	float:left;
	padding-left:54px;
	}
.holidaylist .h_day {
	width:165px;
	float:left;
	}
.holidaylist .h_holiday {
	width:230px;
	float:left;
	}
/* ======== /Holidays ===== */
.moments_cont {
    margin: 9px 0 40px 10px;
}
.moments1 img {
	padding: 5px;
	background: #cacdcd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 2px #000;
	-webkit-box-shadow: 0px 0px 2px #000;
	box-shadow: 0px 0px 2px #000;
	float:left;
	border:1px solid #fff!important;
	}
.portfolio_cont ul {
	width: 950px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.moments_cont ul li {	
    border: 0px solid #D1D5D4;
	display: compact;
    float: left;
    height: auto;
    margin: 38px 0 1px 36px;
    padding: 0;
    position: relative;
    width: 276px;
}
.moments_cont ul {
	list-style:none;
	}
/*.moments_cont ul li:hover {
	z-index: 99;
}*/

.moments_cont ul li img {
border:1px solid #a4aaab;
	position: relative;
	width: 230px;
	height: 150px;
}

/*.moments_cont ul li:hover img {
	z-index: 999;
	filter: alpha(opacity =   100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}*/

.moments_cont ul li .info {
	padding: 10px 10px 20px;
	background: #191814;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 2px #000;
	-webkit-box-shadow: 0px 0px 2px #000;
	box-shadow: 0px 0px 2px #000;
	float:left;
}

.moments_cont ul li .info {
	display: block;
	border:1px solid #fff;
	background: #bfdce7;
}

.moments_cont ul li h2 {
	color: #044761;
	padding: 8px 0 3px;
	text-shadow: 1px 1px 0 #fff;
	font-weight:normal;
}
/*------------- Blog ---------------- */
.blog_rightpanel{
	float: left;
	width: 577px;
	margin-left: 52px;
}
.blog_rightpanel .post_cont {
	float:left;
	width:100%;
	border-bottom:1px solid #d0d0d0;
	margin-bottom:25px;
	padding-bottom:20px;
	}
.post_cont .title{
	float:left;
	width:100%;
	height:45px;
	}
.post_cont .title h3{
	float:left;
	height:auto;
	}
.post_cont .title .posted_by {
	float:left;
	background:url(../images/posted_by_icon.gif) no-repeat;
	height:17px;
	font-family:'Tw Cen MT';
	font-size:12px;
	padding-left:20px;
	}
.post_cont .title .post_date {
	background:url(../images/blog_date_bg.gif) no-repeat;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	height:38px;
	width:31px;
	line-height:19px;
	margin-right: 10px;
	float: left;
	margin-top: 5px;
	}
.title .comment_cont {
	float:right;
	font-size:12px;
	margin-top: 14px;
	}

.title .comment_cont span {
	background:url(../images/comment_bg.gif) no-repeat;
	text-align:center;
	color:#000;
	font-size:14px;
	height:25px;
	width:40px;
	float:left;
	margin-right:4px;
	}
.post_cont .post_content {
	float:left;
	width:100%;
	height:auto;
	padding-top: 20px;
	}
.post_cont .post_content img {
	background:#989898;
	padding:1px;
	border: 7px solid #D1D5D4;
	float: left;
	margin-right: 20px;
	}
.entry img {
	background:#989898;
	padding:1px;
	border: 7px solid #D1D5D4;
	float: left;
	margin-right: 20px;
	}
.post_cont .post_content .readmore {
	background:none;
	padding:0px;
	border: 0px solid #D1D5D4;
	float: right;
	margin-right: 0px;
	margin-top:10px;
	}

.left_sidebar{
	float: left;
	width: 285px;
	font-size: 12px;
	line-height: 14px;
}
.left_sidebar .artical {
	float:left;
	width:100%;
	padding:0 0 20px 0;
	}
.left_sidebar .artical ul {
	list-style:none
	}
.left_sidebar .artical ul li {
	border-bottom:1px solid #d0d0d0;
	padding-bottom:15px;
	margin-bottom:15px;
	float:left;
	width:100%;
	}
.left_sidebar .artical ul li a {
	color:#4D4D4D;
	text-decoration:none;
	}
.left_sidebar .artical ul li a {
	text-decoration:underline;
	}
.artical_s_img{
background:#989898;
padding:1px;
border: 5px solid #D1D5D4;
    float: left;
    margin-right: 6px;
}
.a_date {
	color:#989797;
	}
.left_sidebar .categories {
	float:left;
	width:100%
	}
.left_sidebar .categories h2 {
	padding-bottom:0px;
	}
.left_sidebar .categories ul {
	list-style:none
	}
.left_sidebar .categories ul li {
	padding:0 0 5px 12px;
	background:url(../images/bullit.png) no-repeat left 5px;
	}
.left_sidebar .categories ul li a {
	color:#4D4D4D;
	text-decoration:none;
	}
.left_sidebar .categories ul li a {
	text-decoration:underline;
	}
/*------------- /blog ---------------- */
.s_artical_title {
    float: left;
    font-size: 18px;
    padding-bottom: 8px;
    text-decoration: none!important;
    width: 100%;
	color:#000000!important;
}
#commentform input, #commentform textarea{
    background: none repeat scroll 0 0 #D2E6EC;
    border: 1px solid #4999AF;
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    width: 385px;
	margin-bottom: 5px;
}
#commentform label {
    float: left;
    margin-top: 0px;
    width: 100%;
}

#commentform a.submit #submit {
    background: none repeat scroll 0 0 #262521 !important;
    border: 1px solid #151412!important;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 23px !important;
    margin-left: 311px;
    margin-top: 20px;
    opacity: 0.94;
    padding-top: 6px;
    text-align: center;
    text-transform: uppercase;
    width: 116px !important;
}
.comment_cont a
  {
  text-decoration:none;
  }
  



/*------------- download image ---------------- */
.downimg{
width:121px;
height:102px;
right:0px;
position:fixed;}
.downimg a img {
	border:none;
	}
.download_popup{
	height: auto;
	padding: 36px;
	width: 415px;
	position: relative;
}
.image{
	 border: 8px solid #D1D5D4;
    float: left;
    height: 405px;
    margin-right: 29px;
    width: 400px;
}
.download_popup img{
	border:1px solid #a4aaab;
	width:398px;
	height:403px;
}
.download_popup .info{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/download_form_bg.png);
	left: 0px;
	top: 0px;
	border-radius:8px 8px 8px 8px;
}
.download_popup .info form {
	width:300px;
	margin: 100px auto 0 auto;
	height:auto;
	}
.download_popup .info h2{
color:#0070a4;
padding:0px;
}
.download_popup .info h3{
    margin-top: 38px;
	margin-bottom:10px;
	color:#FFFFFF;
}
.download_popup label {
    float: left;
    width: 100%;
	color:#FFFFFF;
}
.download_popup input, .download_popup textarea, .download_popup select {
    background: none repeat scroll 0 0 #D2E6EC;
    border: 1px solid #4999AF;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 20px;
    margin-bottom: 21px;
    padding: 9px 8px 8px;
    width: 300px;
}
.download_popup .download_btn {
    background: url(../images/download_btn.png) no-repeat;
	 float: left;
    height: 26px;
    opacity: 100;
    width: 113px;
	border:none;
	margin:12px 0 0 0;
	padding:0px;
	text-indent:-200px;
	overflow:hidden;
}
/* ==== Rules  ==== */
#rules{
	float: left;
    margin-right: 52px;
    width: 577px;
	}
#rules h2 {
	color:#0070a4;
	}
#rules h3.rule_title {
	float:left;
	padding-right:10px;
	font-size: 18px;
	}
#rules h3 {
	font-size: 18px;
	}
#rules span {
	padding-top:0px;
	float:left;
	}
#rules div {
	float:left;
	}
/*------------- categories-page ---------------- */
hr{
  border:none;
  background:url(../images/hr-line.png) no-repeat;
  height:4px;
  clear:both;

}
.categorie_cont {
 }
#container{
   }
.categorie_cont h2{
  float:left;
  width:220px;
  padding:0;
}
#options{
height:40px;
float:right;
margin-top:7px;
}
#options #filters{
  float:right;
  height:40px;
}
#options ul li{
 list-style-type:none;
 float:left;
 height:40px;
 }
 #options #filters li a:hover{
background:url(../images/porfolio_opt.hover.png) no-repeat center;
}
#options #filters .selected:hover{
background:url(../images/porfolio_optbg.png) no-repeat center 1px transparent;
height:30px;
float: left;
 text-shadow: 1px 1px 1px #000000;
}
#options #filters .selected {
background:url(../images/porfolio_optbg.png) no-repeat center 1px transparent;
height:30px;
float: left;
 text-shadow: 1px 1px 1px #000000;
}

#options li a {
    float: left;
    list-style: none outside none;
	margin:0;
    white-space: nowrap;
	text-decoration:none;
    color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#options img{
border:none;
}
#options .all{
 background:url(../images/art-workbg.png) no-repeat center;
 width:136px;
 margin-right:-19px;
 }
#options .all a{
 padding: 11px 58px;
}
#options .art-work{
 background:url(../images/art-workbg.png) no-repeat center;
 width:136px;
 margin-right:-21px;
 }
#options .art-work a{
 padding: 9px 40px;
 }
#options .development {
  background:url(../images/development.png)no-repeat center;
  width:177px;
  margin-right:-22px;
 }
#options .development a{
  padding: 9px 45px;
 }
#options .web-designing{
  background:url(../images/web-desingbg.png) no-repeat center;
  margin-right:-21px;
  width:177px;
 }
#options .web-designing a{
  padding:9px 41px;
 }
 #options .apps{
  background:url(../images/appbg.png) no-repeat center;
  width:100px;
 }
#options .apps a{
  padding:9px 43px;
  }
.element {
 float:left;
 position:relative;
 height: 179px;
 width: 273px;
 margin:23px;
 z-index:10px;

 }
.thumbnail img{
   border:5px #D1D5D4 solid;
   border-radius:7px;
   float: left;
  }
.element .shadow{
border:none;
}

span.roll {
    background:#0070a4;
	color:#FFFFFF;
    height: 179px;
    width: 273px;
	z-index: 10;
    position:absolute;
	border-radius:7px;
    -webkit-box-shadow: 0px 0px 4px #0070a4;
	-moz-box-shadow: 0px 0px 4px  #0070a4;
	box-shadow: 0px 0px 4px  #0070a4; 
} 
span.roll h2{
    color:#fff;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:22px;
    text-shadow:none;
	font-style:normal;
    padding:17px 0 0 15px;
}
span.roll p{
    clear:both;
    padding:0 11px 0 15px;
    line-height:16px;
    font-size:14px;
}
span.roll .magnifire img{
    border:none;
	position:relative;
}
span.magnifire {
    bottom:7px;
	right:7px;
	position:absolute;
	float:right;	
}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/*------------- categories-page ---------------- */

/*------------- apps-page ---------------- */
#content{
	width:100%;
	padding:0px;
	}

.gallery{
	width:100%;
	height:auto;
	padding:0px;}
	
.gallery li{
	float:left;
	margin:25px;
	list-style-type:none;
 }

.gallery li img{
border:5px #D1D5D4 solid;
    border-radius:7px;

}
span.app_details {
    background:url(../images/zoom.png) center center no-repeat #0070a4;
	content: "";
    display: block;
    height: 397px;
    position: absolute;
    width: 269px;
	z-index: 10;
	border-radius:4px;
   	-webkit-box-shadow: 0 10px 25px #0070a4;
	   -moz-box-shadow: 0 10px 25px #0070a4;
	        box-shadow: 0 10px 25px #0070a4;
} 


.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100%!important;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.fancybox-error {
	color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;

	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

#fancybox-image {
	max-width: 100%;
		width:90%!important;
	max-height: 100%;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -21px;
	margin-left: -21px;
	width: 42px;
	height: 42px;
	background:url(../images/fancybox_loading.gif);
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

.fancybox-close {
    background-image:url(../images/fancybox_sprite.png)!important;
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:0!important;
	overflow: hidden;
	display: none;
	background: #000!important;
}
.app_shadow{
position:relative;
margin-top:-5px;
}
.app_shadow img{
 border:none!important;
}
	/*------------- /apps-page ---------------- */
/*------------- /UI-interface-page ---------------- */

.ui_gallery li{
	float:left;
	margin:20px;
	list-style-type:none;
 }

.ui_gallery li img{
border:5px #D1D5D4 solid;
    border-radius:7px;

}
.ui_gallery .app_details {

    background:url(../images/zoom.png) center center no-repeat #0070a4;
	content: "";
    display: block;
    height: 210px;
    position: absolute;
    width: 279px;
	z-index: 10;
	border-radius:4px;
   	-webkit-box-shadow: 0 10px 25px #0070a4;
	-moz-box-shadow: 0 10px 25px #0070a4;
	box-shadow: 0 10px 25px #0070a4;
} 


.ui_shadow{
position:relative;
margin-top:-5px;
}
.ui_shadow img{
 border:none!important;
}
.ui_popup-tmp iframe, .ui_popup-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.ui_popup-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.ui_popup-outer {
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.ui_popup-opened {
	z-index: 1003;	
}

.ui_popup-opened .ui_popup-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.ui_popup-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.ui_popup-error {
	color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.ui_popup-image, .ui_popup-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.ui_popup-image {
	max-width: 100%;
	max-height: 100%;
}

#ui_popup-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -21px;
	margin-left: -21px;
	width: 42px;
	height: 42px;
	background:url(../images/fancybox_loading.gif);
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

.ui_popup-close{
	background-image:url(../images/fancybox_sprite.png);
}

.ui_popup-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

#ui_popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */

.ui_popup-title {
	visibility: hidden;	
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.ui_popup-opened .ui_popup-title {
	visibility: visible;
}

.ui_popup-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
}

.ui_popup-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.ui_popup-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.ui_popup-title-inside-wrap {
	margin-top: 10px;
}

.ui_popup-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*------------- /UI-interface-page ---------------- */