/***

***** Project : www.viaviweb.com *****
***** Date: 17 April 2012 ****
***** Project Type : HTML5 *****
***** HTML By : Sameer Parmar *****

***/

/* Defaults Classes */
html, body, div, h1, h2, h3, h4, h5, h6, p, a, abbr, address, big, cite, code, del, dfn, em, font, img, dl, dt, dd, ol, ul, li,fieldset, form, label, figure, figcaption
{list-style: none; margin: 0; padding: 0; border: 0; outline: 0; font-weight:normal; font-size: 100%; vertical-align: baseline; text-decoration: none;}


/* for IE 7+ */
aside, footer, header, nav, section
{display: block;}

/* font attachment */
@font-face {
	font-family: 'Conv_AGENCYR';
	src: url('fonts/AGENCYR.eot');src: local('?'), url('fonts/AGENCYR.woff') format('woff'), url('fonts/AGENCYR.ttf') format('truetype'), url('fonts/AGENCYR.svg') format('svg');font-weight: normal;font-style: normal;
}
@font-face {
	font-family: 'Conv_AGENCYB';
	src: url('fonts/AGENCYB.eot');src: local('?'), url('fonts/AGENCYB.woff') format('woff'), url('fonts/AGENCYB.ttf') format('truetype'), url('fonts/AGENCYB.svg') format('svg');font-weight: normal;font-style: normal;
}

/* Body Common */
.fleft, #logo, nav, nav li, .services, .services img, .f-blocks .r-work, .r-pannel .figure, .box, .f-box, .f-contact-info, .social a, .t-data, .quick-quote, .breadcrumbs a, .breadcrumbs span,
.quick-form input.text-fi, .quick-form textarea
{float:left;}

.fright, .info, .f-map, .quick-quote .btn-green, .t-warper address, .sidebar
{float:right;}

.clear
{clear:both;}

.rel-po, body.page .wraper, .portfolio-menu 
{position:relative;}

.ab-po, .portfolio-menu
{position:absolute;}

.no-margin
{margin:0 !important;}

.no-padding
{padding:0 !important;}

*{margin:0;padding:0;list-style:none;border:0;}

.wraper,.f-s-wraper, nav ul, .copy-right, .t-warper 
{width:960px; margin:0 auto;}

/* Heading Common */
h1, h2, h3, h4, h5, h6 
{font-weight:normal;color:#000000;font-family: 'Conv_AGENCYR';}

h2 
{font-size:30px; line-height:30px;}

body.page .main h3
{font-size:36px; text-transform:uppercase; line-height:36px; margin-bottom:20px;}
body.page .main h3 span{ color:#0E8BCB;}
body.page h3 span{ color:#99cc00;}

h3, .f-title, footer .f-box h3 
{font-size:24px; line-height:24px;}


/* links */

a, .blue, #slider li .title .blue 
{color:#0e8bcb;}

.green-c {color:#87c70a;}

/* form */
input.text-fi, textarea 
{resize:none; font-size: 12px; color:#bababa; padding:0 10px; height:37px; line-height:37px; }

textarea 
{height:97px;}
.btn-green
{background:#83c20a; color:#fff; font-size:20px; height:37px; line-height:37px; text-transform:uppercase; padding:0 30px;}

.quick-form input.text-fi, .quick-form textarea
{border:1px solid #b7bea9; width:184px; margin:0 0 10px 0;clear:both;color:#666666;}

.quick-form textarea 
{height:75px;}


/* Background Attachment */
header {background:url("../images/top-bg.jpg") repeat-x left top;}
nav {background:url("../images/nav-bg.jpg") repeat-x left top;}

#slider li.f-s1{background:url("../images/f-slider/01.png") no-repeat right 15px;}
#slider li.f-s2{background:url("../images/f-slider/02.png") no-repeat right 15px;}
#slider li.f-s3{background:url("../images/f-slider/03.png") no-repeat right 20px;}
#slider li.f-s4{background:url("../images/f-slider/04.png") no-repeat right 20px;}
#slider li.f-s5{background:url("../images/f-slider/05.png") no-repeat right 20px;}
#slider li.f-s6{background:url("../images/f-slider/06.png") no-repeat right 45px;}

.section-front{background:url("../images/banner-bg.jpg") repeat-x left top;}
.section-page{background:url("../images/banner-bg2.jpg") repeat-x left top;}
.section-page .f-s-wraper{background:url("../images/page-monitor.png") no-repeat right 10px;}
.breadcrumbs .arrow {background:url("../images/arrow.png") no-repeat right top;}
.services a {background:url("../images/arrow.png") no-repeat right 5px;}
footer {background:#1a1a1a url("../images/footer-top-bg.jpg") repeat-x left top;}
footer .footer-in{background:url("../images/footer-bg2.jpg") repeat left top;}

/* Body */

body 
{margin:0;padding:0;font-family:Arial;font-size:12px;color:#6e6e6e;line-height:20px;}

/* font replace */

#slider li, .f-title,  .t-warper address, body footer .f-box h3
{font-family: 'Conv_AGENCYR' !important;}

.info, .info a, nav li a .menu, .btn-green, .t-warper address .t-title, .slider li .title, body.page .main h3, .portfolio-menu a  
{font-family: 'Conv_AGENCYB' !important;}

/* header */
header {height:125px;}
#logo{padding:26px 0 0 0;}
.hiring{margin-left:80px; margin-top:10px; float:left;}
.info{padding:73px 0 0 0; font-size:20px;}
.info a, .info span{background:url("../images/top-info.png") no-repeat left -1px;padding:0 0 0 17px; float:left; color:#000;}
.info a.mail{background-position:0 -26px;padding:0 0 0 27px; margin:-2px 10px;}
.info a.skype{background-position:0 -54px;padding:0 0 0 27px;margin:-2px 0;}

/* nav */
nav {width:100%;}
nav ul {background:url(../images/seprator.png) no-repeat left top; height:62px; position:relative;}
nav li {background:url(../images/seprator.png) no-repeat right top; position:relative;}
nav li a{ width:120px; height:38px; float:left; padding:12px 20px; font-size:18px; color:#000; text-transform:uppercase; text-align:center; text-decoration:none;}
nav li a .menu, nav li a .punch {display:block;}
nav li a .punch {color:#fff; font-family:arial; font-size:11px;line-height:20px;}
nav li:hover , nav li.active a{background:url(../images/nav-hvr.jpg) repeat-x right top; }
nav li:hover a .menu, nav li.active a .menu {color:#7cbc03;}
nav ul ul, nav ul ul li {background-image:none;}
nav ul ul {border-top:0;width:200px;}
nav ul ul {position:absolute; display:none; top:61px; left:0; z-index:99999;border-top:1px solid #232323}
nav ul ul li{float:left; clear:both; background:#020201; position:relative; border-bottom:1px solid #232323; width:200px;}
nav ul li ul li:hover{background:#91d212;}
nav ul li ul li a{width:200px;color:#fff; height:auto;float:left; font-size:12px;padding:5px 10px 5px 20px; text-align:left!important; text-transform:capitalize;}
nav ul li ul li:hover a, nav ul li ul li:hover a:hover {color:#000;}
nav ul li ul li, nav ul li.active ul li a, nav ul li ul li:hover a, nav ul li ul li:hover a:hover{background-image:none;}
nav ul li ul li:hover, nav ul li ul li:hover ul li a{color:#fff;}
nav ul ul ul{top:auto;}	
nav ul li ul ul {left:200px;margin:0px 0 0 0;}
nav ul li:hover ul ul, nav ul li:hover ul ul ul, nav ul li:hover ul ul ul ul{display:none;}
nav ul li:hover ul, nav ul li li:hover ul, nav ul li li li:hover ul, nav ul li li li li:hover ul{display:block;}
nav ul li ul li.parent { background:#000 url(../images/m-arrow2.png) no-repeat 185px 9px ;}
nav ul li ul li:hover.parent { background:#91d212 url(../images/m-arrow.png) no-repeat 185px 9px;}

/* front slider section */ 
.section-front { height:437px; clear:both;}
.section-page, .section-page .f-s-wraper {height:213px; clear:both;}

/* content part */ 
#content {padding:30px 0;}
.services {width:215px; padding:0 30px 0 0; text-align:justify;}
.services h2 {padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:5px solid #c0df84;}
.wd h2{border-bottom:5px solid #86c5e5;}
.gd h2{border-bottom:5px solid #f5c97f;}
.im h2{border-bottom:5px solid #86c5e5;}
.services img {margin:0 15px 5px 0;}
.services a {padding:0 10px 0 0; font-weight:bold;}

/* front-block part */ 
.f-blocks {background:url("../images/f-seprator.jpg") no-repeat center top; padding:42px 0 0 0; clear:both;}
.f-blocks .r-work {width:460px;margin:0 30px 0 0;  position:relative;}
.f-blocks .r-work h2 {background: none repeat scroll 0 0 #0E8BCB; color:#FFFFFF;border-bottom:#0e8bcb 5px solid; padding:7px;border-radius: 3px 3px 0 0;}
.f-blocks .r-work .r-pannel {padding:10px 0 10px 10px; border:1px solid #b1cddc; border-top:0;}
.f-blocks .r-work .r-pannel .figure {width:430px; padding:0 18px 0 0; height:193px; display:block; float:left;}
.f-blocks .r-work .r-pannel .figure img {border:1px solid #dcdbdb; border-bottom:4px solid #0e8bcb; }
.r-pannel .figure figcaption strong {color:#000;}

.box {width:197px; height:247px; margin:0 30px 0 0; padding:8px; border:1px solid #c0df84; color:#000000;}
.box h2 {background:#c0df84; margin:-9px -9px 10px -9px;padding:0 10px; height:48px; line-height:45px; }
.box img {border:1px solid #c0df84; margin-bottom:2px;}

.box.blue {border-color:#bbd7e5; margin:0; color:#4d6470;}
.box.blue h2 {background:#0e8bcb; color:#fff;}
.blue .quote {background:url(../images/quote1.png) no-repeat left top; padding:20px 0 0 5px; margin:20px 0 0 0;}
.blue .quote p.quote2 {background:url(../images/quote2.png) no-repeat right bottom; padding:0 5px 20px 0;}
.blue .quote p.clname {color:#000; font-weight:bold;}

/* footer */ 
footer {padding:15px 0 0 0;}
footer a {color:#959494;} 
footer a:hover{color:#0E8BCB;}
footer .footer-in {padding:30px 0;}
footer .footer-in .f-box {width:215px; margin-right:30px;}
.f-box h3, footer address .f-title {color:#fff; border-bottom:5px solid #0e8bcb;padding:0 0 5px 0; margin:0 0 8px ;}
footer address .f-title {color:#7dbd04;}
.f-box li {background:url(../images/f-arrow.png) no-repeat left 12px; border-bottom:1px solid #1a1a1a; padding:7px 0 7px 30px;}

.f-contact-info {width:470px;}
.f-map {width:243px; height:253px; padding:6px; border-radius: 3px}

footer address {width:205px; color:#e9e9e9; font-style:normal;}
footer .f-title {color:#7dbd04; border-bottom:1px solid #1a1a1a; padding:0 0 10px 0;}
.mes li{padding:10px 0 10px 33px; background:url("../images/mes.png") no-repeat left top;}
.mes li a {color:#e9e9e9;}
.mes li.yahoo {background-position:left 10px;}
.mes li.gtalk {background-position:left -33px;}
.mes li.skype {background-position:left -75px;}
.copy-right {font-size:11px; color:#484848; padding:15px 0;}

/* social left */
   
.social {position:fixed; width:55px; height:auto; background:#ededed; border:1px solid #cbcbcb; border-left:0; left:0; top:50%; padding:10px 0; margin-top:-100px; z-index:1;}
.social a {margin:0 0 10px 10px; background:url(../images/social.png) no-repeat left top; width:32px; height:32px; position:relative; }
.social a.fb {background-position:left top;}
.social a.tw {background-position:left -42px;}
.social a.in {background-position:left -84px;}
.social a.blog {background-position:left -126px;}

/* top form */

.top-frm {position:fixed; width:100%; top:0; z-index:2;}
.t-warper {position:relative;}
a.top-btn {background:url(../images/top-btn.png) no-repeat left bottom; width:116px; height:20px; position:absolute; bottom:-31px; right:0; color:#fff; text-align:center;padding:5px 0;}
.top-frm .top-frm-in{background:#222; border-bottom:4px solid #0e8bcb;}
.t-data {padding:30px 0; width:100%; height:240px; display:none;}
.quick-quote .text-fi, textarea{ width:147px; margin:0 20px 10px 0; background:#fff;border:0;color:#666666; }
.quick-quote textarea {width:338px;}
.quick-quote .btn-green {margin:0 20px 0 0;}
.quick-quote div.selector {width:157px;}
.quick-quote div.selector span {width:132px;}

.t-warper address{width:410px;  color:#b1ea42; font-size:22px; position:relative; font-style:normal; line-height:30px;}
.t-warper address .t-title {font-size:36px; padding:0 0 15px 0; text-transform:uppercase; color:#0E8BCB;}
.t-warper address .t-title span.white{ color:#f3f3f3;}
.t-warper address .t-title span.green{ color:#87C70A;}
.t-warper address .ph {border-top:1px solid #2797d0; border-bottom:1px solid #2797d0; font-size:28px; clear:both; margin:10px 0; padding:10px 0; color:#fff; }
.t-warper address a {background: url(../images/top-mes.png) no-repeat left top; height:30px; margin:0 20px 0 0; padding:0 0 0 36px; float:left; color:#b1ea42; line-height:22px;  }
.t-warper address a.sky {background-position:left top;}
.t-warper address a.gt {background-position:left -38px;}


/* Easy Slider */ 

#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider li, #slider2 li {overflow:hidden;}	
#prevBtn, #nextBtn,	#slider1next, #slider1prev{ display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;}	
#nextBtn, #slider1next{ left:696px;}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{display:block;position:relative;width:30px;height:77px;background:url(../images/btn_prev.html) no-repeat 0 0;	}	
#nextBtn a, #slider1next a{background:url(../images/btn_next.html) no-repeat 0 0;}	
		
/* numeric controls */	

ol#controls, 
ol#controls-r, 
ol#controls-5, 
ol#controls-6,
ol#controls-7,
ol#controls-8,
ol#controls-9,
ol#controls-10,
ol#controls-11,
ol#controls-12
{margin:0;padding:0;height:28px;position:absolute;left:10px;bottom:20px;}
	
ol#controls-r, 
ol#controls-5, 
ol#controls-6,
ol#controls-7,
ol#controls-8,
ol#controls-9,
ol#controls-10,
ol#controls-11,
ol#controls-12      
{bottom:-50px;left:0;margin:20px 0 20px 0;}
	
ol#controls li,
ol#controls-r li,
ol#controls-5 li, 
ol#controls-6 li,
ol#controls-7 li,
ol#controls-8 li,
ol#controls-9 li,
ol#controls-10 li,
ol#controls-11 li,
ol#controls-12 li
{margin:0 5px 0 0; padding:0;float:left;list-style:none;}

ol#controls li a
{float:left;width:22px;height:22px;background:url("../images/f-slider/num.png") no-repeat left top;color:#555;text-decoration:none;text-indent:-999999px;}

ol#controls li.current a 
{background-position:left -32px;}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus,
ol#controls-r li a:focus, #prevBtn a:focus, #nextBtn a:focus,
ol#controls-5 li a:focus, #prevBtn a:focus, #nextBtn a:focus,
ol#controls-6 li a:focus, #prevBtn a:focus, #nextBtn a:focus,
ol#controls-7 li a:focus, #prevBtn a:focus, #nextBtn a:focus,
ol#controls-8 li a:focus, #prevBtn a:focus, #nextBtn a:focus,
ol#controls-9 li a:focus, #prevBtn a:focus, #nextBtn a:focus,
ol#controls-10 li a:focus, #prevBtn a:focus, #nextBtn a:focus,
ol#controls-11 li a:focus, #prevBtn a:focus, #nextBtn a:focus,
ol#controls-12 li a:focus, #prevBtn a:focus, #nextBtn a:focus
{outline:none;}

ol#controls-r li a, 
ol#controls-5 li a, 
ol#controls-6 li a,
ol#controls-7 li a,
ol#controls-8 li a,
ol#controls-9 li a,   
ol#controls-10 li a,
ol#controls-11 li a,
ol#controls-12 li a 
{float:left; background:#0e8bcb; color:#fff; width:22px; height:22px; text-align:center; line-height:22px;}

ol#controls-r li.current a, 
ol#controls-5 li.current a,
ol#controls-6 li.current a,
ol#controls-7 li.current a,
ol#controls-8 li.current a,
ol#controls-9 li.current a,
ol#controls-10 li.current a,
ol#controls-11 li.current a,
ol#controls-12 li.current a
{background:#82c00a;}


.f-s-wraper {position:relative;}
.section-page .f-s-wraper {padding:0 285px 0 0; width:675px;}

.section-page .f-s-wraper.about-img {background:url(../images/banner/about-img.jpg) no-repeat left top;}
.section-page .f-s-wraper.our_team-img {background:url(../images/banner/our-team.jpg) no-repeat left top;}
.section-page .f-s-wraper.infrastructure-img {background:url(../images/banner/infrastructure.jpg) no-repeat left top;}
.section-page .f-s-wraper.our_promises-img {background:url(../images/banner/our-promies.jpg) no-repeat left top;}
.section-page .f-s-wraper.career_culture-img {background:url(../images/banner/career-culture.jpg) no-repeat left top;}
.section-page .f-s-wraper.our_client_img {background:url(../images/banner/our_client_img.jpg) no-repeat left top;}


.section-page .f-s-wraper.service-img {background:url(../images/banner/services-img.jpg) no-repeat left top;}
.section-page .f-s-wraper.portfolio-img {background:url(../images/banner/portfolio-img.jpg) no-repeat left top;}
.section-page .f-s-wraper.contact-img {background:url(../images/banner/contact-us-img.jpg) no-repeat left top;}

.section-page .f-s-wraper.webdesign-img {background:url(../images/banner/web-design.jpg) no-repeat left top;}
.section-page .f-s-wraper.logodesigning-img {background:url(../images/banner/logo-design.jpg) no-repeat left top;}
.section-page .f-s-wraper.template_desining-img {background:url(../images/banner/template-design.jpg) no-repeat left top;}
.section-page .f-s-wraper.wallpaper_designing-img {background:url(../images/banner/wallpaper-design.jpg) no-repeat left top;}
.section-page .f-s-wraper.facebook_fanpage-img {background:url(../images/banner/face-book-fanpage.jpg) no-repeat left top;}
.section-page .f-s-wraper.email_template_design-img {background:url(../images/banner/email-template-design.jpg) no-repeat left top;}

.section-page .f-s-wraper.php-development-img {background:url(../images/banner/php-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.graphics-design-img {background:url(../images/banner/graphic-design.jpg) no-repeat left top;}
.section-page .f-s-wraper.internet-marketing-img {background:url(../images/banner/seo-smo.jpg) no-repeat left top;}
.section-page .f-s-wraper.bot_development-img {background:url(../images/banner/bot-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.web_scraping-img{background:url(../images/banner/scrap-development.jpg) no-repeat left top;}

.section-page .f-s-wraper.mobile_apps_development-img {background:url(../images/banner/mobile-app-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.iphone_development-img {background:url(../images/banner/iphone-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.android_development-img {background:url(../images/banner/android-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.blackberry_development-img {background:url(../images/banner/blackbarrery-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.ipad_development-img {background:url(../images/banner/ipad-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.windows_application-img {background:url(../images/banner/windows-development.jpg) no-repeat left top;}

.section-page .f-s-wraper.web_development-img {background:url(../images/banner/web-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.asp_development-img {background:url(../images/banner/asp-development.jpg) no-repeat left top;}

.section-page .f-s-wraper.cms_development-img {background:url(../images/banner/cms-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.joomla_development-img {background:url(../images/banner/joomla-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.wordpress_development-img {background:url(../images/banner/wp-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.magento_development-img {background:url(../images/banner/magento-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.e_commerce_development-img {background:url(../images/banner/e-commerce-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.drupal_development-img {background:url(../images/banner/drupal-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.zencart_development-img {background:url(../images/banner/zen-cart-development.jpg) no-repeat left top;}
.section-page .f-s-wraper.cakephp_development-img {background:url(../images/banner/cake-php.jpg) no-repeat left top;}

#slider li {font-size:20px; color:#537a8c;height:437px;line-height:24px; width:960px}
#slider li .f-s-con {width:452px; float:left; padding:0 0 0 10px;}
#slider li .title, .section-page h2 { font-size:70px; color:#87c70a; padding:45px 0 10px 0; line-height:70px; font-weight:bold; text-transform:uppercase; display:block; }
#slider li .title .black, .section-page h2 .black {color:#161910;}

#slider3 li, #slider4 li {width:197px; float:left; }
#slider3{ height:193px !important;}
#slider3 li img {float:left;}
#slider3 li p {width:197px; clear:both; float:left; position:relative; }
#false {display:none;}

/* // Easy Slider */

/*-- breadcrumbs --*/

.breadcrumbs {position:absolute; width:100%; left:0; bottom:15px;}
.breadcrumbs .arrow {width:4px;height:6px; margin:8px 6px 0 6px;}
.breadcrumbs span {color:#5c5c5c;}

/*-- sidebar --*/

.sidebar {width:227px;border:1px solid #d8d8d8; padding:19px;}
.sidebar .box {width:209px; margin-bottom:20px; height:auto !important;}
.sidebar .blue .quote {margin: 20px 0 10px 0;}
.sidebar .green h2 {background:#87c70a; color:#fff;}
.sidebar form .btn-green {float:left; margin:0 0 10px 0;} 

/*-- Main --*/

.main {float:left;width:675px;}
.main artical p{padding-bottom:20px;}


/*--Portfolio--*/

.ipad-bg 
{float:left;width:465px;height:436px;position:relative;margin:0 0 0 23px;background:url(../images/ipad.png) no-repeat center top;}

.ipad-bg .slider{width:295px;height:332px;background:#f00;margin:40px 0 0 79px;position:relative;}
.prev, .next{width:43px;height:43px;float:left;margin-top:184px;position:relative;background:url(../images/prev.png) no-repeat left top;}
.prev {margin-left:-13px;}
.next {float:right;margin-right:-4px;background:url(../images/next.png) no-repeat left top;}
.portfolio-menu {width:320px;float:right; top:0; right:0;} 
.portfolio-menu li {width:100%;float:left;}
.portfolio-menu a 
{color:#000;letter-spacing:0.5px;font-size:24px;padding:0 0 0 17px;line-height:50px;height:50px;display:block;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #dddcdc;}
.portfolio-menu a:hover, .portfolio-menu a.active
{color:#fff;background:#87c70a;}
.webdesign, .webdevelopment, .PHP,
#flipbox2
{ }
#slider5 {width: 295px; height: 332px!important;}

.slider ol#controls  {bottom:-30px;left:0;}

/*--testimonial--*/
.testimonail
{font-style:italic; padding:0 0 20px 0; float:left; width:100%; }
.testimonail .client-img 
{background:#fff; width:74px;height:74px; float:left; border:4px solid #d5d5d5; margin:0 15px 5px 0;}
.testimonail .client-name 
{float:right; width:100%; text-align:left; font-weight:bold; text-align:right; color:#000; border-bottom:1px dashed #d5d5d5 !important; padding:0 0 15px 0;}

/*-- services page --*/
.services-view #accordion h3
{background:#13150e; color:#fff; padding:5px 10px; margin:0; position:relative !important; z-index:4 !important;}
.services-view #accordion h3.ui-state-hover{background :#0e8bcb;}
.services-view #accordion h3.ui-state-active {background :#87c70a;}
.services-view #accordion h3 a {color:#fff;}
.services-view #accordion .arccordion {padding-bottom:5px;}
.services-view #accordion .ui-accordion-content 
{padding:10px 10px; border:1px solid #d8e9b6; margin-top:-2px; z-index:1 !important; position:relative !important;}
.services-view #accordion h3 .ui-icon {float:right; width:23px; height:22px;background:url(../images/ui-icon.png) no-repeat -5px -5px; margin:8px 0 0 0; cursor:pointer;}
.services-view #accordion h3.ui-state-active .ui-icon {background-position:-5px -50px;}


/*-- --*/
.contact-form label,
.testimonial-from label {
  float:left;
  font-size:14px;
  font-family:Trebuchet MS;
  width:138px;
  padding:8px 0 0 0;
  font-weight:normal;
}
input.text, textarea {
  background:#fafafa;
  color: #333333;
  font-size: 12px;
  height: 37px;
  line-height: 37px;
  padding: 0 10px !important;
  resize:none;
  outline:none;
}
input.text:focus, textarea:focus, select:focus {
  background:#f7ffe8;
  border:1px solid #cdddac !important;
}
input.text.error, textarea.error {
  background:#ffa5a5;
  color:#fff !important;
  border:1px solid #dd6060 !important;
}
.contact-form input.text, .contact-form textarea,
.testimonial-from input.text, .testimonial-from textarea{
  width:368px;
  float:left;
  border:1px solid #dedede;
}
select {
  float:left;
  width:286px;
  background:#fafafa;
  border:1px solid #e1e1e1;
  color:#000000;
  outline:none;
  padding:7px 8px 6px 8px;
}
.required {color:#f00;}
.contact-form textarea,
.testimonial-from textarea {
  height:60px;
}
.contact-form, .testimonial-from {
  float:left;

}
.contact-form li, .testimonial-from li {
  float:left;
  clear:both;
  padding:0 0 10px 0;
}
.add-more {
  float:left;
  width:410px;
  padding:0 0 10px 0;
}
.add-more-in {
  float:left;
  width:410px;
  clear:both;
  padding:0 0 8px 0;
}
.add-more-in .selector{
  float:left;
} 
.add-more select {
  float:left;
  width:194px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color:#FFFFFF;
  color:#c0c0c0;
  margin-right:6px;
    
 
}
.add-more input.text {
  width:158px;
  margin:0 0 0 10px;
}
.addmore-link {color:#0E8BCB; cursor:pointer;}
.green-btn {
  border:0;
  width:160px;
  height:38px;
  font-family: 'Conv_AGENCYR';
  font-size:26px;
  color:#fff;
  background:#79b800;
  cursor:pointer;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

.contact-right {
  float:right;
  background:url(../images/shadow.png) no-repeat center bottom;
  padding:0 0 25px 0;
}
.contact-address {
  width:195px;
  height:219px;
  padding:20px;
  line-height:18px;
  border:1px solid #dae2cb;
  background:url(../images/contact-bg.jpg) no-repeat left top;
}
.contact-address h2 {
  font-size:50px;
  line-height:40px;
  margin:0 0 15px 0;
}

.contact-form div.selector, .contact-form div.selector:hover, .contact-form div.selector.hover,
.contact-form div.selector:focus, .contact-form div.selector.focus
{background-position:-483px -136px;}

.contact-form div.selector span, .contact-form div.selector:hover span, .contact-form div.selector.hover span,
 .contact-form div.selector:focus span, .contact-form div.selector.focus span
{background-position:right -89px;}

.contact-form div.selector.focus:active, .contact-form div.selector.focus.active,
.contact-form div.selector:hover:active, .contact-form div.selector.active:hover
{background-position:-483px -225px;}

.contact-form div.selector.focus:active span, .contact-form div.selector.focus.active span,
.contact-form div.selector:hover:active span, .contact-form div.selector.active:hover span
{background-position:right -178px;}
.add-more a {clear:both;}

.testimonial-add {background:#f2f2f2; padding:30px 25px;}

/*-- services want --*/
.services-want{ float: left; padding: 0 0 0; width:443px;}
#div1, #div2, #draggable, #draggable2 {border:1px solid #DEDEDE; height:60px; padding:10px; margin:0 0 10px 0; clear:both; position:relative;}
#div1 span, #div2 span {color:#000; padding:2px 5px; background:#f3f3f3; margin:0 3px 5px 0;}


#FileUpload {
    position:relative;
    float:left;
}
 
#BrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background:url(button.html) 100% 0px no-repeat;
    height:37px;
    width:340px;
}
 
#FileField {
    width:230px;
    height:37px;
    margin-right:2px;
    font-size:16px;
    border:1px solid #DEDEDE;
}
 
#BrowserHidden {
    position:relative;
    width:340px;
    height:38px;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}
#FileUpload #BrowserVisible #FileField{float:left;}
#FileUpload .green-btn {
  width:100px;
  float:left;
}

.chat_button{position:fixed; right:0; bottom:0; width:177px; height:61px;}

/*****Pagination start*******/
.paginate {
font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin-left:250px; 
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #ccc;
	text-decoration:none;
	color: #000;
	background-color:#f2f2f2;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #0E8BCB;
	color: #fff;
	background-color: #0E8BCB;
}
.paginate span.current {
    margin: 2px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #0E8BCB;
	font-weight: bold;
	background-color: #0E8BCB;
	color: #fff;
}
.paginate span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #ccc;
		background-color:#f2f2f2;
		color:#bbb;
}
	
/*****Pagination End*******/

/*------ RT Change ------*/
#subhead {
    color: #000000;
    font-family: Conv_AGENCYB;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.2px;
}
body.page .main articles ul{
	margin:0px;
	padding:0px;
}
body.page .main artical li{
	background-color:#f3f3f3;
	margin:2px;
	width:auto;
	padding:5px;
	list-style-type:decimal;
	list-style-position:inside;
}
	#file_browse_wrapper {
		width: 191px;
		height: 32px;
		margin:10px 0px;
		background: url(../images/uploadbutton.jpg) 0 0 no-repeat;
		border:none;
		overflow:hidden;
		float:left;
		cursor:pointer;
	}
	#resume{
	width:192px;
	height:32px;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	cursor:pointer;
	}
	#pro-box{width:270px; border:solid 1px #eee; float:left;
	padding:10px;
	margin:5px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-height:208px;
	}