/* 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.	Text
	8.	Gallery
	9.	Text Area /  Form

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

	body {
	margin: 0; padding: 0; background:#FFFFFF;
	}
	#hid {
	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:#000000;
	padding-left: 20px; padding-right:20px;
	}
	p a{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#336699;
	text-decoration:underline; font-weight:bold;
	}
	p :hover{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#CC0033;
	text-decoration:underline; font-weight:bold;
	}
	.img_pad01{
	padding-left: 10px;
	}
	.img_pad02{
	padding-top: 25px;  padding-left: 10px;
	}
	.img_pad03{
	padding-top: 25px; padding-left: 50px;
	}
	hr{
	border-width: 1px; border-color:#CCCCCC; 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:#FFFFFF; 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:#000000;
	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: 172px;
	background-color:#FFFFFF; float:left;
	}

	/*	-------------------------------------------------------------
								6
	-------------------------------------------------------------	*/
	
	.moasa #Content{
	width: 1004px; margin-left: 0px; margin-top: 0px; height: auto;
	background-color:#FFFFFF; float:left;
	}
	.moasa #Content_Left{
	width: 704px; margin-left: 0px; margin-top: 0px; height: auto;
	background-color:#FFFFFF; float:left; overflow:hidden;
	}
	.moasa #Content_Right{
	width: 300px; margin-left: 0px; margin-top: 0px; height: auto;
	background-color:#FFFFFF; float:left;
	}

	/*	-------------------------------------------------------------
								7
	-------------------------------------------------------------	*/
	
	h1{
	font-family:Arial, Helvetica, sans-serif; font-size: 18px; text-align:left; color:#000000;
	padding-left: 20px; padding-right:20px; font-weight:bold; padding-top: 0px;
	}
	h3{
	font-family:Arial, Helvetica, sans-serif; font-size: 18px; text-align:left; color:#FFCC99;
	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;
	}
	.txt1{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#000000;
	padding-left: 25px; 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-seriff; font-size:12px; text-align:left; color:#CC0033;
	text-decoration:underline; font-weight:bold;
	}
	.txt2{
	font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; color:#669999; 
	padding-left: 0px;
	}
	.txt3{
	font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; color:#CC0000;
	padding-left: 0px;
	}
	.txt3 a{
    color:#333333; text-decoration:underline;
	}
	.txt3 :hover{
    color:#CC0000; text-decoration:underline;
	}
	.txt4{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#000000;
	padding-left: 20px; padding-right:20px; padding-top: 0px;
	}
	.txt4 a{
    color:#336699; text-decoration:underline; font-size:11px; 
	}
	.txt4 :hover{
    color:#CC0033; text-decoration:underline; font-size:11px; 
	}
	.txt5{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#FFFFFF; 
	padding-left: 0px; font-weight:bold;
	}
	.txt5 a{
    color:#FFFFFF; text-decoration:underline;
	}
	.txt5 :hover{
    color:#FFFFFF; text-decoration:underline;
	}

	
	
	/*	-------------------------------------------------------------
								8
	-------------------------------------------------------------	*/	
	.moasa #gallery_wrap{
	width: 704px; height: auto; display:block;
	margin-top: 10px; margin-left: 0px; float:left;
	}
	.moasa #gallery_wrap_middle{
	width: 704px; height: auto; display:block;
	margin-top: 0px; margin-left: 20px; float:left;
	}
	.moasa #gallery_icon{
	width: 75px; height: 75px; display:block;
	margin-top: 5px; margin-left: 4px; float:left;
	}
	.moasa #gallery_slicer{
	width: 704px; height: 5px; display:block;
	margin-top: 0px; margin-left: 0px; background-color:#FFFFFF; float:left;
	}
	
	/*	-------------------------------------------------------------
								9
	-------------------------------------------------------------	*/
	.moasa #textarea_wrap{
	width: 250px; height: auto;	margin-top: 0px; margin-left: 0px; float:left;
	}
	.moasa #textarea_wrap_txt{
	width: 454px; height: auto; display:block;
	margin-top: 0px; margin-left: 0px; float:left;
	}
	.txtarea{
	width: 178PX; height: 13px; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; color:#172F300; border: 1px solid #172F30;
	text-align:left; background: url('../images/input_1.jpg') no-repeat 0 0;
	}
	.txtarea2{
	width: 176px; height: 54px; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; color:#172F300; border: 1px solid #172F30;
	text-align:left; background: url('../images/input_2.jpg') no-repeat 0 0;
	}