/* CSS Document */

body{ background-image:url(../images/homepage-pagebg.jpg); background-repeat:repeat-x; padding:0px; margin:0px;}
p{padding:0px; margin:5px 0px 25px 0px;  line-height:14px;}
*:focus {outline: 0;}
h1{color:#AC2058; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:0px; margin:0px; text-transform:uppercase;}
h2{color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:0px; margin:0px; text-transform:uppercase;}
h3{color:#4E4E4E; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:0px; margin:0px; text-transform:uppercase; }
h4{color:#4E4E4E; font-family:Georgia; font-size:24px; font-weight:normal; padding:0px; margin:0px;}
h5{color:#AC2058; font-family:arial; font-size:16px; padding:0px; margin:0px; font-weight:bold;}
.graysmallheading{color:#B2B2B2; font-family:arial; font-size:16px; padding:0px; margin:0px; font-weight:bold;}
.grayheading{color:#B2B2B2; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:0px; margin:0px; text-transform:uppercase;}

form{padding:0px; margin:0px;}

h3{color:#4E4E4E; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:0px; margin:0px; text-transform:uppercase; }
h6{color:#DC181E; font-family:arial; font-size:17px; font-weight:bold; padding:0px; margin:0px;}
.errormessage{ color:#AC2058; font-weight:bold;}
#HomepageHeaderContainer{ background-image:url(../images/homepagebg.jpg); background-repeat:no-repeat; background-position:top; width:100%; height:530px;}
.Container{width:100%; height:275px;}

#HeaderContainer{width:979px; margin:0px auto;}
.TopLogoArea{width:100%; height:90px;}
.LogoArea{ background-image:url(../images/logo.jpg); width:280px; height:89px; float:left;}
.TopSearchArea{width:409px; height:57px; margin:32px 75px 0px 0px; float:right;}
.TopSearchBarArea{width:206px; margin:0px 0px 0px 10px; float:left; height:40px;}
.TopSearchBarAreaL{ background-image:url(../images/searchbar-L.jpg); width:16px; height:40px; float:left;}
.TopSearchBarAreaR{ background-image:url(../images/searchbar-btn.jpg); width:43px; height:40px; float:left;}
.TopSearchBarAreaM{ background-image:url(../images/searchbar-bg.jpg); background-repeat:repeat-x; float:left; height:28px; width:147px; padding-top:12px; color:#ADA1A1; font-family:arial; font-size:11px;}
.TopSearchBarAreaM-txtbox{background-color:#F6F8F7; border:0px; padding-bottom:0px;}

.RequestquoteArea{ background-image:url(../images/requestquote-btn.jpg); background-repeat:no-repeat; width:166px; float:left; height:38px;}

.BannerArea{width:957px; margin:0px auto; height:372px;}
.BannerPunchlineArea{width:466px; height:372px; float:left; background-image:url(../images/bannerimage.jpg); background-position:top right; background-repeat:no-repeat;}
.BannerPortfolioAreaL{width:59px; float:left; height:372px; padding:0px;}
.BannerPortfolioAreaM{width:394px; float:left; height:372px; background-image:url(../images/homepage-BannerMiddleport1.jpg); background-repeat:no-repeat;}
.BannerPortfolioAreaR{width:59px; float:left; height:372px; padding:0px;}
/*.BannerPortfolioAreaR{width:52px; float:left; height:372px;}*/


/*Main Banner Sliding Area*/

#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:360px;
	    /*margin-bottom:2em;*/
		}	
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		
		width:360px ;
		height:282px;
		overflow:hidden; 
		padding:57px 0 0 0; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:59px;
		height:372px;
		position:absolute;
		right:377px;
		top:0px;
		}	
	#nextBtn{ 
		left:385px;
		
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		
		background:url(images/homepage-BannerLeftarrow.jpg) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/homepage-Bannerrightarrow.jpg) no-repeat 0 0;	
		}	
		
/*Main Banner Sliding Area*/



.MainLinkArea{height:27px; width:979px; margin:13px 0px 28px 0px;}
#MainLinks{width:100%; height:27px;}
#MainLinks ul{width:100%; height:27px; padding:0px; margin:0px; list-style:none;}
#MainLinks Li{margin:0px; list-style:none; font-family:arial; font-size:17px; color:#575757; font-weight:bold; padding:0px; line-height:27px; float:left;}

#MainLinks Li a{width:auto; padding:0px 33px 0px 24px; text-align:center;  font-family:arial; font-size:17px; color:#575757; font-weight:bold; line-height:27px; float:left; text-decoration:none;}

#MainLinks Li a:hover{width:auto; text-align:center;  font-family:arial; font-size:17px; color:#AE2058; font-weight:bold; line-height:27px; float:left; text-decoration:none; padding:0px 33px 0px 24px; }

#MainLinks li a.homelink{width:auto; padding:0px 33px 0px 7px; text-align:center;  font-family:arial; font-size:17px; color:#575757; font-weight:bold; line-height:27px; float:left; text-decoration:none;}

#MainLinks li a.homelink:hover{width:auto; text-align:center;  font-family:arial; font-size:17px; color:#AE2058; font-weight:bold; line-height:27px; float:left; text-decoration:none; padding:0px 33px 0px 7px; }

#MainLinks Li.linkline{width:1px; float:left; background-color:#E1E1E1; height:27px;}
#MainLinks Li.activeLink{width:auto; text-align:center;  font-family:arial; font-size:17px; color:#AE2058; font-weight:bold; line-height:27px; float:left; text-decoration:none; padding:0px 33px 0px 24px; }

#PageShape{ width: 100%; background-image:url(../images/middlepage-bg.jpg); background-repeat:no-repeat; background-position:top right; height:40px;}


.Homepage-ContentContainer{width:979px; margin:0px auto;}

.HomepageServiceArea{width:979px; min-height:275px; margin:0px auto; padding:20px 0px 0px 0px;}
.HomepageServiceArea ul{width:979px; padding:0px; margin:0px; list-style:none; }
.HomepageServiceArea li{float:left; width:auto; height:275px;}
.HomepageServiceArea li a.FirstRecord{width:208px; border-right:1px solid #DDDDDD; min-height:275px; padding:0px 20px 0px 20px; text-decoration:none; float:left; cursor:pointer;}
.HomepageServiceArea li a.FirstRecord:hover{width:208px; border-right:1px solid #DDDDDD; min-height:275px; padding:0px 20px 0px 20px; background-color:#F6F6F6; text-decoration:none; float:left; cursor:pointer;}
.licontainer{width:208px; float:left;}

.HomepageServiceArea li a.LastRecord{width:208px;  min-height:275px; padding:0px 0px 0px 23px; text-decoration:none; float:left; cursor:pointer;}
.HomepageServiceArea li a.LastRecord:hover{width:208px; min-height:275px; padding:0px 0px 0px 23px; background-color:#F6F6F6; text-decoration:none; float:left; cursor:pointer;}


.HomepageServiceArea-Heading{color:#313131; font-family:arial; font-size:20px; font-weight:bold; padding:20px 0px 20px 0px; width:100%; text-align:center;}
.HomepageServiceArea-Icon{color:#313131;  padding:10px 0px 10px 50px; width:158px;}
.HomepageServiceArea-TXT{color:#313131; font-family:arial; font-size:11px;width:100%;}
.HomepageServiceArea-BTN{height:35px; width:158px;  padding:20px 0px 0px 50px;}

.web { padding:15px; font:12px Arial, Helvetica, sans-serif; color:#313131; height:290px; overflow:hidden;}
.web1 { padding:15px; font:12px Arial, Helvetica, sans-serif; color:#313131; height:290px; overflow:hidden; background:#F6F6F6;}
/* */


#ContentAreaBg{width:100%; background-image:url(../images/homepage-contentareabg.jpg); background-repeat:repeat-x;   margin:60px 0px 0px 0px; }
.ContentArea{width:979px; margin:0px auto;}
.PictureArea{width:100%; background-image:url(../images/grouppic-home.jpg); background-repeat:no-repeat; height:136px; background-position:center;}

.newsLetterAlert{ text-align:center; width:453px; color:#FF0000; }

.RedbarInfoArea{width:979px; margin:0px auto; height:312px;}
.RedbarInfoAreaS{width:450px; float:left; height:221px; padding:42px 0px 0px 0px;}
.RedbarInfoAreaS-C{width:450px; height:22px;}
.RedbarInfoAreaS-L{width:380px; float:left; color:#ffffff; font-weight:bold; font-size:11px; font-family:arial;}
.RedbarInfoAreaS-L1{width:355px; vertical-align:top; float:left; color:#575757; font-weight:bold; font-size:11px; font-family:arial;}

.RedbarInfoAreaS-R{width:65px; float:left; color:#ffffff; font-weight:bold; font-size:11px; font-family:arial; text-align:right;}
.RedbarInfoAreaS-R1{width:95px; float:left; vertical-align:top; color:#575757; font-weight:bold; font-size:11px; font-family:arial; text-align:right;}
.RedbarInfoAreaM{margin:42px 35px 30px 35px; width:1px; background-color:#9A1D4F; height:191px; float:left;}
.RedbarInfoAreaSpacer{width:450px; height:10px;}
.grayLightheading{color:#DDDDDD; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:0px; margin:0px; text-transform:uppercase;}
.Homeintro{width:450px; font-family:arial; font-size:11px; color:#ffffff; text-align:justify;}

/*.QuickLogoNavigationArea{width:377px; height:199px; background-image:url(../images/quicklogonav-bg.jpg); background-repeat:repeat-x;}*/
.QuickLogoNavigationArea{width:442px; height:202px; background-image:url(../images/logareabg.jpg); background-repeat:no-repeat; padding:0 0 0 0px;}
.QuickLogoNavigationAreaL{width:37px; height:199px; float:left; background-image:url(../images/quicklogonav-L.jpg); background-repeat:no-repeat;}
.QuickLogoNavigationAreaR{width:36px; height:199px; float:left; background-image:url(../images/quicklogonav-R.jpg); background-repeat:no-repeat;}
.QuickLogoNavigationAreaM{width:340px; height:179px; float:left; padding:10px 0px 10px 0px;}

/*Quick Logo Sliding Area*/

.logo_gallary {width:442px;}

/*#container1{	
		margin:0 0 0 24px;
		position:relative;
		text-align:left;
		width:340px;
		height:195px;
		}	
	*/	
		
		#container1{	
		margin:0 0 0 22px;
		position:relative;
		text-align:center;
		width:420px;
		height:202px;
		}	
		
		
	#content1{
		position:relative;
		}		
/* Easy Slider */

	#slider1{}	
	#slider1 ul, #slider1 li{

		margin:0;
		padding:0;
		list-style:none;
		}
	#slider1 li{ 

		width:370px ;
		height:185px;
		overflow:hidden;
		padding:17px 0 0 0;
		}	
	#prevBtn1, #nextBtn1{ 
		display:block;
		width:40px;
		height:202px;
		position:absolute;
	    top:0px;
		left:-32px;
		}	
	#nextBtn1{ 
		left:368px;
		}														
	#prevBtn1 a, #nextBtn1 a{  
		display:block;
		width:40px;
		height:202px;
		background: url(images/quicklogonav-L.jpg) no-repeat;	
		}	
	#nextBtn1 a{ 
		background: url(images/quicklogonav-R.jpg) no-repeat;	
		}	

/*Quick Logo Sliding Area*/




.BannerArea{width:979px; margin:0px auto; height:240px;}
.BannerAreaSection{width:453px; float:left; height:135px; padding:20px 0px 5px 0px;}
.BannerAreaMiddle{margin:30px 35px 5px 35px; width:1px; background-color:#E5E5E5; height:135px; float:left;}

.NewslettersignupArea{width:450px; padding:10px 0px 0px 0px; height:124px; margin-top:10px; font-family:arial; font-size:11px; color:#898989; line-height:16px;}

.NewslettersignupArea-TRtxt{width:450px; margin-bottom:10px;}
.NewslettersignupArea-TR{width:450px; margin-bottom:10px; height:25px;}
.NewslettersignupArea-TD-L{width:75px;  float:left; font-family:arial; font-size:12px; font-weight:bold; color:#575757;}
.NewslettersignupArea-TD-R{width:160px;  float:left;}
.NewslettersignupArea-TD-L1{width:55px;  float:left; font-family:arial; font-size:12px; font-weight:bold; color:#575757; padding-left:10px;}
.NewslettersignupArea-TD-R1{width:150px;  float:left;}

.NewslettersignupArea-TRBTN{width:450px; margin-top:15px;}
.newslettertxtbox{border:1px solid #E2E2E2; padding:3px; width:140px; font-family:arial; font-size:12px; background-color:#FFFFFF;}

.btn{ background-image:url(../images/btn-img.jpg); width:128px; height:34px; background-repeat:no-repeat; border:0px; cursor:hand; font-family:arial; font-size:12px; font-weight:bold; color:#313131; text-transform:uppercase; text-align:center;}


/*Footer Area CSS */
#FooterContainer{width:100%; background-image:url(../images/footerbg.jpg); background-repeat:repeat-x; height:231px; float:left;}
.FooterArea{width:979px; margin:0px auto;}
.FooterKeywordArea{width:100%; height:90px; padding-top:8px; text-align:center; font-family:tahoma; font-size:11px; color:#C1C0C0; line-height:18px;}
.footerlinkArea{width:100%; height:12px; padding-top:30px; text-align:center; font-family:arial; font-size:11px; color:#949494;}
a.footerlink:link{font-family:arial; font-size:11px; color:#949494; text-decoration:none;}
a.footerlink:active{font-family:arial; font-size:11px; color:#949494; text-decoration:none;}
a.footerlink:visited{font-family:arial; font-size:11px; color:#949494; text-decoration:none;}
a.footerlink:hover{font-family:arial; font-size:11px; color:#AC2058; text-decoration:underline;}

.CopyrightArea{width:100%; height:31px;}
.CopyrightAreaR{width:56px; height:31px; float:right; margin-right:18px;}
.CopyrightAreaL{width:90%; height:11; text-align:center; color:#ADADAD; font-family:arial; font-size:11px; float:left; padding-top:20px;}



.Homepage-GraycontentArea{height:325px; width:979px; margin:44px 0px 0px 0px; }
.Homepage-GraycontentArea-Sides{width:453px; float:left; height:285px; padding:0px 0px 40px 0px;}
.Homepage-GraycontentArea-Middle{margin:0px 35px 40px 35px; width:1px; background-color:#E5E5E5; height:285px; float:left;}

.OnlineMarketingImageArea{width:100%; padding:20px 0px 0px 0px;}
.OnlineMarketingBtNArea{width:100%; padding:10px 0px 5px 0px;}

.TestimonialArea{ background-image:url(../images/testimonial-area.jpg); height:77px; background-repeat:no-repeat; width:420px;  padding:40px 0px 10px 25px;}
.TestimonailAreaTxt{width:400px; height:77px; float:left; line-height:16px; padding:0px 10px 0px 10px; font-family:arial; font-size:11px; color:#898989; }
.TestimonailAreaArrow{width:20px; padding-top:45px; height:32px; float:left;}


/*Testimonial Sliding Area*/
/* Easy Slider */
#container2{	
		margin:0 ;
		position:relative;
		text-align:left;
		width:450px;
	    /*margin-bottom:2em;*/
		}	
	#content2{
		position:relative;
		}	
		
	#slider2{}	
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		
		width:450px ;
		overflow:hidden; 
		padding:0 0 0 0; 
		}	
	#prevBtn2, #nextBtn2{ 
		display:block;
		width:15px;
		height:6px;
		position:absolute;
		left:455px;
		top:130px;
		}	
	#nextBtn2{
		top:140px; 
		left:455px;
		
		}														
	#prevBtn2 a, #nextBtn2 a{  
		display:block;
		
		background:url(images/graytoparrow.jpg) no-repeat 0 0;	
		}	
	#nextBtn2 a{ 
		background:url(images/redbottomarrow.jpg) no-repeat 0 0;	
		}	
		
/*Testimonial Sliding Area*/									



.Homepage-Testimonial-Area{width:426px; height:81px; background-image:url(../images/homepage-testimonialbg.jpg); background-repeat:no-repeat; padding:40px 0px 10px 25px;}

.Homepage-Testimonail-AreaLine{width:100%; height:1px; margin:20px 0px 20px 0px; border-top:1px solid #DDDDDD;}
.Callbackbtn{ width:100%; }

.HomepagePromotionalArea{width:100%; height:70px;}
.HomepagePromotionalArea ul{width:100%; padding:0px; margin:0px; list-style:none;}
.HomepagePromotionalArea li{width:auto; float:left;}
.HomepagePromotionalArea li a.tellafriend{width:154px; height:70px; float:left; background-image:url(../images/homepage-tellafriend.jpg);}
.HomepagePromotionalArea li a.tellafriend:hover{width:154px; height:70px; float:left; background-image:url(../images/tell.gif); }
.HomepagePromotionalArea li.tellafriend-Active{width:154px; height:70px; float:left; background-image:url(../images/tell.gif); 
}

.HomepagePromotionalArea li a.radioad{width:124px; height:70px; float:left; background-image:url(../images/homepage-radioad.jpg); margin:0px 5px 0px 5px;}
.HomepagePromotionalArea li a.radioad:hover{width:124px; height:70px; float:left; background-image:url(../images/homepage-radioad-active.jpg); margin:0px 5px 0px 5px;}

.HomepagePromotionalArea li.radioad-active{width:124px; height:70px; float:left; background-image:url(../images/homepage-radioad-active.jpg); margin:0px 5px 0px 5px;}

.HomepagePromotionalArea li a.designerpick{width:155px; height:70px; float:left; background-image:url(../images/homepage-designerpick.jpg); }
.HomepagePromotionalArea li a.designerpick:hover{width:155px; height:70px; float:left; background-image:url(../images/homepage-designerpick-activ.jpg);}

.HomepagePromotionalArea li.designerpick-Active{width:155px; height:70px; float:left; background-image:url(../images/homepage-designerpick-activ.jpg);}

.HomepagePromitionalArea-Middle{height:177px; width:440px; background-image:url(../images/homepage-promotionalarea-bg.jpg); background-repeat:repeat-y; background-position:center; padding:10px 0px 10px 5px;}

.HomepagePromitionalArea-MiddleAdL{width:134px; padding:0px 10px 0px 10px;  float:left; background-image:url(../images/homepage-latestad-icon.jpg); height:176px; background-repeat:no-repeat; background-position:top center;}
.HomepagePromitionalArea-MiddleAdL-Line{width:1px; margin:15px 20px 20px 10px; height:140px; border-left:1px solid #CCCCCC; float:left;}
.HomepagePromitionalArea-MiddleAdR-txt{width:230px; float:left; margin:15px 10px 25px 0px; font-family:arial; font-size:11px; color:#575757;}
.radioadheading{ font-family:arial; font-size:12px; color:#575757; font-weight:bold;}


.HomepagePromitionalArea-bottom{ height:34px; width:440px; background-image:url(../images/homepage-promotionalarea-bo.jpg); background-repeat:no-repeat; background-position:top center;}
.HomepagePromitionalArea-bottomR{width:100px; margin:10px 17px 5px 0px; float:right; font-weight:bold; font-family:arial; font-size:12px; color:#575757; text-align:center;}
a.morelink:link{font-weight:bold; font-family:arial; font-size:12px; color:#575757; text-decoration:none;}
a.morelink:active{font-weight:bold; font-family:arial; font-size:12px; color:#575757; text-decoration:none;}
a.morelink:visited{font-weight:bold; font-family:arial; font-size:12px; color:#575757; text-decoration:none;}
a.morelink:hover{font-weight:bold; font-family:arial; font-size:12px; color:#AC2058; text-decoration:none;}


.HomepageDesignerpicArea{width:95%; height:145px; padding:20px 0px 0px 0px; margin:0px auto;}
.HomepageDesignerpicArea ul{width:100%; padding:0px; margin:0px; height:106px; list-style:none;}
.HomepageDesignerpicArea li{width:122px; height:106px; float:left; border:1px solid #E2E2E2; margin:0px 5px 0px 5px;}

.HomepageTellafriendArea{width:90%; height:145px; padding:10px 0px 0px 0px; margin:0px auto;}
.HomepageTellafriendArea-Row{width:100%%; height:25px; margin:0px auto; padding:0px 0px 5px 0px;}
.HomepageTellafriendArea-RowL{width:15%; height:25px; float:left; font-family:arial; font-size:12px; color:#575757; font-weight:bold;}
.HomepageTellafriendArea-RowR{width:35%; float:left; height:25px;}

.HomepageTellafriendArea-RowL1{width:15%; height:100px; float:left; font-family:arial; font-size:12px; color:#575757; font-weight:bold;}
.HomepageTellafriendArea-RowR1{width:85%; float:left; height:100px;}
.HomepageTellafriendArea-txtbox{width:120px; border:1px solid #dcdcdc; padding:2px; font-family:arial; font-size:11px; color:#575757; }
.HomepageTellafriendArea-txtArea{width:325px; border:1px solid #dcdcdc; padding:2px; font-family:arial; font-size:11px; color:#575757; height:85px;  }





		
		#tab1 {border-top:none; padding:0 0 28px 0;}
#tab2 {display:none;   padding:0 0 28px 0;}
#tab3 {display:none;   padding:0 0 28px 0;}
#tab11 {}
#tab22 {display:none;}
#tab33 {display:none;}

#tell {display:none; }
#radio1 {display:none; }
#design1 {display:none; }