@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0;  font-family:Arial, Helvetica, sans-serif; font-size: 11px; background-image:url(images/back-tile.jpg);}

h3{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 16px;
	color:#5d5d58;
	font-stretch:narrower;
}	

#Wrapper{width:100%; padding:0px; margin:auto;}		

#TCont #HCont #CCont{width:100%; padding:0px; margin:auto; float:left;}		
	
/*--------------------------------------------------------------------*/

#MCont{width:999px; margin:auto;}

/*--------------------------------------------------------------------*/

#Footer{width:100%; height:130px; background-image:url(images/footer-image.jpg); background-repeat:repeat-x; margin:auto; float:left;}
	
	#footerCont{width:999px; height:130px; margin:auto; padding:0px;}
	
	#FleftCont{width:585px; height:28px; margin:55px 10px 47px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58;
				line-height:14px; padding:0px; text-align:right; float:left;}
		
	
	#FrightCont{width:372px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58; text-align:left;  line-height:14px; height:28px;
				margin:42px 12px 60px 10px; padding:0px; float:left;}

/*--------------------------------------------------------------------*/

#head{width:999px; height:259px; background-image:url(images/about-head.jpg); background-repeat:no-repeat; float:left; margin:auto;}


	#TransArea{margin-top:4px; width:393px; height:194px; background-image:url(images/trans-bb.png); background-repeat:repeat-x; float:right;}

	#service{width:273px; margin:42px 0px 0px 17px; height:152px; float:left;}		
		
/*--------------------------DifferencePage------------------------------------------*/		

#headD{width:999px; height:259px; background-image:url(images/Difference.jpg); background-repeat:no-repeat; float:left; margin:auto;}

#headP{width:999px; height:259px; background-image:url(images/ourProcess.jpg); background-repeat:no-repeat; float:left; margin:auto;}
	
#headPP{width:999px; height:259px; background-image:url(images/Portfolio.jpg); background-repeat:no-repeat; float:left; margin:auto;}
	
#headW{width:999px; height:259px; background-image:url(images/what-we-do.jpg); background-repeat:no-repeat; float:left; margin:auto;}	
	
/*--------------------------------------------------------------------*/

#menuBar{width:998px; height:62px; background-image:url(images/transparency-back.png); background-repeat:repeat-x; float:right;}

#line{margin:0px; padding:0px; width:1px; height:259px;  background-color:#343432;  float:left;}
	
/*--------------------------------------------------------------------*/

#Top{width:999px; height:117px; background-image:url(images/top.jpg); background-repeat:repeat-x; margin:auto;}

#lineT{margin:0px; padding:0px; width:1px; height:117px; background-image:url(images/top-line.png);  background-repeat:no-repeat; float:left;}
		
#logo {margin:44px 0px 0px 42px; width:192px; height:73px; float:left;}

#TopRight{width:342px; height:30px; float:right; padding:0px; margin:52px 19px 35px 315px; font-family:Arial, Helvetica, sans-serif; font-size:11px;
		  line-height:12px; color:#5d5d58; text-align:right;}
	
.NSTable{width:342px; height:30px; padding:0px; border:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; 
         color:#5d5d58;}

.NStext{width:93px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#5d5d58; text-align:right;
        padding-right:5px; float:left;}
	
.button{width:86px; height:30px; float:right; margin:0px; padding:0px; text-align:right;}
	
	
.textBox{width:123px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58; float:left; text-align:left;}
	
.sep{width:10px; height:30px; padding:0px; margin:0px; float:left;}
	

/*--------------------------------------------------------------------*/


#linecont{width:1px; background-repeat:no-repeat; background-position:top; background-image:url(images/line-mcopy.png); float:left; margin:0px; height:260px;}
	

#copyArea{width:604px; margin:0px; float:left;}

	#Heading{width:572px; height:32px; float:left; margin:36px 0px 0px 32px;}
		
	#content{width:507px; float:left; margin:15px 65px  15px 32px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58; line-height:16px;}
	
	#content_portfolio{width:500px; float:left; height:Auto; margin:15px 65px  15px 32px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58;}
	#portfolio_title{width:507px; float:left; height:Auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5d5d58; vertical-align:middle;}
	#portfolio_content{width:300px; float:left; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58; vertical-align:middle;}
	#portfolio_thumb{width:200px; float:left; height:auto; font-family:Arial, Helvetica, sans-serif; margin-left:4px;}
	
	.portfolio_txt{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#5d5d58;
	}
		
	
#linecontM{width:1px; background-repeat:no-repeat; background-position:top; background-image:url(images/linemid.png); float:left; margin:0px; height:260px;}
	

/*--------------------------------------------------------------------*/


#subCopy{width:352px; margin:18px 20px 18px 20px; float:left;}
	
	#subHead{width:352px; height:28px; float:left; margin:0px; font-family:"Swiss911 UCm BT"; font-size:24px; color:#5d5d58;}
	
	#image{width:352px; height:97px; margin:0px; float:left;}
		
	#SubText{width:352px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; text-align:justify; float:left; 
			margin:10px 0px 10px 0px; color:#5d5d58;}
		
/*--------------------------------------------------------------------*/

#linecontF{width:1px; background-repeat:no-repeat; background-position:top; float:right; background-image:url(images/line-end.png); margin:0px; height:260px;}

/*--------------------------------------------------------------------*/
#right{width:100%; background-image:url(images/reapeat-right-back.png); height:259px; background-repeat:repeat-x; float:left;}
	
#left{width:100%; background-image:url(images/left.png); height:259px; background-repeat:repeat-x; float:left;}
	
.R{background-image:url(images/rightback.jpg); background-repeat:no-repeat; background-position:left;}
		
.RD{background-image:url(images/rightbackD.jpg); background-repeat:no-repeat; background-position:left;}
	
.RP{background-image:url(images/rightbackP.jpg); background-repeat:no-repeat; background-position:left;}
	
.RPP{background-image:url(images/rightbackPP.jpg); background-repeat:no-repeat; background-position:left;}

.RW{background-image:url(images/rightbackW.jpg); background-repeat:no-repeat; background-position:left;}
	
.RW{background-image:url(images/rightbackW.jpg); background-repeat:no-repeat; background-position:left;}


/*------------------------------------portfolio(img & copy part-------------------------------*/
#c1, #c2, #c3, c4{
	width:507px;
	height:auto;
	float:left;
	padding-bottom:5px;
}


	#broimg1{
		width:182px;
		height:131px;
		background-image:url(images/test_image.png);
		background-repeat:no-repeat;
		float:left;
		padding-right:10px;
	}
	
	#broimg2{
		width:182px;
		height:131px;
		background-image:url(images/test_image.png);
		background-repeat:no-repeat;
		float:left;
		padding-right:10px;
	}
	
	#broimg3{
		width:182px;
		height:131px;
		background-image:url(images/swanee.png);
		background-repeat:no-repeat;
		float:left;
		padding-right:10px;
	}
	
	#broimg4{
		width:182px;
		height:131px;
		background-image:url(images/sovereign.png);
		background-repeat:no-repeat;
		float:left;
		padding-right:10px;
	}
	
	
	
/*-------------------------Navigation menu-------------------------------------------*/
#navSide{width:364px; height:62px; float:left; margin:0px; padding:0px;}
	
#Menu{width:634px; height:62px; margin:0px; padding:0px; float:left;}
	
.MenuT{width:634px; height:62px; margin:0px; padding:0px;}

	

/*-------------------------Aboutus Roolover-------------------------------------------*/
.rolloverA {height:62px; width:108px; float:left; padding:0px; margin:0px; clear:both;}						
.rolloverA a { display:block; width:108px; clear:both; padding:0px; margin:0px; float:left;}
.rolloverA a:hover { background:url(images/menu/over/aboutus.png); padding:0px; margin:0px; float:left;}


/*-------------------------Services Rollover-------------------------------------------*/
#rolloverS{height:62px; width:132px; float:left; padding:0px; margin:0px; clear:both;}
#rolloverS a { display:block; width:132px; clear:both; padding:0px; margin:0px; float:left;}
#rolloverS a:hover { background-image:url(images/menu/over/services-over.png); padding:0px; margin:0px; float:left;}


/*-------------------------Difference Rollover-------------------------------------------*/
#rolloverD{height:62px; width:147px; float:left; padding:0px; margin:0px; clear:both;}
#rolloverD a { display:block; width:147px; clear:both; padding:0px; margin:0px; float:left;}
#rolloverD a:hover { background-image:url(images/menu/over/ourdifferene.png); padding:0px; margin:0px; float:left;}


/*-------------------------Process Rollover-------------------------------------------*/
#rolloverP{height:62px; width:141px; float:left; padding:0px; margin:0px; clear:both;}
#rolloverP a { display:block; width:141px; clear:both; padding:0px; margin:0px; float:left;}
#rolloverP a:hover { background-image:url(images/menu/over/ourprocess.png); padding:0px; margin:0px; float:left;}


/*-------------------------Portfolio Rollover-------------------------------------------*/
#rolloverW{height:62px; width:106px; float:left; padding:0px; margin:0px; clear:both;}
#rolloverW a { display:block; width:106px; clear:both; padding:0px; margin:0px; float:left;}
#rolloverW a:hover { background-image:url(images/menu/over/portfolio.png); padding:0px; margin:0px; float:left;}


/*-----------------------------------------------------------------------------------------*/

.About {width:108px; float:left; height:62px; margin:0px; padding:0px;}	

.Service{width:132px; float:left; height:62px; margin:0px; padding:0px}
	
.Diffrence {width:147px; float:left; height:62px; margin:0px; padding:0px}

.Process{width:141px; float:left; height:62px; margin:0px; padding:0px}
	
.Portfolio{width:106px; float:left; height:62px; margin:0px; padding:0px}
	
/*-------------------------Importing Fonts-------------------------------------------*/

@font-face {
	font-family:"Swiss911 UCm BT";
  src: url(http://www.weloveitstudio.com/SWZ911XC.ttf) format("truetype");
}

@font-face {
  font-family: "Swiss911 UCm BT";
  src: url(http://www.weloveitstudio.com/SWZ911UC.ttf) format("truetype");
}


/*-------------------request a quote-------------------------*/

#RSline{width:1px; margin:0px; padding:0px; background-position:top; background-image:url(images/line-request.jpg); background-repeat:no-repeat; float:left;
		height:400px;}
	

#MRCont{width:999px; margin:auto; padding:0px;}
	
	
#BCont{width:999px; margin:auto; background-image:url(images/about-head.jpg); background-position:top; padding:0px;  background-repeat:no-repeat; 
	   height:400px;}

/*-------------------request a quote-------------------------*/


#Cont1{width:606px; margin:0px; padding:0px; float:left;}
	
	#B4COPY{width:606px; margin:0px; float:left; margin:0px; height:197px;}
		
	#copyArea2{width:605px; margin:0px; float:left; padding:0px;}
	
	
		
/*-------------------request a quote-------------------------*/		
#Rform{width:392px; margin:0px; float:left; padding:0px;}

	#AcutualForm{width:392px; margin:4px 0px 0px 0px; padding:0px; float:left; background-image:url(images/formback.png); background-repeat:repeat-y;}
	
	#R-form{width:376px; margin:8px; padding:0px; background-image:url(images/back-table.png); background-repeat:repeat-y;}
		
	.requestTop{background-image:url(images/reuest-top.png); background-repeat:repeat-x; height:25px; padding-left:12px;}
		
	.formtext{font-family:Arial, Helvetica, sans-serif; padding-left:12px; color:#9f9b96; font-size:11px;}
		
		
		
		

/*-------------------request a quote-------------------------*/
#RRline{width:1px; margin:0px; padding:0px; float:right;}
	
#RRright{width:100%; background-image:url(images/reapeat-right-back.png); background-repeat:repeat-x; float:left; background-position:top; height:259px;}

#Rleft{width:100%; background-image:url(images/left.png); background-repeat:repeat-x; float:left; background-position:top; height:259px;}
	
.RR{background-image:url(images/rightback.jpg); background-repeat:no-repeat; background-position:left; background-position:top;}
	
#linecontM2{width:1px; background-repeat:no-repeat; background-position:top; background-image:url(images/linemid.png); float:right; margin:0px; height:260px;}

#ContactCPY{width:605px; margin:0px; float:left; padding:0px;}

#content2{width:508px; float:left; margin:15px 65px  15px 32px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58; line-height:16px;}

#Heading2{width:573px; height:32px; float:left; margin:36px 0px 0px 32px;}

.link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58; text-decoration: none;}
.link a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58; text-decoration:none;}
.link a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58; text-decoration: none;}
.link a:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58; text-decoration: none;}
.link a:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d58; text-decoration: none;}