@charset "utf-8";
/*Webchime  CSS Document */
/*General Css Start here*/

Body 
	{
		background:url(../images/3.jpg);
		font:normal 12px Arial, Helvetica, sans-serif; color:#000;
		margin:0; padding:0;
	}
	
img,a
	{
		border:0; outline:0; margin:0; padding:0;
	}
/*img
	{
		behavior:url(iepngfix.htc);
	}
*/
.changePng
	{
		/*behavior:url(iepngfix.htc);*/
	}

.alignCenter
	{
		margin:auto;
	}

.alignLeft
	{
		text-align:left;
	}

a,br,clear,p,h1,h2
	{
		margin:0; padding:0; outline:0; border:0;
	}
.blueLinkUnderline:link,.blueLinkUnderline:visited
	{
		font:normal 12px Arial, Helvetica, sans-serif;
		text-decoration:underline; color:#00a0d5;
	}

.blueLinkUnderline:hover
	{
		font:normal 12px Arial, Helvetica, sans-serif;
		text-decoration:none; color:#00a0d5;
	}
.blueLink:link,.blueLink:visited
	{
		font:normal 12px Arial, Helvetica, sans-serif;
		text-decoration:none; color:#00a0d5;
	}

.blueLink:hover
	{
		font:normal 12px Arial, Helvetica, sans-serif;
		text-decoration:none; color:#000;
	}

.blueLinkSmall:link,.blueLinkSmall:visited
	{
		font:normal 11px Arial, Helvetica, sans-serif;
		text-decoration:none; color:#00a0d5;
	}

.blueLinkSmall:hover
	{
		font:normal 11px Arial, Helvetica, sans-serif;
		text-decoration:none; color:#000;
	}
h1
	{
		font:bold 22px Arial, Helvetica, sans-serif;
		color:#000; text-decoration:underline;
	}

h2
	{
		font:bold 18px Arial, Helvetica, sans-serif;
		color:#000;
	}


h4
	{
		font:bold 14px Arial, Helvetica, sans-serif;
		color:#000; margin:1px 0 0 0;
	}

h5
	{
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#000; margin:1px 0 0 0;
	}
/*General Css End here*/


/*Main Wrapper Css Start*/
#mainWrapper
	{
		width:1000px; height:auto; margin:auto; padding:0;
		
	}
/*Main Wrapper Css End*/


/*Header Css Start*/
#mainWrapper #header
	{
		width:1000px; height:102px; margin:0 0 1px 0; padding:0;
		border-top:20px solid #000; border-bottom:1px solid #000;
		float:left; background:url(../grfx/bgHeader.gif) repeat-x;
	}

#header #logoContainer
	{
		width:255px; height:92px; margin:0; padding:10px 0 0 20px;
		float:left;
	}

#header #topNavigationContainer
	{
		width:649px; height:102px; margin:0 0 0 76px; padding:0;
		float:left;
	}

#header #topNav
	{
		width:649px; height:39px; margin:0 0 0 0; padding:0;
		float:left;
	}
	
#header #topNav1
	{
		width:649px; height:63px; margin:0 0 0 0; padding:0;
		float:left; font:normal 14px Arial, Helvetica, sans-serif;
		color:#000;
	}
#topNav1 ul
	{
		width:250px; margin:20px 0 0 0; padding:0;
		float:right; font:normal 14px Arial, Helvetica, sans-serif;
		color:#000; display:inline;
	}

#topNav1 ul li
	{
		margin:0 10px 0 10px; padding:0;
		float:left; font:normal 14px Arial, Helvetica, sans-serif;
		color:#000; display:inline;
	}
.topLink:link,.topLink:visited
	{
		font:normal 14px Arial, Helvetica, sans-serif;
		color:#000; text-decoration:none;
	}
.topLink:hover
	{
		font:normal 14px Arial, Helvetica, sans-serif;
		color:#000; text-decoration:underline;
	}
	

/*Header Css End*/


/*Body Container Css Start*/
#mainWrapper #bodyContainer
	{
		width:1000px; height:auto; margin:0;
		float:left; padding:0; background-color:#FFFFFF;
	}


/*Add Area Container Css Start*/
#bodyContainer #addArea
	{
		width:1000px; height:270px; margin:0;
		float:left; padding:0;
	}
/*Add Area Container Css End*/
	
/*Banner Area Container Css Start*/
#addArea #bannerContainer
	{
		width:770px; height:270px; margin:0;
		float:left; padding:0; overflow:hidden;
	}
	
/*Banner Area Container Css End*/

/*Customer Testimonial Container Css Start*/
#addArea #ctContainer
	{
		width:230px; height:270px; margin:0;
		float:left; padding:0;
	}
#ctContainer .titleCt
	{
		width:212px; height:20px; margin:0;
		float:left; padding:5px 0 0 18px; background:url(../grfx/bgCtTitle.gif) no-repeat;
		font:bold 12px Arial, Helvetica, sans-serif; color:#fff;
	}
#ctContainer .containerCt
	{
		width:200px; height:240px; margin:0;
		float:left; padding:5px 10px 0 20px; background:url(../grfx/bgContentCt.gif) repeat-x;
		font:normal 12px/16px Arial, Helvetica, sans-serif; color:#fff;
	}
	
/*Customer Testimonial Container Css Start*/
	

/*Body Content Container Css Start*/

#bodyContainer #bodyContentContainer
	{
		width:1000px; height:auto; margin:10px 0;
		float:left; padding:0;
	}
	
/*Body Content Container Css End*/

/*Body Content Container Left Panel Css Start*/

#bodyContainer #bodyContentContainer #leftPanelContainer
	{
		width:221px; height:auto; margin:0;
		float:left; padding:0;
	}

/*Special Services Boxes Css Start*/
#leftPanelContainer #specialServices
	{
		width:221px; height:169px; margin:0;
		float:left; padding:0;
	}
	
#specialServices .ssTitle
	{
		width:176px; height:32px; margin:0;
		float:left; padding:10px 0 0 45px;
		background:url(../grfx/bgSpecialServicesTitle.gif) no-repeat;
	}
#specialServices .ssContentContainer
	{
		width:219px; height:121px; margin:0;
		float:left; padding:0;
		border-left:1px solid #9199a4;
		border-right:1px solid #9199a4;
	}
	
	
#specialServices .ssContentContainer ul
	{
		padding:0; margin:10px 0 10px 5px;
				
	}
#specialServices .ssContentContainer ul li
	{
		padding:0 0 0 25px; margin:15px 0 0 0;
		list-style:none; background:url(../grfx/bulletArrow.gif) no-repeat;		
	}
	
#specialServices .ssContentContainer ul li ul
	{
		margin:0 0 0 -24px;	
	}

#specialServices .ssContentContainer ul li ul li
	{
		list-style:none; background:url(../grfx/bulletArrowSmall.gif) no-repeat;
		margin:5px 0 0 0;	padding:0 0 0 15px;	
	}

#specialServices .ssBtmImg
	{
		width:221px; height:6px; margin:0;
		float:left; padding:0;
		background:url(../grfx/bgLeftPanelBoxesBtm.gif);
		overflow:hidden;
	}
/*Special Services Boxes Css End*/


/* Case Studies Css End*/
#leftPanelContainer #caseStudies
	{
		width:221px; height:389px; margin:10px 0 0 0;
		float:left; padding:0;
	}
#leftPanelContainer strong{ font-size:13px; font-weight:bold; }
#caseStudies .csTitle
	{
		width:176px; height:32px; margin:0;
		float:left; padding:10px 0 0 45px;
		background:url(../grfx/bgCaseStudies.gif) no-repeat;
	}
#caseStudies .csContentContainer
	{
		width:219px; height:341px; margin:0;
		float:left; padding:0;
		border-left:1px solid #9199a4;
		border-right:1px solid #9199a4;
		overflow:hidden;
	}

#caseStudies .csContentContainer ul
	{
		width:201px; height:320px; margin:0;
		padding:0; overflow:hidden;
	}

#caseStudies .csContentContainer ul li
	{
		width:201px; height:320px; margin:10px 9px 0 9px;
		padding:0; list-style:none; overflow:hidden; display:block;
	}

#caseStudies .csContentContainer .csContents
	{
		width:201px; height:310px; margin:10px auto;
		padding:0;
	}

#caseStudies .csBtmImg
	{
		width:221px; height:6px; margin:0;
		float:left; padding:0;
		background:url(../grfx/bgLeftPanelBoxesBtm.gif);
		overflow:hidden;
	}	
	
/* Case Studies Css End*/

/*Body Content Container Left Panel Css End*/



/*Body Content Container Middle Panel Css Start*/

#bodyContainer #bodyContentContainer #middlePanelContainer
	{
		width:519px; height:auto; margin:0 15px;
		float:left; padding:0;
	}
#middlePanelContainer #aboutWebchime
	{
		width:519px; height:auto; margin:0;
		float:left; padding:0;
	}
#middlePanelContainer #innerPgsContainer
	{
		width:519px; height:auto; margin:0;
		float:left; padding:0;
	}

#middlePanelContainer #aboutButtons
	{
		width:517px; height:40px; margin:10px 0;
		float:left; padding:0; border:1px solid #5b5f65;
	}

#middlePanelContainer #aboutButtons ul
	{
		width:502px; height:28px; margin:12px 0 0 15px;
		padding:0; overflow:hidden;
	}
	
#middlePanelContainer #aboutButtons ul li
	{
		margin:10px 13px 0 13px; background:url(../grfx/bulletArrow.gif) no-repeat;
		padding:0 0 0 24px; list-style:none; overflow:hidden; display:inline;
	}
	
#middlePanelContainer #tabContainer
	{
		width:519px; height:auto; margin:0;
		float:left; padding:0;
	}

#tabContainer .tabsAndContentContainer
	{
		width:519px; height:auto; margin:0;
		float:left; padding:0; 
	}
	
#tabContainer .tabsAndContentContainer .tabButtonsArea
	{
		width:519px; height:42px; margin:0;
		float:left; padding:0; 
	}



#tabContainer .tabsBtmImg
	{
		width:518px; height:6px; margin:0;
		float:left; padding:0; background:url(../grfx/bgMiddlePanelBoxesBtm.gif) no-repeat;
		display:block;
	}
	
/*Body Content Container Middle Panel Css End*/


/*Body Content Container Right Panel Css Start*/

#bodyContainer #bodyContentContainer #rightPanelContainer
	{
		width:230px; height:auto; margin:0;
		float:left; padding:0;
	}
	
/*Request a Quote Boxes Css Start*/
#rightPanelContainer #requestQuotes
	{
		width:221px; height:203px; margin:0;
		float:left; padding:0;
	}
	
#requestQuotes .rqTitle
	{
		width:185px; height:32px; margin:0;
		float:left; padding:10px 0 0 45px;
		background:url(../grfx/bgRequestQuote.gif) no-repeat;
	}
#requestQuotes .rqContentContainer
	{
		width:228px; height:155px; margin:0;
		float:left; padding:0;
		border-left:1px solid #9199a4;
		border-right:1px solid #9199a4;
	}
	
	
#requestQuotes .rqContentContainer ul
	{
		padding:0; margin:20px 0 0 25px;
				
	}
#requestQuotes .rqContentContainer ul li
	{
		padding:0 0 0 25px; margin:15px 0 0 0;
		list-style:none; background:url(../grfx/bulletArrow.gif) no-repeat;		
	}

#requestQuotes .rqBtmImg
	{
		width:230px; height:6px; margin:0;
		float:left; padding:0;
		background:url(../grfx/bgRightPanelBoxesBtm.gif);
		overflow:hidden;
	}
/*Request a Quote Boxes Css End*/


/*Our Clients Boxes Css Start*/
#rightPanelContainer #ourClients
	{
		width:221px; height:185px; margin:10px 0 0 0;
		float:left; padding:0;
	}
	
#ourClients .ocTitle
	{
		width:180px; height:32px; margin:0;
		float:left; padding:10px 0 0 50px;
		background:url(../grfx/bgOurClients.gif) no-repeat;
	}
#ourClients .ocContentContainer
	{
		width:228px; height:137px; margin:0;
		float:left; padding:0;
		border-left:1px solid #9199a4;
		border-right:1px solid #9199a4;
	}

#ourClients .ocContentContainer ul
	{
		padding:0; margin:20px 0 0 15px;
				
	}
#ourClients .ocContentContainer ul li
	{
		padding:0 0 0 25px; margin:5px 0 0 0;
		list-style:none; background:url(../grfx/bulletArrow.gif) no-repeat;		
	}

#ourClients .ocContentContainer .clientsLogoHolder
	{
		width:200px; height:137px; margin:13px 0 10px 26px;
		 padding:0;
	}

#ourClients .ocBtmImg
	{
		width:230px; height:6px; margin:0;
		float:left; padding:0;
		background:url(../grfx/bgRightPanelBoxesBtm.gif);
		overflow:hidden;
	}
/*Our Clients Boxes Css End*/


/*Company News Boxes Css Start*/
#rightPanelContainer #companyNews
	{
		width:221px; height:161px; margin:10px 0 0 0;
		float:left; padding:0;
	}
	
#companyNews .cnTitle
	{
		width:180px; height:32px; margin:0;
		float:left; padding:10px 0 0 50px;
		background:url(../grfx/bgCompanyNews.gif) no-repeat;
	}
#companyNews .cnContentContainer
	{
		width:228px; height:121px; margin:0;
		float:left; padding:0;
		border-left:1px solid #9199a4;
		border-right:1px solid #9199a4;
	}

#companyNews .cnBtmImg
	{
		width:230px; height:6px; margin:0;
		float:left; padding:0;
		background:url(../grfx/bgRightPanelBoxesBtm.gif);
		overflow:hidden;
	}
/*Company News Boxes Css End*/
	
/*Body Content Container Right Panel Css End*/

/*Body Container Css End*/













/*Footer Css Start*/
#mainWrapper #footerContainer
	{
		width:1000px; height:105px; margin:0;
		background:#000; float:left; 
	}

#footerContainer #footerBox
	{
		width:910px; height:60px; margin:45px 45px 0 45px;
		background:#000; font:normal 11px Arial, Helvetica, sans-serif;
		color:#fff; float:left;
	}

#footerBox #leftFooterContainer
	{
		width:410px; height:auto; margin:0;
		background:#000; font:normal 11px Arial, Helvetica, sans-serif;
		color:#fff; float:left;
	}
#leftFooterContainer a.footerLink:link,a.footerLink:visited
	{
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#fff; text-decoration:none;
	}

#leftFooterContainer a.footerLink:hover
	{
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#fff; text-decoration:underline; 
	}
	
#footerBox #rightFooterContainer
	{
		width:251px; height:auto; margin:0;
		background:#000; font:normal 11px Arial, Helvetica, sans-serif;
		color:#fff; float:right;
	}
/*Footer Css End*/








/*Inner Page Css Start here*/

#bodyContainer #innerPgBannerHolder
	{
		width:1000px; height:213px; margin:0;
		float:left; padding:0;
	}

/*.opacity
	{
		opacity:1;filter:alpha(opacity=100)
	}

.opacity:hover
	{
		opacity:0.8;filter:alpha(opacity=80)
	}
*/
.thumbImg
	{
		margin:0 0 0 26px;
		border:1px solid #000;
	}
		
.r4qTxtbox
	{
		width:200px;  height:21px; border:1px solid #979fa9;
		font:normal 14px Arial, Helvetica, sans-serif; color:#666; margin:5px 0 0 14px;
	}
.r4qTxtbox:focus
	{
		width:200px;  height:21px; border:1px solid #f00;
		font:normal 14px Arial, Helvetica, sans-serif; color:#000; margin:5px 0 0 14px;
	}

.r4qTxarea
	{
		width:190px;  height:97px; border:1px solid #979fa9; padding:5px;
		font:normal 14px Arial, Helvetica, sans-serif; color:#666; margin:5px 0 0 14px;
	}
.r4qTxarea:focus
	{
		width:190px;  height:97px; border:1px solid #f00; padding:5px;
		font:normal 14px Arial, Helvetica, sans-serif; color:#000; margin:5px 0 0 14px;
	}
.r4qSelectBox
	{
		width:202px; height:28px; border:1px solid #979fa9;
		font:normal 14px Arial, Helvetica, sans-serif; color:#666; margin:5px 0 0 14px;
	}

.r4qSelectBox:focus
	{
		width:202px; height:28px; border:1px solid #f00;
		font:normal 14px Arial, Helvetica, sans-serif; color:#000; margin:5px 0 0 14px;
	}
	
.buttonSubmit
	{
		width:120px; height:40px;
		background:#0093c8 url(../grfx/bgButtonSubmit.png) repeat-x 0 -2px;
		text-align:center; border:1px solid #0093c8;; outline:0;
		cursor:pointer; font:bold 18px Arial, Helvetica, sans-serif;
		color:#ededed;
	}

.buttonSubmit:hover
	{
		width:120px; height:40px;
		background:#000 url(../grfx/bgButtonSubmit.png) repeat-x 0 -2px;
		text-align:center; border:1px solid #000;; outline:0;
		cursor:pointer; font:bold 18px Arial, Helvetica, sans-serif;
		color:#ededed;
	}

.buttonSubmit:focus
	{
		border:1px solid #f00;; outline:0;
	}
                                                        


/*Inner Page Css End here*/



.marq1{width:201px; height:320px; margin:10px 9px 10px 9px;}
.marq2{width:201px; height:320px; margin:10px 9px 10px 9px;}