/* CSS Document */
body {font-family:"Calibri", Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; margin:0px; padding:0px;}
body {width:100%; }
html {width:100%;  overflow-x:hidden}

.left { float:left;}
.right {float:right;}
.clear { clear:both;}

a img{ border:0px;}

@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;

}

h1, h2, h3, h4, h5, h6 {margin:0px; font-weight:normal;}

a img {border:0px;}
#container { width:100%; text-align:left; margin:0 auto;}
#logo { padding:0px 0px 0px 0px;}
.slogan { padding:16px 0px 0px 10px;}
#leftpanel { width:202px; position:fixed; background-color:#fff; float:left; padding:10px 0px 0px 10px;}
.line { padding:3px 0px 0px 3px;}

#navigation { padding:0px 10px 0px 0px; text-align:right;}
#navigation ul {margin:0px; padding:0px;}
#navigation ul li {list-style-type:none;}
#navigation ul li a { text-decoration:none; color:#404040; background-image:url(../images/dot.png); background-repeat:no-repeat; background-position:right center; font-size:16px; padding:4px 15px 4px 0px; display:block;}
#navigation ul li a:hover { background-image:url(../images/dot_hover.png); background-repeat:no-repeat; background-position:right center; padding:4px 15px 4px 0px;}

.arrow{ margin:150px 0px 0px 30px; }
.arrow a{ background-image:url(../images/arrow1.png); background-repeat:no-repeat; width:50px; height:107px; display:block;}
.arrow a:hover{ background-image:url(../images/arrow1_hover.png); background-repeat:no-repeat;}

.arrow1{ margin:150px 0px 0px 30px; position:fixed;}
.arrow1 a{ background-image:url(../images/arrow2.png); background-repeat:no-repeat; width:50px; height:107px; display:block;}
.arrow1 a:hover{ background-image:url(../images/arrow2_hover.png); background-repeat:no-repeat;}

.nav_line { background-color:#6d6d6d; height:1px; margin:10px 0px 0px 0px; width:194px;}
.line2 { background-color:#dbdbdb; height:1px; margin:10px 0px 0px 0px; width:194px;}

#testimonials {width: 178px;height: 198px;list-style-type: none; margin-left:-40px;}
#testimonials .slide {}
.testimonials { padding:20px 0px 0px 0px;}
.testimonials h1 { font-family:"SteelfishBold", Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px; margin:0px; color:#4270c5; font-size:32px; }
.comma_top { padding:15px 0px 0px 0px;}
.comma_bottom { padding:0px 0px 0px 0px; text-align:right;}

.test { font-size:14px; color:#333; background-image:url(../images/testimonials.jpg); width:178px; height:198px; background-repeat:no-repeat;  margin:20px 0px 0px 0px; padding:10px;}
.author { float:right; font-size:14px; font-weight:bold; padding:0px 0px 20px 0px;  color:#292929;}

.call { font-size:16px; color:#4270c5; padding:5px 0px 0px 10px;}
.phone { font-weight:bold; font-size:14px; color:#414141; padding:8px 0px 0px 10px;}
.phone img {padding:0 10px 0 0px;}

#second_panel { width:334px; z-index:5; position:absolute; float:left; padding:10px; background-image:url(../images/second_panel_bg.png); background-repeat:repeat-y; margin:0px 0px 0px 215px; }
#second_panel h1 { font-size:56px; font-family:"SteelfishBold", Arial, Helvetica, sans-serif; padding:0px 0px 0px 5px; line-height:58px; color:#2b2b2b;}

.blue {color:#4270c5;}
.orange { color:#c37c02;}

.tagline { color:#2b2b2b; font-size:24px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; padding:20px 0px 0px 5px;}
.tagline span {font-size:16px;}

.banner { padding:0px 0px 0px 0px;}

.points { margin:10px 0px 0px 0px; font-size:16px;}
.points ul {margin:0px; padding:0px;}
.points ul li {list-style-image:url(../images/tick.png); margin:7px 0px 0px 30px; }
.points ul img {margin:7px 0px 0px 30px; }

#portfolio_panel { position:fixed; z-index:99999; width:80%; float:left; margin:0px 0px 0px 0px; background-color:#fff; margin:0px 0px 0px 570px;}

#portfolio_panel h2 { font-family:"SteelfishBold", Times New Roman, Times, serif; font-size:58px; color:#3f3f3f; text-transform:uppercase; padding:30px 0px 0px 10px;}

.port_line { margin:20px 0px 0px 10px; background-image:url(../images/port_line.png); background-repeat:repeat-x; height:4px;}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {.port_line { margin:5px 0px 0px 10px; background-image:url(../images/port_line.png); background-repeat:repeat-x; height:4px;}} */

.port_nav { width:115px; float:left; margin:18px 0px 0px 10px;}
.port_nav ul {margin:0px; padding:0px;}
.port_nav ul li {list-style-type:none; }
.port_nav ul li a { text-decoration:none; margin:5px 0px 5px 0px; padding:0px 0px 0px 13px; background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:left center; display:block; font-size:14px; color:#858484;}
.port_nav ul li a:hover { background-image:url(../images/arrow_hover.png); background-repeat:no-repeat; background-position:left center; margin:5px 0px 5px 0px; padding:0px 0px 0px 13px; color:#4270c5;}

#portfolio { width:80%; float:left; margin:0px 0px 0px 8px;}
.large_view { padding:0px 0px 0px 0px; margin:20px 0px 0px 0px; border:3px solid #ababab;}

.thumb_box { width:304px; background-repeat:no-repeat; background-image:url(../images/frame.png);  margin:20px 10px 0px 0px;  float:left; min-height:210px; }
.thumb { padding:12px 0px 0px 0px; text-align:center;}

.technical { margin:15px 0px 0px 0px; font-size:12px; color:#4270c5;}
.visit_btn { float:right; padding:15px 0px 0px 0px;}

#aboutus { margin:20px 0px 0px 0px;}
#aboutus h2 {font-family:"SteelfishBold", Times New Roman, Times, serif; margin:0px; font-size:58px; text-transform:uppercase; color:#3f3f3f; padding:20px 0px 0px 10px;}
#aboutus p { padding:0px 0px 0px 7px; width:325px;}

#service { margin:20px 0px 0px 0px;}
#service h2 {font-family:"SteelfishBold", Times New Roman, Times, serif; margin:0px; font-size:58px; text-transform:uppercase; color:#3f3f3f; padding:20px 0px 0px 10px;}


.divider { margin:20px 0px 10px 3px;}
.divider1 { margin:40px 0px 0px 3px;}
/*@media screen and (-webkit-min-device-pixel-ratio:0){.divider { margin:5px 0px 10px 3px;}} */


.services {background-image:url(../images/services-bar.jpg); width:328px; height:68px; background-repeat:no-repeat; margin:10px 0px 0px 0px;}
.webhtml {background-image:url(../images/html5.jpg); width:328px; height:68px; background-repeat:no-repeat; margin:10px 0px 0px 0px;}
.webapp {background-image:url(../images/webapp.jpg); width:328px; height:68px; background-repeat:no-repeat; margin:10px 0px 0px 0px;}
.multimedia {background-image:url(../images/multimedia.jpg); width:328px; height:68px; background-repeat:no-repeat; margin:10px 0px 0px 0px;}
.branding {background-image:url(../images/branding.jpg); width:328px; height:68px; background-repeat:no-repeat; margin:10px 0px 0px 0px;}
.flash {background-image:url(../images/flash.jpg); width:328px; height:68px; background-repeat:no-repeat; margin:10px 0px 0px 0px;}
.socialnetwork {background-image:url(../images/socialnetwork.jpg); width:328px; height:68px; background-repeat:no-repeat; margin:10px 0px 0px 0px;}


.servicestxt {font-size:14px; padding:25px 0px 0px 10px; float:left; width:280px;}
.servicestxt1 {font-size:14px; padding:10px 0px 0px 10px; float:left; width:280px;}
.softtxt {margin:30px 0px 0px 6px; font-size:12px; float:left; line-height:14px;}
.service-img {float:right; margin:50px 40px 0px 0px;}

#contact { margin:20px 0px 0px 0px;}
#contact h2 {font-family:"SteelfishBold", Times New Roman, Times, serif; margin:0px; font-size:58px; text-transform:uppercase; color:#3f3f3f; padding:20px 0px 0px 10px;}
#contact p { padding:0px 0px 0px 7px; width:325px;}

.field { width:280px; height:30px; margin:0px 0px 0px 0px; border:1px solid #cdcdcd;}
.txtfieldarea { width:300px; height:100px; margin:0px 0px 0px 0px; border:1px solid #cdcdcd;}
.border1 {border-bottom:1px dotted #333333; width:280px; padding:20px 0px 3px 5px;}
.border1 img { padding:0px 10px 0px 0px;}
.border1 a { color:#4270c5;}

/*------------- Portfolio Gallery ---------------- */

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

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

.portfolio_cont ul li {	
   
	display: compact;
    float: left;
    
    margin: 5px 0 1px 7px;
    padding: 0;
    position: relative;
   
}

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

.portfolio_cont ul li img {
border:1px solid #a4aaab;
	position: relative;
	margin:6px 0px 0px 4px;
	
}

.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: -8px;
	left: -8px;
	right: -12px;
	padding: 180px 0px 15px;
	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:#fff;
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;
}

.info h3 { color:#fff; font-family:"SteelfishBold", Times New Roman, Times, serif; line-height:58px; padding:24px 0px 0px 12px; font-size:38px;}
.info h3 a{ color:#fff; text-decoration:none;}
.info h3 a:hover{ color:#d2d0d0;}
/*------------- /Portfolio gallery ---------------- */

.click_here { padding:30px 0px 0px 0px;}
.owner { background-image:url(../images/vikasrana_owner2.png); width:330px; height:237px; background-repeat:no-repeat; margin:0px 0px 0px 0px; z-index:8; position:relative;background-position: 35px 17px; }
.contact_info { float:right; text-align:right; padding:11px 0px 0px 0px;}
.catch_me { font-size:14px; color:#4270c5;}
.phone_no { padding:5px 0px 0px 0px; font-size:18px; color:#4f4f4f;}
.phone_no span { color:#4270c5; font-weight:bold;}
.email { padding:7px 0px 0px 0px; color:#3f3f3f;}
.email img { text-align:right; padding:0px 5px 0px 0px;}
.email a { text-decoration:none; color:#3f3f3f; padding:0px 0px 0px 0px;}
.email a:hover {color:#4270c5; text-decoration:underline;}
.outer { z-index:7; position:relative; margin:-90px 0px 0px 0px;}


.mylink a{color:#4270c5;}
.mylink a:hover{color:#C37C02;}

.hire_account {
    background-image: -moz-linear-gradient(center bottom , #D4D4D4 24%, #E1E1E1 62%, #EDEDED 81%);
    border: 1px solid #A0A0A0;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.29);
    margin: 30px auto 0 2px;
    padding: 10px 0 12px 10px;
    width: 180px;
}

.hire_me {
    background: url("../images/hire_me_bg.jpg") repeat-y scroll 0 0 transparent;
    border-radius: 6px 6px 6px 6px;
    color: #FCFCFC;
    font-size: 19px;
    font-weight: bold;
    padding: 9px 0 10px;
    text-align: center;
    text-transform: uppercase;
    width: 169px;
}
.hire_me a {
    color: #FCFCFC;
    text-decoration: none;
}

.my_account {
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    margin: 9px 0 0;
    padding: 10px 0;
    width: 169px;
}
.my_account img {
    padding: 0 6px 0 8px;
}