/* CSS Document */

body{ background:#fff;   font-family:Arial, Helvetica, sans-serif; font-size:12px;}

*{ margin:auto; padding:0px;}

ul,li{ list-style:none; margin:0px;}

img{ border:0px;}

.clr{ clear:both}

a{ text-decoration:none}

#wraper{ background:url(../images/body-bg.jpg) no-repeat top center #fff; width:100%;}
#home-wraper{ background:url(../images/home-bg.jpg) no-repeat top center #fff; width:100%;}
#container{ width:938px; padding-bottom:165px; position:relative}
.hom-container{ padding-bottom:1px!important;}
.get-quotes-contact-img{ position:absolute; width:441px; height:209px; top:0px; right:0px; background:url(../images/get-quotes-contact-img.png) no-repeat}
.contact-link{ width:134px; height:63px; float:left; margin-left: 52px; margin-top: 47px;}
.get-quotes-link{ width:175px; height:171px; float:left; margin-left: 74px; margin-top: 23px;}

/******************************* Header */

#header{ height:169px; border-bottom:5px solid #d1d508;}
#logo{ width:219px; height:48px; float:left; margin-top:39px;}

#menu{ margin-top: 50px; position: absolute; width: 100%; z-index: 999;}
#menu ul{ margin:0px;}
#menu li{ float:left; line-height:32px; margin-right:3px; }
#menu li a{ color:#a7a7a7; font-family:calibri; font-size:15px; cursor:pointer;}
#menu li a:hover{ color:#fff}
#menu li a strong{ background:url(../images/menu-li-strong-img.jpg) no-repeat; width:3px; float:left; height:32px;}
#menu li a span{ background:url(../images/menu-li-span-img.jpg) repeat-x; height:32px; float:left; padding-left:5px; padding-right:5px;}
#menu li a small{ background:url(../images/menu-li-small-img.jpg) no-repeat; width:7px; height:32px; float:left}

#menu li a:hover strong{ background:url(../images/menu-li-strong-hover-img.jpg) no-repeat; float:left; height:32px; width:5px;}
#menu li a:hover span{ background:url(../images/menu-li-span-hover-img.jpg) repeat-x; float:left; height:32px;}
#menu li a:hover small{ background:url(../images/menu-li-small-hover-img.jpg) no-repeat; float:left; height:32px; width:5px;;}



#menu li.selected strong{ background:url(../images/menu-li-strong-hover-img.jpg) no-repeat; float:left; height:32px; width:5px;}
#menu li.selected span{ background:url(../images/menu-li-span-hover-img.jpg) repeat-x; float:left; height:32px;}
#menu li.selected small{ background:url(../images/menu-li-small-hover-img.jpg) no-repeat; float:left; height:32px; width:5px;;}
#menu li.selected a{ color:#fff}



/******************************* Content */

#content{  background:#fff} 
.service-content{ padding:42px 12px;  margin-bottom: 25px;}
.work-web-content{ margin-bottom: 5px; padding:42px 12px 0px 12px;}
.service-content p{ margin:0px; color:#000; padding-bottom:24px;line-height:21px; font-size:13px;}
.service-content ul{ margin:16px 0px 0px 0px}
.service-content li{ background:url(../images/service-content-li-dot.jpg) no-repeat left center; width:286px; float:left; padding-left:17px; margin-bottom:8px; color:#000; font-size:13px;}

/******************************* Footer-content */

#footer-content{  width: 938px;}
#footer-content-left{ width:678px; float:left}
#footer-content-left h4{ color:#df3a8b; margin:0px;  font-family: 'Museo500'; font-size:26px; padding-top:50px; padding-bottom:4px; padding-left:12px;}

/*#slider-content{ width:640px!important; border:1px solid #43a0d2; padding:38px 0px; background:#edf6fe; margin-bottom:6px;}*/
#slider-content2{ /*background: none repeat scroll 0 0 #EDF6FE; border: 1px solid #43A0D2;*/ margin-bottom: 6px; padding: 0px 0px 41px 0px; width: 648px!important; }
#slider-content2 h5{ background:url(../images/slider-img2-heading.jpg) no-repeat; width:229px; height:27px; float:left; margin: -1px 0 27px 64px; color:#ea007d; font-size:20px; font-family: 'Museo500'; padding-top:29px; padding-left:28px}
#footer-menu{ background:url(../images/footer-menu-bg.jpg) no-repeat; width:678px; height:38px; padding-top:14px;}
#footer-menu ul{ margin:0px; width:595px; float:left; padding-left:13px;}
#footer-menu li{ float:left; padding-left:8px; padding-right:8px; padding-top:8px;}
#footer-menu li.first-li{ padding-left:0px;}
#footer-menu li.last-li{ padding-right:0px;}
#footer-menu li a{ color:#9a9a9a}
#footer-menu li a:hover{ text-decoration:underline}

.footer-social-links{ /*width:54px;*/ float:right;  padding-top: 3px; margin-right:15px;}

#footer-content-rite{ width:260px; float:left; background:url(../images/twitter-msgs-bg.jpg) no-repeat; height:328px;}

.hom-footer-content-rite{margin-top: 40px;}
#footer-content-rite h5{ font-family: 'Museo500'; color:#2185c7; margin:0px; padding-top: 116px; padding-bottom:10px; text-align:center; font-size: 18px;}
#footer-content-rite p{ color:#9a9a9a; font-size:13px; margin:0px; padding: 0px 45px 24px 45px; }
#footer-content-rite .follow-us-button{ width:178px; height:37px; border:0px; cursor:pointer; margin-left:38px}

#copyright-txt{  color: #9A9A9A; width: 278px; float:right; padding-top:10px}
#copyright-txt p{ float:left; margin:0px; padding-top:5px;}
#copyright-txt img{ float:left; margin-left:3px;}

/****************************************** Our-WOrk */

.work-web{ background:url(../images/work-div-bg.jpg) no-repeat; width:260px; height:308px; float:left; padding-top:7px; padding-left:4px; padding-right:6px; margin-right:32px; margin-bottom:15px;}
.work-web h5{ font-family: 'Museo500'; background:#66badc; font-size:25px; text-align:center; color:#fff; padding-top:7px; padding-bottom:7px; margin-bottom:4px}
.work-details{ padding-top:10px; text-align:center}
.work-details p{ margin:0px; padding-bottom:10px; font-size:13px; color:#000}
.work-details a{ display:block; padding-bottom:10px; color:#66badc; font-size:12px; text-decoration:underline}
.work-details a:hover{ color:#d70086}
.pagination{}
.pagination ul{ margin:0px;}
.pagination li{ float:left; padding-left:6px; padding-right:6px}
.pagination li a{ color:#66badc; font-size:13px; font-family: 'Museo500'; font-weight:bold}
.pagination li a:hover{ color:#df3a8b; text-decoration:underline}
.pagination li a.selected{ color:#df3a8b; text-decoration:underline}

/****************************************** Contactus */

.contactus-content { margin-bottom: 5px; padding: 42px 12px 0; }
.contactus-content-left{ width: 593px; float:left}

.contactus-content-left .lft{ width: 139px; float:left}
.contactus-content-left .lft label{ width:100%; display:block; text-align:right; color:#000000; font-size:13px; padding-top:12px;}
.contactus-content-left .lft label.your-question{ padding-top:61px}
.contactus-content-left .ryt{ /*width:438px;*/ float:right; margin-bottom:10px;}
.contactus-content-left .ryt input{ background:url(../images/input-field-bg.jpg) no-repeat; width:433px; height:40px; margin-bottom:10px; border:0px; font-size:13px; padding-left:5px; float:right; margin-top:10px;}
.contactus-content-left .ryt .file2{background:url(../images/input-field-bg.jpg) no-repeat; width:433px; height:40px; margin-bottom:10px; border:0px; font-size:13px; padding-left:5px;}
.contactus-content-left .ryt select{ background:url(../images/input-field-bg.jpg) no-repeat; width:433px; height:40px; margin-bottom:10px; border:0px; font-size:13px; padding-left:5px;}


.contactus-content-left .ryt textarea{ background:url(../images/txt-area-bg.jpg) no-repeat; width:428px; height:149px; border:0px; font-size:13px; padding:5px; margin-bottom:10px;}

.captcha{ margin-bottom:10px;}
.send-now-button{ width:178px!important; height:37px!important; cursor:pointer; background:none!important; padding-left:0px!important}

.contactus-content-rite{ width: 301px; float:left; margin-left:20px;}
.contactus-content-rite p{ font-size:13px; margin:0px; padding-bottom:25px;}
.contactus-content-rite h5{ color:#d90088; font-size:15px; margin:0px; font-family: 'Museo500'; padding-bottom:30px;}
.contacts{ margin-bottom:20px;}
.contacts h5{ margin:0px; color:#67badc!important; font-size:18px; padding-bottom:0px!important}
.contacts .contacts-info{ margin-bottom:0px;}
.contacts .contacts-info img{ float:left; margin-right:10px;}
.contacts .contacts-info span{ float:left; font-size:13px; color:#000;}
.contacts .contacts-info span.contact-no{ padding-top:6px;}

.other-contacts{}
.other-contacts p{ margin:0px; font-size:13px; padding-bottom:8px;}
.other-contacts p span{ color:#d90088; font-size:13px; font-weight:bold; margin-right:5px;}

/****************************** home */

#banner{ background:url(../images/banner-bottom-img.jpg) no-repeat bottom center; width:938px;padding-top:86px; padding-bottom:95px;}
#banner-txt{ width:342px; float:right; margin-right:18px;}
#banner-txt h3{ margin:0px; color:#010101; padding-bottom:15px; font-family: 'Museo500'; font-size:40px;}
#banner-txt p{ margin:0px; font-family:calibri; color:#545454; font-size:18px; padding-bottom:25px; font-weight:bold}
#banner-txt input{ width:178px; height:37px; border:0px; cursor:pointer}

.tst{ background:url(../images/tst.jpg) repeat-x; width:100%; height:302px}
.three-column-hom{ background:url(../images/3-column-img.png) no-repeat top center; width:100%; height:394px;}
.three-column-hom-container{ width:938px;}

.three-column-hom-content{ width:316px; float:left; margin-left: 1px;}
.three-column-hom-content h5{  color: #FFFFFF; font-family: 'Museo500'; font-size: 28px; font-weight: normal;  margin: 0; padding-bottom: 28px; padding-left: 14px; padding-top: 16px;}
.three-column-hom-content-txt{ padding:16px 12px;}
.three-column-hom-content-txt p{ margin:0px; font-size:13px; color:#353535; padding-bottom:27px; line-height:19px}
.three-column-hom-content-txt p span{ color:#cf0572; }
.unpadd{ padding-bottom:0px!important}
.three-column-hom-content-txt ul{ margin:0px; padding-left:3px; padding-top:4px;}
.three-column-hom-content-txt li{ background:url(../images/service-content-li-dot.jpg) no-repeat 0px 7px; margin-bottom:6px; padding-left:10px; color:#353535;}
.last-column{ margin-left:0px!important; width:302px!important}

.three-column-hom{}

/*8888888888888888888888888*/
#slider-container{	
		margin: 30px auto 0;
		position:relative;
		text-align:left;
		width:645px;
		background:url(../images/slider-bg.jpg) repeat-x; height:284px;		
		/*margin-bottom:2em; padding-top: 32px;*/ border:1px solid #43a0d2;
		}
		
		
		#slider{ position: relative;}	
		
	#slider-content{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
		#slider2 li{ padding-left:30px!important; padding-top:80px; float:left;}
		
		#slider li{ padding-left:0px!important; padding-top:80px; float:left;}
		
		#slider li .left-image{ margin-left:50px; float:left; width:300px;}
		
		#slider li .right-divv{ float:left; width:215px;  /*background:url(../images/back-ground.jpg) repeat-x;*/ height:185px; padding-left:5px; padding-top:0px; padding-right:5px;}
		
		#slider li .right-divv h1{ margin:0px;  }
		
		/*#slider li .right-divv input{ background:url(../images/view-more-button.jpg) no-repeat; border:0px none; cursor:pointer; width:176px; height:37px;}*/
		#slider li .right-divv a{ border:0px none; cursor:pointer; width:176px; height:37px;}
		#slider li .right-divv img{ border:0px none; cursor:pointer; width:176px; height:37px; padding-top:0px;}
		
		#slider li .right-divv p{ margin:0px;padding-bottom:2px;  /*font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#1a1a1a; height:65px;*/ overflow:hidden;}
	#slider2{margin-top:1em;}
	
	#slider ul{ position:relative;}
	
 .heading{ position:absolute; width:258px; left:180px; background:url(../images/latest-project-bg.jpg) no-repeat; height:57px;  }
	
 .heading h1{ margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#ea007d; font-size:14px; font-weight:bold; text-align:center;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:645px;
		height:241px;
		overflow:hidden; 
		}	
		
		
		#slider{ width:645px!important}
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:38px;
		height:77px;
		position:absolute;
		
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left: 609px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:38px;
		height:77px;
		background:url(../images/left-arrow-button.jpg) no-repeat;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/right-arrow-button.jpg) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


#slider h5 {
    background: url("../images/slider-img2-heading.jpg") no-repeat scroll 0 0 transparent; position:absolute;
    color: #EA007D;
    float: left;
    font-family: 'Museo500';
    font-size: 20px;
    height: 27px;
    margin: -1px 0 27px 64px;
    padding-left: 28px;
    padding-top: 29px;
    width: 229px;
}

/**************************** footer-slider */

.jcarousel-skin-tango .jcarousel-container {
 background:url(../images/slider-bg.jpg) repeat-x; height:183px;
  
}

a, img{ border:0px none;}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
   width: 657px;
   margin:auto;  height: 141px; padding-top: 35px; padding-bottom: 15px;   border: 1px solid #52a6d5;  
}

/*.jcarousel-clip jcarousel-clip-horizontal{ left: 264px;
    position: relative;}*/

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
   height: 113px;
  /* left: 33px;*/
    position: relative;
    width: 589px;  
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	
    height: 100px;
    margin-left: 0;
  
   padding-left: 0px;
   
    width: 145px; height:111px; padding-top:2px;
}


.jcarousel-item-horizontal img {
	
   margin-left: 9px;
   
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


.jcarousel-skin-tango{ margin:auto; /*width:737px;*/ width: 657px; }


#wrap{ margin:auto; width:750px; height:200px; background:#ffffff; padding-top:15px;}

#mycarousel-prev{  position:absolute; top:52px; left:0px;}
#mycarousel-next{ position:absolute; top:52px; right:0px}
.error{ color:#FF0000!important;}

#recaptcha_widget_div{
	margin:0px;
}
#recaptcha_area{margin:0px;}





.heading_sub_pages  {
color: #DF3A8B !important;
margin: 0px;
font-family: 'Museo500';
font-size: 20px !important;
padding-top: 0px !important;
padding-bottom: 5px !important;
padding-left: 0px !important;
}


.body_link  {
color: #666666; text-decoration:underline; font-size:14px;
}




.contactus-content-rite a{ display:block; padding-bottom:10px; color:#66badc; font-size:12px;}
.contactus-content-rite a:hover{ color:#d70086;}

.flimp{ float:left !important; margin-left:15px; }





/**
 * Additional styles for the controls.
 */
.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
}

.jcarousel-control a {
    font-size: 75%;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #fff;
    color: #eee;
    background-color: #4088b8;
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
 
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
  
    text-decoration: underline;
    font-size: 11px;
}

#mycarousel-prev,
#mycarousel-prev   img{ /*margin-top:20px; float: left;
   margin-top: -50px; width:37px; height:75px;*/}
	
	#mycarousel-next img{ /*float:right; margin-top: -101px; width:37px; height:75px;*/}
	
	
	
	.selected{
	color: #000 !important;
    font-family: 'Museo500' !important;
    font-size: 13px !important;
    font-weight: bold !important;
	text-decoration:none !important;
	}