@charset "utf-8"; /* CSS Document */  body { margin:0px; padding:0px; background: url(../images/pcmu-in-Mauritius-body-bg.jpg) left top repeat-x #FFF; } * { margin:0px; padding:0px; } img { border:0px; } img a { border:0px; 

} p { margin:7px 0px; } .left { float:left; } .right { float:right; } .clear { clear:both; height:0px; } .container { width:951px; height:auto; margin:0px auto; text-align:center; 

} .header { width:951px; height:201px; float:left; text-align:left; 

} .keyword { width:951px; height:1px; float:left; text-align:left; } .header-top { width:951px; height:0px; float:left; text-align:left; 

} .header-bottom { width:917px; height:0px; float:left; text-align:left; padding:0px 35px; 

} .header-bottom-box { width:917px; height:0px; float:left; text-align:left; background:url(../gif/blank.gif) left bottom repeat-x; 

} .menu-box { width:918px; height:0px; float:left; text-align:left; background:url(../images/pcmu-custom-built-pc-and-web-design.jpg) left top no-repeat; 


} .menu-left { width:706px; height:0px; float:left; text-align:left; 

} .menu-right { width:210px; height:0px; float:right; text-align:left; padding-top:0px; 

} /* CSS Menu */ .navcontainer { 		width:706px;         margin:0px;         padding:0px;         height:0px; 		float:left; 		


}  .navcontainer ul {         border: 0px;         margin: 0px;         padding: 0px;         list-style-type: none;         text-align: center; 


}  .navcontainer ul li {         display: block;         float: left;         text-align: center;         padding: 0px;         margin: 0px; 		height:56px; 		

}  .navcontainer ul li a {         width:75px;         height: 0px;         margin: 0px; 		padding:0px;         color: #FFF;         text-decoration: none;         display: block;         text-align: center;         font: bold 16px/37px Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; 		font-style:inherit; 		font-style:italic; 	


}  .navcontainer ul li a:hover {         color: #ff9900;         font: bold 16px/37px Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; 		text-decoration:none; 		display:block; 		height:56px; 		font-style:italic; 		


} .navcontainer li.active a {         color: #ff9900; 		display:block; 				font: bold 16px/37px Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; 		text-decoration:none; 		height:0px; 		font-style:italic; 	


} .navcontainer ul li a.big { width:179px; 


} .navcontainer ul li a.medium  { width:135px; 

} .navcontainer ul li a.small  { width:109px; 

} .navcontainer ul li a.about { width:95px; 


} .header-call-us-box { width:898px; height:27px; float:left; text-align:left; padding:0px 9px; 

} .header-boder-box { width:898px; height:26px; float: left; text-align:left; border-bottom:1px solid #dddfe0; 

} .boder-box-left { width:500px; height:26px; float:left; text-align:left; color: #2d4387; 

} .boder-box-right { width:300px; height:26px; float:right; text-align:right; 

} .body-main { width:917px; height:auto; margin:0px auto; text-align:center; clear:both; 

} .body-container { width:917px; float:left; height:auto; text-align:left; background-color: #FFF; 

} .body-top { width:901px; height:auto; float:left; text-align:left; padding:10px 8px 0px 8px; background-color:#FFF; 

} .body-top-left { width:645px; height:auto; float:left; text-align:left; 

} .top-business-box { width:645px; height:auto; float:left; text-align:left; padding-bottom:15px; 

} .body-top-right { width:248px; height:auto; float:right; text-align:left; 


} .service-box { width:248px; height:auto; float:left; text-align:left; padding-bottom:10px; 



} .service-round-top { width:248px; height:20px; float: left; text-align:left; 


} .service-inside-box { width:248px; height:auto; float:left; text-align:left; background:url(../images/advert-internal-bg.jpg) left top repeat-y; padding-left:12px; 






} .contact-box { width:200px; height:auto; float:left; text-align:left; padding-left:25px; 















} .input { width:170px; height:18px; background-color:#FFF; border:1px solid #a09a94; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height:16px; font-weight:normal; font-variant: normal; text-transform: none; color:#000000; text-decoration: none; text-align:left; float:left; padding-top:3px; padding-left:4px; margin-bottom:5px; 


}  .input2 { width:170px; height:24px; background-color:#F7941F; border:1px solid #a09a94; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight:bold; font-variant: normal; text-transform: none; color:#FFFFFF; text-decoration: none; text-align:left; float:left; padding-top:3px; padding-left:4px; margin-bottom:5px; 


}  /* sub-navigation */	 	 .subnav{ 	color: #105aa5; 	font: normal 18px/32px Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; 	width:227px; 	height:auto; 	float:left; 	font-style:italic; 	




} .service-round-bottom { width:248px; height:20px; float:left; text-align:left; 


} .comments-box { width:211px; height:auto; float:left; text-align:left; padding:20px 8px 0px 8px;    


} .body-bottom { width:917px; height:auto; float:left; text-align:left; padding:0px 1px; 



} .bottom-left { width:310px; height:auto; float:left; text-align:left; } .bottom-right { width:562px; height:auto; float:right; text-align:left; 


} .service-glance-box { width:195px; height:auto; float:left; text-align:left; } /* service */	 	 .service{ 	color: #999999; 	font: normal 11px/16px  Arial, Helvetica, sans-serif; 	width:195px; 	height:auto; 	float:left; 	


} .service ul {margin: 0; padding: 0;} .service li { 	list-style: none; 	width:195px; 	height:14px; 	font: normal 11px/16px Arial, Helvetica, sans-serif; 	color: #999999; 	


} .service ul li a { 	display: block; 	width:195px; 	height:14px; 	text-decoration: none; 	color: #999999; 	font: normal 11px/16px Arial, Helvetica, sans-serif; 


} .service ul li a:hover { 	color: #ff9900; 	font: normal 11px/16px Arial, Helvetica, sans-serif; 	height:14px; 	text-decoration:none; 


} .service ul li a.active { 	color: #ff9900;	 	font: normal 11px/16px Arial, Helvetica, sans-serif; 	height:14px; 	text-decoration:none; 


} .website-quote-box { width:340px; height:auto; float:right; text-align:left; 


} .bottom-title { float:left; margin-right:6px; 




} .inner-image-box { width:632px; height:auto; float:left; text-align: left; color: #7d644e; font: normal 11px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:2px 0px 10px 0px; 


} .inner-image-box a { color: #7d644e; font: normal 11px/16px Arial, Helvetica, sans-serif; text-decoration:underline; 


} .inner-image-box a:hover { color: #ff9900; font: normal 11px/16px Arial, Helvetica, sans-serif; text-decoration:underline; 


} .inner-bg { float:left; margin-right:20px; 


} .right-image-box { width:227px; height:auto; float:left; text-align:center; padding-top:20px; 


} .footer { width:917px; height:auto; margin:0px auto; text-align:center; 


} .footer a { text-decoration:none; color: #FFF; font: normal 11px/18px Arial, Helvetica, sans-serif; 


} .footer a:hover { color: #ff9900; text-decoration: underline; font: normal 11px/18px Arial, Helvetica, sans-serif; 




} .footer-bottom { width:917px; height:auto; float:left; text-align:center; padding:10px 0px; color:#80664f; font: normal 11px/16px Arial, Helvetica, sans-serif; 


} .footer-bottom a { color:#80664f; text-decoration:none; 


} .footer-bottom a:hover { color:#FF9900; text-decoration:none; } .footer-th { margin-right:10px; 


} /* CSS Text Document */ body{ 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	font-style: normal; 	line-height: 18px; 	font-weight:normal; 	font-variant: normal; 	text-transform: none; 	color: #04010a; 	text-decoration: none; 


} body a { 	color: #10365D; 	font:bold 12px/18px Arial, Helvetica, sans-serif; 	text-decoration: none; 	border:0px; 


} body a:hover { 	color: #ff9d00; 	font:bold 12px/18px Arial, Helvetica, sans-serif; 	text-decoration: underline; 	border:0px; 


} h1 { font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; 	font-size: 22px; 	line-height: 36px; 	font-weight: bold; 	font-variant: normal; 	color: #f7931e; 	text-decoration: none; 	text-align:justify; 


} h2 { 	font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; 	font-size: 17px; 	font-style: normal; 	line-height: 24px; 	font-weight: bold; 	font-variant: normal; 	color: #80664f; 	text-decoration: none; 


} h3 { 	font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; 	font-size: 17px; 	font-style: normal; 	line-height: 36px; 	font-weight: bold; 	font-variant: normal; 	color: #f7931e; 	text-decoration: none; 


} h4 { 	font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; 	font-size: 17px; 	line-height: 22px; 	font-weight: bold; 	font-variant: normal; 	color: #89705b; 	text-decoration: none; 


} h5 { 	font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; 	font-size: 17px; 	line-height: 22px; 	font-weight: bold; 	font-variant: normal; 	color: #89705b; 	text-decoration: none; 


} .blue-link { 	color: #2d4387; 	font:normal 12px/18px Arial, Helvetica, sans-serif; 	text-decoration: none; 


} .blue-link:hover { 	color: #f7931e; 	font:normal 12px/18px Arial, Helvetica, sans-serif; 	text-decoration: underline; 


} .portfolio-link { 	font-family: Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; 	font-size: 18px; 	line-height: 20px; 	font-weight: normal; 	font-variant: normal; 	color: #FFF; 	text-decoration: none; 	text-align:justify; 	font-style:italic; 


} .portfolio-link:hover { 	color:#10365D; 	font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif; 	font-size: 18px; 	line-height: 20px; 	font-weight: normal; 	font-variant: normal; 	text-decoration: none; 	text-align:justify; 	font-style:italic; 	text-decoration:none; 


} .style1 {color: #F7941F

} .style2 {color: #f7931e

} .style3 {font-weight: bold; color: #000066;

} .style4 {	color: #FF9900; 	font-weight: bold; 


} .style5 {	color: #f7931e; 	font-weight: bold; 

} .style6 {color: #10365D

} .style8 { 	font-size: 18px; 	font-family: "Trebuchet MS"; 	font-style: italic; 


} a.grey:link { 	color: #999999; 	text-decoration: none; 		font-size: 11px; 

} a.grey:visited { 	text-decoration: none; 	color: #999999; 	font-size: 11px; 

} a.grey:hover { 	text-decoration: underline; 	color: #CCCCCC; 	font-size: 11px; 

} a.grey:active { 	text-decoration: none; 	color: #999999; 	font-size: 11px; 

}




} .footer a:hover { color: #ff9900; text-decoration: underline; font: normal 11px/18px Arial, Helvetica, sans-serif; 


} .footer-top { width:917px; height:48px; float:left; text-align:center; background:url(../images/pcmu-bottom.jpg) left top no-repeat; padding-top:10px; color: #FFF; font-size:11px; 


} .footer-bottom { width:917px; height:auto; float:left; text-align:center; padding:10px 0px; color:#80664f; font: normal 11px/16px Arial, Helvetica, sans-serif; 



} .footer-bottom a { color:#80664f; text-decoration:none; } .footer-bottom a:hover { color:#FF9900; text-decoration:none; 


} .footer-th { margin-right:10px;