/* Hello!! Thanks for visiting css doc */

/*	-------------------------------------------------------------
							
		This css document own by  >> www.thinkfaqtory.com <<
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor         moasa : Mohan Asanga Perera - www.thinkfaqtory.com
	.version       1.0
	.url      	   www.thinkfaqtory.com
	.timestamp     25 march 2009
*/

/*	-------------------------------------------------------------
	TFQ - moasa- Site content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1.  Body
	2.  Main Container / wrappers
	3.  Footer
	4.	Top / Navigation
	5.	Banner
	6.	Projects
	7.	Services / Links
	8.	Attractive Images
	9.	Text

	
/*	-------------------------------------------------------------
								1
	-------------------------------------------------------------	*/	

	body {
	margin: 0; padding: 0; background:#000000;
	}
	#hid {
	visibility: hidden; height: 0; width: 0; margin: opx; padding: opx; display:none;
	}
	.old-browser{
	visibility: hidden; height: 0; width: 0; margin: opx; padding: opx; display:none;
	}
	.hid {
	visibility: hidden; height: 0; width: 0; margin: opx; padding: opx; display:none;
	}
	img, div { behavior: url(iepngfix/iepngfix.htc) }
	
	p{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#FFFFFF;
	padding-left: 20px; padding-right:20px;
	}
	.img_pad01{
	padding-left: 10px;
	}
	.img_pad02{
	padding-top: 25px;  padding-left: 10px;
	}
	.img_pad03{
	padding-top: 25px; padding-left: 50px;
	}
	.img_pad04{
	padding-left: 15px;
	}
	hr{
	border-width: 1px; border-color:#333333; border-style:solid; width:800px;
	}

/*	-------------------------------------------------------------
								2
	-------------------------------------------------------------	*/	
	.moasa #container {
	width: 1004px; margin: 0 auto; border:0;
	}
	.moasa #mainContent {
	 border:0; padding: 0 0px; /*margin-top: 0px; margin-left: 0px; position:absolute;*/
	}
	
/*	-------------------------------------------------------------
								3
	-------------------------------------------------------------	*/
	
	#footer{
	clear: left; width: 100%; height:40px; background-color:#000000; text-align: center;
	}
	.footertxt{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:#CCCCCC;
	padding-left: 10px; padding-right:20px;
	}
	.footertxt a{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#999999;
	text-decoration:none;
	}
	.footertxt :hover{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#CCCCCC;
	text-decoration:none; 
	}
/*	-------------------------------------------------------------
								4
	-------------------------------------------------------------	*/
	.moasa #Top_Wrapper {
	width: 1004px; margin-left: 0px; margin-top: 0px; height: 76px;
	background-color:#000000; float:left;
	}
	.moasa #Top_Tfq_Logo {
	width: 348px; margin-left: 0px; margin-top: 0px; height: 76px;
	background-color:#000000; float:left;
	}
	.moasa #Top_Navigation{
	width: 656px; margin-left: 0px; margin-top: 0px; height: 76px;
	background-color:#000000; float:left; background-image:url(../images/white_tape.jpg);
	background-repeat:no-repeat;
	}
	#navi{
	font-size:17px; font-family:"Times New Roman", Times, serif; color:#000000;
	text-align:left; padding-top: 13px; padding-left: 25px;
	}
	#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 8px; 
	}
	#navi li {
	display: inline;
	}
	#navi a:link, #navi a:visited {
	margin-right: 20px;
	padding: 2px 12px 2px 6px;
	color: #A62020;
	text-decoration: none;
	font-size:17px; font-family:"Times New Roman", Times, serif; color:#000000;
	}
	#navi a:hover{
	color: #656565;
	}

/*	-------------------------------------------------------------
								5
	-------------------------------------------------------------	*/
	
	.moasa #Top_Banner{
	width: 1004px; margin-left: 0px; margin-top: 0px; height: 437px;
	background-color:#000000; float:left;
	background-image:url(../images/designing_is_our_destiny.jpg); background-repeat:no-repeat;
	}
/*	-------------------------------------------------------------
								6
	-------------------------------------------------------------	*/
	
	.moasa #Projects{
	width: 1004px; margin-left: 0px; margin-top: 0px; height: 242px;
	background-color:#000000; float:left;
	background-image:url(../images/tfq_projects.jpg); background-repeat:no-repeat;
	}
	.moasa #Projects_Left_wrapper{
	width: 520px; margin-left: 0px; margin-top: 0px; height: 242px;
	float:left;
	}
	.moasa #Projects_Right_wrapper{
	width: 484px; margin-left: 0px; margin-top: 0px; height: 242px;
	float:left;
	}
	.moasa #Projects_Left_header01{
	width: 520px; margin-left: 0px; margin-top: 0px; height: 79px;
	float:left;
	}
	.moasa #Projects_Left_header01_txt{
	width: 520px; margin-left: 0px; margin-top: 0px; height: 163px;
	float:left;
	}
	.moasa #Projects_Right_header01{
	width: 70px; margin-left: 0px; margin-top: 0px; height: 242px;
	float:left;
	}
	.moasa #Projects_Right_projects{
	width: 378px; margin-left: 0px; margin-top: 0px; height: 242px;
	float:left;
	}
/*	-------------------------------------------------------------
								7
	-------------------------------------------------------------	*/
	
	.moasa #Things_We_Do{
	width: 1004px; margin-left: 0px; margin-top: 0px; height: 246px;
	background-color:#000000; float:left;
	background-image:url(../images/things_we_do.jpg); background-repeat:no-repeat;
	}
	.moasa #Things_Left_wrapper{
	width: 520px; margin-left: 0px; margin-top: 0px; height: 246px;
	float:left;
	}
	.moasa #Things_Right_wrapper{
	width: 484px; margin-left: 0px; margin-top: 0px; height: 246px;
	float:left;
	}
	.moasa #Things_Left_wedo_img{
	width: 220px; margin-left: 0px; margin-top: 0px; height: 246px;
	float:left;
	}
	.moasa #Things_Left_wedo_txt{
	width: 300px; margin-left: 0px; margin-top: 46px; height: 200px;
	float:left;
	}
	
/*	-------------------------------------------------------------
								8
	-------------------------------------------------------------	*/
	
	.moasa #Attractive_Links{
	width: 1004px; margin-left: 0px; margin-top: 0px; height: 274px;
	background-color:#000000; float:left;
	background-image:url(../images/attractive_links.jpg); background-repeat:no-repeat;
	}
	.moasa #Attractive_Images{
	width: 1004px; margin-left: 0px; margin-top: 0px; height: 274px;
	float:left;
	}
	
	/*	-------------------------------------------------------------
								9
	-------------------------------------------------------------	*/
	
	.txt1{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#FFFFFF;
	padding-left: 10px; padding-right:20px; line-height: 20px; list-style-type:square;
	}
	.txt1 a{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#336699;
	text-decoration:underline; font-weight:bold;
	}
	.txt1 :hover{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#CC0033;
	text-decoration:underline; font-weight:bold;
	}
	h1{
	font-family:Arial, Helvetica, sans-serif; font-size: 18px; text-align:left; color:#FFFFFF;
	padding-left: 20px; padding-right:20px; font-weight:bold; padding-top: 0px;
	}
	h2{
	font-family:Arial, Helvetica, sans-serif; font-size: 13px; text-align:left; color:#666666;
	padding-left: 20px; padding-right:20px; font-weight:bold; padding-top: 0px; text-decoration:underline;
	}