@charset "utf-8";
/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4c4c4c;  line-height:20px; margin:0px; padding:0px; }

@font-face {
    font-family: 'Museo300';
    src: url('fonts/museo300-regular-webfont.eot?') format('eot'),
         url('fonts/museo300-regular-webfont.woff') format('woff'),
         url('fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('fonts/museo300-regular-webfont.svg#webfontRRi5xktq') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1{ font-family:Arial; font-size:22px; color:#252525; margin:0px; padding:0px; font-weight:bold;}
h2{ font-family:Arial; font-size:17px; color:#fff; margin:0px; padding:0px; font-weight:bold;}
h3{ font-family:Arial; font-size:36px; line-height:45px; color:#2f2f2f; text-shadow:1px 1px 0px #fff; margin:0px; padding:0px; font-weight:bold;}
h4{ font-family:Arial; font-size:21px; color:#2f2f2f; text-shadow:1px 1px 0px #fff; margin:0px; padding:0px; font-weight:bold;}

h5{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-shadow:1px 1px 0px #fff; color:#252525; font-weight:bold; margin:0px; padding:0px;}
#container{ width:100%; float:left;}
#container-home-page{ width:100%; float:left; margin:0px; padding:0px;}
a{ text-decoration:underline; color: #333333;}
a:hover{ text-decoration:none; color: #000066;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.padding-general{ padding:15px 0 0 0;}
a:focus { outline: none;}

/* Button Css  */
.button-new{float: left; margin: 0px; padding: 0 8px 0 0;}
.button-new i{background:url(../images/button-1.1.png) top left no-repeat;	float: left; margin: 0px; text-decoration:none; padding: 0 0 0 4px;	height: 25px;	border: none;}
.button-new i:hover{ background:url(../images/button-1.2.png) top left no-repeat; margin:0px; }
.button-new input{ background: url(../images/button-2.1.png) top right no-repeat; text-decoration:none;	float: left; font-family:Arial, Helvetica, sans-serif;	font-size: 11px; font-weight: normal; color: #fff; cursor: pointer; border: none; margin:0px; padding:3px 10px 5px 7px; text-decoration:none; *padding:1px 5px 5px 4px; line-height:18px;}
.button-new input:hover{ text-decoration:none; background:url(../images/button-2.2.png) top right no-repeat; display:block; margin:0px;  }


/*header*/
.header-main{ width:100%; margin:0px auto; padding:0px;}
.header-up{ width:980px; height:49px; margin:0 auto;}
.header-login{ width:440px; float:right; color:#6a6a6a; padding:9px 0 0 0;}
.hdr-login-box{ width:300px; float:left;}
.hdr-aerow-img{ width:24px; float:left; padding-top:5px; text-align:center;}
.hdr-input-box{ width:120px; float:left;}
.hdr-input-bg{ font-family:Arial, Helvetica, sans-serif; border:none; font-size:12px; color:#4c4c4c; height:20px; padding:2px 5px; background:url(../images/hdr-input-bg.png) no-repeat; width:100px; line-height:20px;} 

.header{ width:100%; float:left; background:url(../images/pattern-bg.jpg) repeat-x; height:98px;}
.header-part{ width:980px; margin:0px auto; background:url(../images/header-bg.png) no-repeat; left:0px; height:98px;}
.header-logo{ width:330px; float:left; padding:7px 0 0 23px;}
.header-menu{ width:622px; float:left; padding:15px 0 0 0;}

img { border-color:#fff;}

/*header-stop*/

/*middle*/
.middle{ width:100%; float:left;}
.middle-part{ width:980px; margin:0px auto;}
.middle-common{ width:980px; float:left; padding-bottom:20px;}
.mid-slider{ width:980px; float:left; height:255px;}
.mid-about-shiny{ width:980px; float:left; padding:30px 0px 0 0px;}
.mid-testimonial{width:320px; float:right; padding:30px 0 0 0;}
.mid-testi{ width:92px; float:right; position:relative; z-index:9999;  height:0px; top:-159px; right:7px;}
.mid-brd{ border-bottom:1px solid #e6e6e6; float:left; width:980px; margin:15px 0;}

.mid-services-box1{ width:290px;  padding:20px 15px;}
.mid-services-box1s{ width:290px;  padding:20px 15px 20px 0;}
.mid-services-box2{ width:300px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;  padding:20px 15px;}
.mid-service-text{ width:200px; float:left; padding:15px 0;}
.mid-service-img{ width:90px; float:right;}
.mid-sub-part{ width:100%; float:left; padding:20px 0 50px 0; background:url(../images/mid-sub-bg.jpg) repeat-x;}

.testimonial-box{ width:273px; font-size:12px; color:#000000; line-height:20px; background:url(../images/testimonial-bg.jpg); float:left; height:118px; padding:20px;}
.testimonial-box1{ width:273px; font-size:12px; color:#FFFFFF; line-height:20px;  float:left;}
.testi-auther{ width:270px; float:left; padding:10px 0 0 0; text-align:justify;}
.recent-box{ width:290px; float:left;}

.mid-recent-box1{ width:280px; text-align:center; margin:10px 0 10px 0;  padding:5px 0px 5px 0;  background:url(../images/recent-img-bg.jpg) no-repeat;}
.project-box{ width:290px; float:left;}
.project-margin{ width:10px; height:100px; float:left;}

.common-middle{ width:920px; float:left; background:url(../images/inner-bg.jpg) no-repeat; height:111px; padding:40px 30px 0 30px;}
.inner-page-text{ float:left; padding:20px 0 0 0;}
.inner-page-text h1{ font-family:"Museo300", Arial; line-height:36px; font-size:32px; margin:0px; padding:0px; font-weight:bold; color:#404040; text-shadow:1px 1px 0px #fff;}
.inner-page-right-text{ width:320px; float:right;}
/*recent projects*/
.recent-box2{ width:298px; margin:10px 0; background:#fff; border:1px solid #e5e5e5; padding:10px; float:left; }

/*from-ceo-desk*/
.auther-box{ width:320px; float:right; margin:20px 0;}
.auther-text{ width:170px; float:right; color:#535353;}
.massage-box{ background:#f3f3f3; width:268px; text-shadow:1px 1px 0px #fff; color:#535353; float:left; border:1px solid #d2d2d2; padding:25px;}
/*middle-part*/

/*footer*/
.footer-main{ width:100%; float:left; background:#61185f;}
.footer-part{ width:980px; color:#8a8a8a; margin:0px auto; padding:10px 0;}
.span-color{ color:#8ea0bc;}
.darkcolor{ color:#585858;}

.fotter-image{ width:280px; float:left;}
.fotter-image ul{ margin:0px; padding:0px;}
.fotter-image ul li{ margin:0px; padding:0px 10px 0 0; float:left; list-style:none; display:inline;}
.fotter-image ul li img{ border:0px; height:32px;  width:32px;}
.fotter-image ul li img:hover{ border:0px; height:36px; width:36px;}

/*stop-footer*/
.about-left-part{ width:620px; float:left; padding:30px 0px 20px 0; text-shadow:1px 2px 0px #fff;}
.about-image-box{ width:260px;  text-align:center; padding:10px 0; background:#fff; border:1px solid #CCCCCC; margin:0 15px 15px 0;}
.about-image-box span{background:#000; filter:alpha(opacity=0); opacity:0; z-index:1; position:absolute; width:220px; height:180px; margin:0 10px;}
.about-image-box span:hover {background:#000; filter:alpha(opacity=50); opacity:0.5; z-index:1; position:absolute; width:220px; text-align:center; height:165px;}
.about-crative-team{ width:600px; float:left; border:1px solid #e5e5e5; background:url(../images/creative-bg.jpg) repeat-x; margin:20px 0; padding:15px 0 15px 18px;}
.team-image-box{ width:130px; float:left; background:#fff; border:1px solid #CCCCCC; padding:8px 0; margin:0 18px 0 0 ; text-align:center;}

/*about-us*/
/*our-work*/
.work-image-box{ width:260px;  text-align:center; padding:10px 0; background:#fff; border:1px solid #CCCCCC; margin:0 15px 15px 0;}
.work-image-box span{background:#000; filter:alpha(opacity=0); opacity:0; z-index:1; position:absolute; width:220px; height:180px; margin:0 10px;}
.work-image-box span:hover {background:#000; filter:alpha(opacity=50); opacity:0.5; z-index:1; position:absolute; width:220px; text-align:center; height:165px;}
/*our-work-2-column*/
.two-column{ width:275px;}


/*services*/
.services-box{ width:290px;  padding:20px 5px;}
.brd-left{ float:left; background:#d1d1d1; width:1px; margin:0 0 0 10px; height:180px; }
.brd-btm{ width:100%; float:left; height:1px; margin:10px 0 0 0; background:#d1d1d1;}

/*contact us*/
.contact-us{ width:100%; float:left; margin:10px 0; padding:10px 0;}
.contact-bg-box{ width:580px; float:left; background:url(../images/contact-bg.jpg) repeat-x #f8f8f8; border:1px solid #ccc; margin:20px 0; padding:20px;}
.text-box1{ background:url(../images/contact-input-bg.png) no-repeat; width:143px; padding:0 5px; height:28px; font-size:12px; color:#999999; line-height:24px; margin:0 15px 15px 0; border:0px;}
.text-box2{ background:url(../images/contact-input-2-bg.png) no-repeat; width:485px; padding:0 5px; height:28px; font-size:12px; color:#999999; line-height:24px; margin:0 15px 15px 0; border:0px;}
.text-box3{ background:url(../images/text-area-bg.png) no-repeat; width:570px; padding:0 5px; height:61px; font-size:12px; color:#999999; line-height:24px; margin:0 15px 15px 0; border:0px;}
.link-mail{ color:#666666; text-decoration:none; font-weight:bold;}
.link-mail:hover{ color:#000000;}
/*full-width*/

.full {	width: 940px;display: inline;	float: left;	margin-left: 10px;	margin-right: 10px;	margin-bottom: 30px;}
.half {	width: 460px;display: inline;	float: left;	margin-left: 10px;	margin-right: 10px;	margin-bottom: 30px;}
.quart {	width: 220px;display: inline;	float: left;	margin-left: 10px;	margin-right: 10px;	margin-bottom: 30px;}
.onethird {	width: 300px;	display: inline;	float: left;	margin-left: 10px;	margin-right: 10px;	margin-bottom: 30px;}
.twothirds {	width: 620px;	display: inline;	float: left;	margin-left: 10px;	margin-right: 10px;	margin-bottom: 30px;}
.threequarts {	width: 700px;display: inline;	float: left;	margin-left: 10px;	margin-right: 10px;	margin-bottom: 30px;}
.half_onethird {	width: 140px;display: inline;	float: left;	margin-left: 10px;	margin-right: 10px;	margin-bottom: 30px;}


/* BLOG PAGE
 ------------------------------------- */

.post {	width: 620px; padding:30px 0; float:left; margin-bottom: 20px; background: url(../images/block_breaker.png)bottom no-repeat;}
.post_content { width:330px;	float: right; }
.post_info { width: 330px; float:right; margin-bottom:5px;}
.post_cats{ width:330px; float:left; text-align:left;}
.post_cats ul {	list-style: none; margin:0px; padding:0px;}
.post_cats ul li { display: inline;  margin:0px; padding:0px 0 00px 0;}
.post_cats ul li a{ text-decoration:none; color:#125dae; font-size:12px; text-shadow:none;}
.post_cats ul li a:hover{ text-decoration:none; color:#666; font-size:12px;}
.comment_count { display: block; float:right; position:relative; top:-40px; width: 34px; height: 31px; text-align: center; text-shadow:none;	color: #fff; background:url(../images/blog-comment.png) no-repeat;}
.comment_count a{ text-decoration:none; color:#FFFFFF;}
.comment_count a:hover{ color:#fff; text-decoration:underline;}

/*pagination*/

.pagination{ float:left; width:620px; padding:0px;}
.pagination-area {margin:0 auto; width:410px;}
.pagination-bg{ float:left; padding:7px 32px; background:url(../images/pagination-bg.png) ;}
.pagination-bg ul{ margin:0px; padding:0px;}
.pagination-bg ul li{ margin:0px; padding:0px; list-style:none; display:inline;}
.pagination-bg ul li a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0 6px 0 4px; color:#808080; text-decoration:none;}
.pagination-bg ul li a:hover{ text-decoration:none; color:#000;}

/* Tables */
table {	border-collapse: collapse;	margin-bottom: 1px;}
table th,table td {	padding: 1px;	}
table tr:hover td {	}
table th {	text-align: left; background-color:#666666; color:#CCCCCC; text-shadow:none;	border: solid 1px #fff;	}
table td {	}

/*typography*/
.typography{ width:578px; padding:20px; float:left; background:#e9e9e9; border:1px solid#ccc; text-shadow:none;}
.typography ul{ display:block; margin:0px; padding:0px;}
.typography ul li{ display:block; margin:10px 0 10px 0; border:0px solid #CCCCCC; padding:5px; list-style:none;}

/* Notices */
span.success_notice,
span.error_notice,
span.warning_notice,
span.info_notice {	display: block;	padding: 10px;	padding-left: 45px;	font-size: 14px;	font-weight: bold;	margin-bottom: 20px;	cursor: pointer;		-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;}
span.success_notice {	color: #1a8900;	background: #bff5b2 url(../images/tick.png) no-repeat 10px center;	border: solid 1px #2add00;	text-shadow: 0px 1px 0px #e5ffdf;}
span.error_notice {	color: #890000;	background: #f5b2b2 url(../images/cross.png) no-repeat 10px center;	border: solid 1px #dd0000;	text-shadow: 0px 1px 0px #ffdfdf;}
span.warning_notice {	color: #666200;	background: #f4f5b2 url(../images/exclamation.png) no-repeat 10px center;  border: solid 1px #dadd00;	text-shadow: 0px 1px 0px #fffedf;}
span.info_notice {	color: #003c66;	background: #b2d9f5 url(../images/light-bulb.png) no-repeat 10px center;	border: solid 1px #008cdd;	text-shadow: 0px 1px 0px #dff3ff;}


/* form */
form ol { margin: 0;	list-style: none; float:left;  overflow: hidden;list-style-position: outside;}
form ol li { display: block; list-style:none;   margin-bottom: 10px;	}
input.text_field,textarea {	display: block;	border: solid 1px #adadad;	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	color: #444;	background: #f6f6f6;	padding: 7px 8px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;
}
input.text_field {	height: 18px;	}
input.large,textarea.large {	width: 500px;	}
input.medium,textarea.medium {	width: 400px;	}
input.small,textarea.small {	width: 200px;	}
input.submit,button {	display: block;	height: 30px;	padding: 0 15px;	border: solid 1px;	background-position: center -240px;	float: left;	margin-right: 10px;	cursor: pointer;	text-decoration: none;		-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;}
input.submit:hover,input.submit:focus,button:hover,button:focus {	background: url(../images/global/global.png) no-repeat center -354px;	text-shadow: 0px 1px 0px #eaeaea;	border: solid 1px #9f9f9f;	color: #444;}
label {	display: block;	font-size: 14px;	margin-bottom: 5px;}
select {	padding: 3px;	border: solid 1px #9f9f9f;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	}
form .error {	border: solid 1px #F00;}
form em.error {border: none;	color: #F00;	font-family: Georgia, "Times New Roman", Times, serif;	}
form .valid {	border: solid 1px #0F0;}
form span#form_loading {	display: block;	height: 30px;	width: 30px;	background: url(../images/global/loading.gif) no-repeat center;	float: left;}

/*Error*/
.error{ width:100%; float:left; text-align:center;}
.error-button{ width:100%; float:left; text-align:center; margin-top:20px;}



/*testimonial-slider*/
		
.stripViewer .panelContainer .panel ul {text-align: left;	margin: 0 15px 0 30px;	}		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */			margin: 20px 0;			position: relative;	width: 100%;}

		/* These 2 lines specify style applied while slider is loading 
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}*/

.stripViewer { /* This is the viewing window */	position: relative;	overflow: hidden; 	/*border: 5px solid #000; /* this is the border. should have the same value for the links */	margin: auto;width: 100%; /* Also specified in  .stripViewer .panelContainer .panel  below */		height: 100%;	clear: both; top:-36px;	background:none;}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;	left: 0; top: 0; width: 100%;list-style-type: none;			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */float:left;height: 100%;position: relative;width: 700px; /* Also specified in  .stripViewer  above */}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */			padding: 10px;}		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */margin: auto;}
		
.stripNav ul { /* The auto-generated set of links */			list-style: none; display:none;	}
		
.stripNav ul li {float: left; margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}
.stripNav a { /* The nav links */font-size: 10px;font-weight: bold;	text-align: center;	line-height: 32px;	background: #c6e3ff;		color: #fff;text-decoration: none;	display: block;	padding: 0 15px;}
		
.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }
.stripNav li a:hover {	background: #333;}
.stripNav li a.current {background: #000;	color: #fff;}
.stripNavL, .stripNavR { /* The left and right arrows */position: absolute;	top: 230px;	text-indent: -9000em;}
.stripNavL a, .stripNavR a {display: block;	height: 40px;	width: 40px;}
.stripNavL {left: 0;}
.stripNavR {right: 0;}
.stripNavL {background: url("../images/arrows-left.png") no-repeat ; position:relative;  width:36px; height:36px; top:85px; left:-25px; z-index:999999; }
.stripNavR { width:36px; height:36px;	background:url("../images/arrows-right.png") no-repeat right;top:-70px; left:263px; z-index:999999; position:relative;}
		
/* SINGLE BLOG POST
 ------------------------------------- */
/*Blog*/
.blog-image-box{ width:598px; float:left; /*border:5px solid #fff;*/background:#fff; text-align:center; border:1px solid #e5e5e5; padding:10px; margin:10px 0;}
.blog-text-line{ width:608px; float:left; border:1px solid #d5d6d7; margin:15px 0 0 0; text-align:center; padding:5px 5px;}
.blog-add-comment-box{ width:600px; float:left; padding-left:10px;}
.blog-font-family{ font-size:11px; float:left; color:#999999; width:100%;}
.blog-small-image-box{ width:100px; float:left; text-align:center;}
.blog-comment-box{ width:460px; float:right; border:1px solid #d5d6d7; text-align:left; padding:18px;}
/*pricing*/

.pricing-main-box{ width:200px; float:left; border:1px solid #999999; margin:30px 4px 30px 0; text-align:center;}
.pricing-heading{ width:200px; float:left; height:20px; background:#323232; padding:10px 0;}
.pricing-text{ width:200px; float:left; border-bottom:1px dashed #eeeded; line-height:70px; background:#CCCCCC;}
.pricing-text:hover{ background:#FFFFFF;}

.pricing-main-box2{ width:148px; float:left; border:1px solid #999999; margin:30px 4px 30px 0; text-align:center;}
.pricing-heading2{ width:148px; float:left; height:20px; background:#323232; padding:10px 0;}
.pricing-text2{ width:148px; float:left; border-bottom:1px dashed #eeeded; line-height:70px; background:#CCCCCC;}
.pricing-text2:hover{ background:#FFFFFF;}

/*middle-slider*/


#container2{width:980px; float:left; margin:0px; padding:0px;}
#container2 #content-top-home{width:980px; float:left; margin:0px; padding:0px;}
#container2 #content-top-home .slideshow{width:980px; height:448px; float: left; }
#container2 #content-top-home .slideshow #sli{width:980px; height:448px; float: left;background:url(../images/mid-slider-bg.jpg)top no-repeat;}
#container2 #content-top-home .slideshow #sli2{width:980px; height:448px; float:left; background:url(../images/mid-slider-bg.jpg)top no-repeat;}
#container2 #content-top-home .slideshow #sli3{width:980px; height:448px; float: left;background:url(../images/mid-slider-bg.jpg)top no-repeat;}
#container2 #content-top-home .slideshow #sli .description{	width:434px; float: left; margin-left:0px;	padding:20px 0 0 30px;}
#container2 #content-top-home .slideshow #sli .description h1{	float:left;	display:block; margin:35px 0px 0px 0px;}
#container2 #content-top-home .slideshow #sli .description h1.ev-web{width:464px; color:#2f2f2f; font-family:"Museo300", Arial; font-size:36px; }
#container2 #content-top-home .slideshow #sli .description h2.nev-web{	width:464px; color:#2f2f2f; font-family:"Museo300", Arial; font-size:48px; padding:30px 0 0 0; float:left;}
#container2 #content-top-home .slideshow #sli .description a.readmore {float:left;	height:56px; width: 202px; display: block; margin-top: 25px;
	margin-left: 0px;}
#container2 #content-top-home .slideshow #sli .description #navslide a#prev2 {	float:left;	display: block;}
#container2 #content-top-home .slideshow #sli .description #navslide a#next2 {	float:left;	display: block;}
#container2 #content-top-home .slideshow #sli .description p{width:280px; margin:0px; font-size:13px; font-style:normal;
color:#2f2f2f; float:left; line-height:21px; display: block; padding:30px 0 0 0; top:-5px; position:relative;}
#container2 #content-top-home .slideshow #sli #rightcolumn{	width:486px; float:right ; margin:0px ;	}	
#container2 #content-top-home .slideshow #sli #rightcolumn #featured-screens {float:right; width:486px;}	
#container2 #content-top-home .slideshow #sli #rightcolumn #featured-screens #slideshow-right{width:456px; padding:0px 30px 0px 0;}
#container2 #content-top-home .slideshow #sli #rightcolumn #featured-screens #slideshow-right img{float:right;}

/*stop-slider*/

/*wow*/
.wow{position: absolute; display: none; visibility: visible;}