@charset "utf-8";

/* ResetCss */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,h5, h6, hr, html, i, images, ins, kbd, label, legend, li,map, object, ol, p, param, pre,q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline;}

/* Default Style */
body { background:url(../images/bg.jpg) repeat-x top left; background-color:#f3f3f3;color:#000;font:normal 12px , "Roboto", Arial, Sans-Serif; color:#898989; font-family: 'Roboto', sans-serif;}
img{ border:0; vertical-align:bottom;}
:focus{outline:0;}
a, a:visited {color:#6a8c4c;text-decoration:none}
a:hover {}
fieldset { border:none;}
p {margin:0 0 10px; }
ul{list-style:none;margin:0 0 1em;}
textarea {overflow:auto;}
.clear { clear:both;}
.clearfix { display:inline-block;}
.gap10{ clear:both; height:10px;}
.gap20{ clear:both; height:20px;}
.gap40{ clear:both; height:40px;}
.gap80{ clear:both; height:80px;}
.leftalign { float:left;}
.rightalign { float:right;}

.nomargin{ margin:0 !important;}
a.readmore { background-color:#000000; font-size:11px; text-align:center; padding:3px 7px; display:block; color:#fff;}
a.readmore:hover{ background-color:#000000; font-size:11px; text-align:center; padding:3px 7px; display:block; color:#e3c203;}

/* website style */

#pagewidth{ width:1000px; display:block; margin:0 auto;}
#top { width:1000px; display:block; margin:0 auto; }
#top #logo{ width:267px; height:70px; display:block; float:left; }
#top #logo a{width:267px; height:70px; display:block;}

/* main menu */

#topmenu { width:550px; display:block; float:left; margin:25px 0px 0px 0px; z-index:9999; position:relative;}
#topmenu ul , #topmenu ul li{ list-style:none; list-style-type:none; margin:0; padding:0;}
#topmenu ul li { float:left; margin:0; padding:10px 15px 10px 15px;}
#topmenu ul li a { font:normal 14px "Kristen ITC", Arial, Helvetica, sans-serif; color:#5D4D02;}
#topmenu ul li a:hover { font:normal 14px "Kristen ITC", Arial, Helvetica, sans-serif; color:#000; text-decoration:underline;}

.top-blog{ width:26px; height:24px; display:block; float:left; margin-left:10px; z-index:1010; position:relative; margin-right:40px; margin-top:14px; cursor:pointer;}
.top-blog li{ margin:20px 0px 0px 0px !important; padding:0 !important; }
.pos-call{ float:left; position:relative; margin-left:30px; margin-top:14px;}
.call-us {background: url("../images/phone.png") no-repeat right top;height:55px; position:absolute;  right:0; top:0; height:40px; width:35px; z-index:1005; float:left; margin:8px 20px 0px 20px;  width:251px;}
.call-us:hover {background: url("../images/phone.png") no-repeat right bottom; height:55px; /*position:absolute; */ height:100px; width:35px; z-index:1005; float:left; width:251px; margin:8px 20px 0px 20px; position:absolute; }

/*.call-us:hover {background: url("../images/phone.png") no-repeat right bottom ;height:100px; right:0; top:0;width: 251px; float:left;}*/

/* Slider Section */
.slider-section { width:980px; height:390px; display:block; float:left; margin:30px 0px 0px 0px; position:relative;}

.slider-section .title{ margin:0px 0px 50px 0px; text-align:center; font: normal 26px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}

.quick-menu { width:175px; display:block; float:right; z-index:999px; float:right;  background:url(../images/bg_quickmenu.png) no-repeat left top; width:248px; height:306px; z-index:9999; position:relative; padding-top:50px; margin-top:115px;} 
.quick-menu-gap { margin-top:110px; }

.quick-menu a{ display:block; float:right; line-height:80px; height:40px; text-align:right; font:normal 14px "Kristen ITC", Arial, Helvetica, sans-serif; color:#565555; width:200px; margin-right:60px; text-decoration:underline; }

.quick-menu a:hover{ display:block; float:right; line-height:80px; height:40px; text-align:right; font:normal 14px "Kristen ITC", Arial, Helvetica, sans-serif; color:#e5b439; text-decoration:none;   margin-right:60px; text-decoration:none;}
.quick-menu-home {
    background: url("../images/bg_quickmenu.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 244px;
   /* margin-left:5px;*/
    margin-top: 163px;
    padding-top: 50px;
    position: relative;
    width: 272px;
    z-index: 9999;
}

.quick-menu-home a{ display:block; float:right; line-height:80px; height:42px; text-align:right; font:bold 16px "ITC Korinna Std", Arial, Helvetica, sans-serif; color:#696969; text-decoration:underline; width:200px; margin-right:90px; }

.quick-menu-home a:hover{ display:block; float:right; line-height:80px; height:42px; text-align:right; font:bold 16px "ITC Korinna Std", Arial, Helvetica, sans-serif; color:#141414; text-decoration:none; }
.innner-header { width:500px; height:286px; display:block; float:left;}
.innner-header img{ margin:0 auto;}

/* Services Section */
.service-section{ width:1000px; display:block; margin:0px auto ; margin-top:40px;}
.service-section ul , .service-section ul li{ list-style:none; list-style-type:none; margin:0; padding:0;}
.service-section ul li { /*float:left; */ display:inline-block; margin:0; margin:10px 27px 10px 0px;}
.service-section ul li a { font:normal 14px  Arial, Helvetica, sans-serif; color:#5d4d02;}


/* Main Section */
.mainarea { display:block; margin:25px auto 0px; width:980px;}
.mainarea  h1.title {font:bold 18px "Euphemia", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#a58a03;  display:block; }
.sperator { background:url(../images/sperator.jpg) no-repeat left top; width:980px; height:1px; margin:7px 0px 20px 0px;}

/* Main Section Column Left */
.mainarea .leftsection { width:586px; display:block; float:left; }
.mainarea .leftsection  h1.packages {font:bold 18px "Euphemia", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#636363;  display:block; margin:25px 0px 0px 0px; }
.sep-packages { background: url(../images/sep_packages.jpg) no-repeat left top; width:135px; height:1px; margin:7px 0px 20px 0px; }

/* Packages */
.pack-business-startup { background:url(../images/bg_business_startup.jpg) no-repeat left top; width:586px; height:133px; display:block; float:left;}
.pack-business-startup h1.title {font:bold 18px "Euphemia", Arial, Helvetica, sans-serif; text-transform:capitalize; color:#a58a03;  display:block; margin-bottom:8px; }
.pack-business-startup .area { width:350px; display:block; float:right; margin:10px 20px 0px 0px; text-align:right; }

.pack-bespoke-dev { background:url(../images/bg_bespoke_develoment.jpg) no-repeat left top; width:586px; height:133px; display:block; float:left; margin-top:20px;}
.pack-bespoke-dev h1.title {font:bold 18px "Euphemia", Arial, Helvetica, sans-serif; text-transform:capitalize; color:#a58a03;  display:block; margin-bottom:8px; }
.pack-bespoke-dev .area { width:350px; display:block; float:left; margin:10px 20px 0px 20px; text-align:left; }

/* Vertical Seprator */
.sep-vertical { background:url(../images/sep_vertical.jpg) no-repeat left top; width:1px; height:571px; float:left; display:block; margin:0px 15px 0px 7px;}

/* Right Section */
.right-section { width:328px; display:block; float:left;}
.right-section .port-link { background-color:#f8d400; width:320px; padding:4px; display:block; margin-bottom:20px;}
.right-section .port-link:hover { background-color:#e3c203; width:320px; padding:4px; display:block; margin-bottom:20px;}
.view-porject{ font-size:11px; color:#000; background:url(../images/ico_lens.png) no-repeat left center; padding-left:25px; height:22px; display:block; margin-top:10px; }


/* Footer Section */
.footer { background:url(../images/bg_footer.jpg) repeat-x left top #121313; height:320px; display:block; margin:25px 0px 0px 0px;}

.footer .area { width:990px; display:block; margin:0 auto; font-family:Tahoma, Geneva, sans-serif;}
/* main links */
.footer .area .main-links { width:147px; display:block; float:left; background:url(../images/sep_footer.jpg) no-repeat top right; height:230px; margin-top:5px; font-family:Tahoma, Geneva, sans-serif;}
.footer .area h3 { color:#f8d400; font-size:14px; text-transform:uppercase; font-weight:normal; padding:15px 0px 20px 0px;}

.footer .area .main-links  ul li { line-height:30px; background:url(../images/sep_mainlinks_h.jpg) no-repeat left bottom; width:137px; font-size: 13px;} 
.footer .area .main-links  ul li a { color:#c1bbbb; text-decoration:none;}
.footer .area .main-links  ul li a:hover { color:#f8d400; text-decoration:none;}

/* Kservices links */
.footer .area .kservices { width:395px; display:block; float:left;background:url(../images/sep_footer.jpg) no-repeat top right; height:230px; margin-top:5px; margin-left:30px;font-family:Tahoma, Geneva, sans-serif; }

.footer .area .kservices ul.fst { width:193px; float:left; display:block;}
.footer .area .kservices ul.fst li { background:url(../images/sep_footerlinks.jpg) no-repeat bottom left; line-height:25px; font-size: 13px;}
.footer .area .kservices ul.fst li a { color:#c1bbbb;}
.footer .area .kservices ul.fst li a:hover { color:#f8d400;}

.footer .area .kservices ul.sec { width:170px; float:left; display:block; margin-left:30px;}
.footer .area .kservices ul.sec li { background:url(../images/sep_ulsec.jpg) no-repeat bottom left; line-height:25px; font-size: 13px;}
.footer .area .kservices ul.sec li a { color:#c1bbbb;}
.footer .area .kservices ul.sec li a:hover { color:#f8d400;}

/* Get in touch links */
.footer .area .getintouch{ width:219px; display:block; float:left;background:url(../images/sep_footer.jpg) no-repeat top right; height:230px; font-family:Tahoma, Geneva, sans-serif; margin-top:5px;}
.footer .area .getintouch h3 { text-align:center;}
.footer .area .getintouch ul{ margin-left:22px; margin-top:25px; }
.footer .area .getintouch ul li{ line-height:30px; height:30px; }
.footer .area .getintouch ul li a {color:#c1bbbb; height:30px;}
.footer .area .getintouch ul li a:hover {color:#f8d400; height:30px;}
.footer .area .getintouch ul li a.emailinfo { background:url(../images/social_icons.png) no-repeat 0 -1px; width:19px; font-size:12px; text-decoration:underline; padding-left:28px; padding-bottom:2px;}

.footer .area .getintouch ul li a.twitter { background:url(../images/social_icons.png) no-repeat 0px -24px; width:19px; font-size:11px; padding-left:28px;height:22px; padding-bottom:3px;}

.footer .area .getintouch ul li a.facebook { background:url(../images/social_icons.png) no-repeat 0px -46px; width:19px; font-size:11px; padding-left:28px; padding-bottom:2px;}

/* Punjab Map */
.footer .area .pmap{ width:167px; display:block; float:left; height:169px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:5px;}
.footer .area .pmap h3 { text-align:center; margin-top:5px;}

.chat-links { width:980px; display:block; margin:0 auto; height:30px;}
.chat-links  a { text-decoration:underline;color:#8f8d8d;  display:block;}
.chat-links a:hover { text-decoration:none;color:#8f8d8d;}

.chat-links a.skype { background:url(../images/chat_icons.png) no-repeat 0 -96px; padding-bottom:5px; padding-top:5px; display:block;float:left; padding-left:40px !important; margin-right:30px; }

.chat-links  a.yahoo { background:url(../images/chat_icons.png) no-repeat 0 -60px;  padding-bottom:5px; padding-left:40px !important; padding-top:5px; display:block; float:left;  margin-right:30px;}

.chat-links  a.gtalk { background:url(../images/chat_icons.png) no-repeat 0 -30px;padding-bottom:5px; padding-left:40px !important; padding-top:5px; display:block;float:left;  margin-right:30px;}

.chat-links a.hotmail { background:url(../images/chat_icons.png) no-repeat 0 0px;  padding-bottom:5px;padding-top:5px; display:block;float:left; padding-left:40px !important; margin-right:30px; }


/* Bottom links */

.bot-links { margin-top:30px; display:block;}
.bot-links .copyright { width:400px; display:block; float:left; color:#696b6d; margin-top:12px; font-size: 13px; }
.bot-links .links { width:200px; display:block; float:right;  color:#696b6d; text-align:right; margin-right:30px;}
.bot-links .links a { color:#696b6d; font-size:11px;}
.bot-links .links a:hover { color:#696b6d; font-size:11px; text-decoration:underline;}



/* About us Page */

.abt-col-one { width:640px; margin:15px 0px 10px 0px; display:block; float:left;}
.abt-col-one .listing { margin:0; padding:0;}
.abt-col-one .listing li{ background:url(../images/garrow.png) no-repeat 0px 7px;   color:#898989; padding-left:30px; display:block; line-height:30px; font-size:15px;}


/* Process us Page */

.pro-col-one { width:980px; margin:25px 0px 10px 0px; display:block; float:left;}
.pro-col-one .listing { margin:0; padding:0;}
.pro-col-one .listing li{ background:url(../images/garrow.png) no-repeat 0px 7px;   color:#898989; padding-left:30px; display:block; line-height:30px; font-size:15px;}





/************************ REQUEST A QUOTE ******************************/

#commentForm { margin:25px 0px 0px 0px; }
.request-quote{	width:980px; }
.request-quote form { margin-top:10px;}
.request-quote label { color:#4C7539; float:left; text-align:left; width:130px; }
.request-quote input[type=text], .required { background:#FFFFFF none repeat scroll 0 0;border:1px solid #E4E4E4;color:#707070;float:left; /*height:35px;*/ margin-bottom:10px; padding:7px 10px; width:350px; }

.privacy{ margin-left:130px; margin-top:20px }

.clearer { clear:both; float:none !important; height:0; }

.check-list { float:left; height:1%; margin-bottom:20px; padding-left:120px; padding-top:10px; position:relative; width:331px;}

.check-list label{color:#707070; font-family:lucida-sans,Arial,Helvetica,Tahoma; font-size:12px; line-height:150%}

.request-quote fieldset{ display:block; width:950px; }

label.error { width:200px; float:left; margin-left:5px; display:block; color:#FF0000; font-size:13px; }
input.check { border:0 none !important; float:left; height:15px; margin:0; padding:0; width:25px; }

.request-quote .privacy label { color:#707070; float:left; padding:0; text-align:left; width:auto !important;}



/***********************************************************************/

.slider-container{position:relative;}
#slider1 li img { margin:0 auto;}




/*************************/
* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}




/*****  Packages Details Page ******/

.bespoke-package-box {background:#fff; border-radius: 14px 14px 14px 14px; display: inline-block;height: auto; margin: 35px 20px 20px 0;
    padding: 10px 20px 30px; width: 1000px; }
	
.bespoke-package-box .title-wrap {border-bottom: 1px dashed #a8a7a7;display: block;float: none; height: 88px;line-height: 25px;margin: 0 0 10px; overflow: hidden; padding: 0 0 10px;}	

.bespoke-package-box .title-wrap h2.package-title {display: inline-block; line-height: 28px; margin: 40px 0 0;
font:bold 18px "Euphemia", Arial, Helvetica, sans-serif; text-transform:capitalize; color:#a58a03;  display:block; margin-bottom:8px; width:900px; float:left; }



.bespoke-package-box .title-wrap a.price { background: url("../images/circle.png") no-repeat center top ; color: #000; display: inline-block; float: right; font:bold 18px "Euphemia", Arial, Helvetica, sans-serif; text-transform:capitalize;  height: 88px;  margin: 0; padding: 28px 0 0; position: relative; text-align: center; width: 94px; }



/**/

.web-design-package-box {background:#fff; border-radius: 14px 14px 14px 14px; display: inline-block;height: auto; margin: 35px 20px 20px 0;padding: 10px 20px 30px; width: 425px; }

.web-design-package-box .title-wrap h2.package-title { color: #A58A03; display: inline-block;font-family:font:bold 18px "Euphemia", Arial, Helvetica, sans-serif !important; text-transform:capitalize;line-height: 25px;margin: 20px 0 0;}

.web-design-package-box .title-wrap .price {
    background: url("../images/circle.png") no-repeat center top; color: #B38051; display: inline-block;float: right;  font:bold 22px "Euphemia", Arial, Helvetica, sans-serif; text-transform:capitalize; height: 54px;margin-left:10px; padding: 35px 0 0; position: relative;text-align: center;  width: 94px;}

.package { margin-top:50px;}
.package li { line-height:30px;}	

.sitemaplinks { margin:0px 0px 0px 20px;}

/******  CSS Winner Tags ******/
.csswinner{ position:absolute; top:80px; left:0px; z-index:999; }
.csswinner a{ width:81px; height:59px; text-indent:-9000px; display:block; background:url("../images/nominee-black-left.png") no-repeat; }

/******  CSS Reel Tags ******/
.cssreel{ position:absolute; top:180px; left:0px; z-index:999; }
.cssreel a{ width:70px; height:30px; text-indent:-9000px; display:block; background:url("../images/cssreel_nominee_white.png") no-repeat; }

/* Responsive placing of the boxes*/
.container {
	padding: 1% 1% 0% 1%;
}

.container:after {
	content: '';
	display: inline-block;
	width: 100%;
}

/* Inside the box */

.box {
	width: 100%;


	position: relative;
	float: left;
	cursor: pointer;
	overflow: hidden;
	border-bottom: #cccc 1px solid;
	padding-bottom: 25px;
	margin-top: 50px;
	
		
}

.box img { margin: 0 auto; display: block;}
.box p {text-align: center; color:rgb(196, 196, 196); padding:30px 15px; line-height:30px;}

.box p b {color: rgb(153, 153, 153) !important;}

@media all and (min-width: 350px){
.container .box{
	width: 100%;


}
}

@media all and (min-width: 800px){
.container .box{
	width: 100%;

}
}
@media all and (min-width: 1200px){
.container .box{
	width: 100%;

}
}