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

	/*	-------------------------------------------------------------
					***** website by Think Faqtory
							
							This css document own by  >> www.thinkfaqtory.com <<
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor         Mohan Asanga Perera - www.thinkfaqtory.com
	.version       1.0
	.url      	   www.!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!.com
	.timestamp     17/01/2009 .. 20/01/2009
	
	>>>>>>>>>>>>>>>>>>>>>>. Website Technology : by mohan : <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
	
	>>>>>>>>>	Tableless hand coded Css	<<<<<<<<<<<<<<
	>>>>>>>>>	Hxtml						<<<<<<<<<<<<<<
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	EVENTS  - Site content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1.  Body
	2.  Main Container / wrappers
	3.  Footer
	4.  Wrappers
	5.  Text
	6.  Gallery

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

	body {
	margin: 0; padding: 0; background:#000000;
	}
	#hid {
	visibility: hidden; height: 0; width: 0; margin: opx; padding: opx; display:none;
	}
	img, div { behavior: url(iepngfix/iepngfix.htc) } 
	
	.cur1{
	cursor:crosshair;
	 }

/*	-------------------------------------------------------------
								2
	-------------------------------------------------------------	*/	
	.miracle #container {
	width: 780px; margin: 0 auto; border:0; background-image:url(../images/backer.jpg);
	background-repeat:repeat-y;
	}
	.miracle #mainContent {
	 border:0; padding: 0 0px; margin-top: 30px; /*margin-left: 0px; position:absolute;*/
	}
	
/*	-------------------------------------------------------------
								3
	-------------------------------------------------------------	*/
	
	#footer{
	clear: left; width: 100%; height:58px; background-color:#000000;
	background-image:url(../images/footer.jpg); background-repeat:repeat-x;
	}
	.footertxt{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	color:#707070; text-align:center; padding-top: 30px;
	}
	.footertxt a{
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#74A00D;
	text-decoration:none;
	}
	.footertxt :hover{
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#B2ED19;
	text-decoration:none;
	}
/*	-------------------------------------------------------------
								4
	-------------------------------------------------------------	*/
	.miracle #wrapper1{
	display:block; width:200px; height:auto; float:left;
	margin-left: 0px; margin-top: 0px;
	}
	.miracle #wrapper2{
	display:block; width: 332px; height:auto; float:left;
	margin-left: 0px; margin-top: 0px;
	}
	.miracle #wrapper3{
	display:block; width: 246px; height:auto; float:left;
	margin-left: 0px; margin-top: 0px;
	}
	.miracle #logo{
	display:block; width: 200px; height: 195px;
	margin-top: 0px; margin-left:0px;
	}
	.miracle #navigation{
	display:block; width: 200px; height: 150px;
	margin-top: 0px; margin-left:0px; background-image:url(../images/navigation.jpg);
	background-repeat:repeat-y;
	}
	.miracle #nav_left{
	display:block; width: 56px; height: 150px;
	margin-top: 0px; margin-left: opx; float:left;
	}
	.miracle #nav_right{
	display:block; width: 144px; height: 150px;
	margin-top: 0px; margin-left: opx; float:left;
	}
	.miracle #nav_inner{
	display:block; width: 144px; height: auto;
	margin-top: 0px; margin-left: opx; float:left;
	}
	.miracle #banner{
	display:block; width: 332px; height: 41px;
	margin-top: 21px; margin-left:0px;
	}
	.miracle #textwrap{
	display:block; width: 332px; height: auto;
	margin-top: 5px; margin-left:0px;
	}
	.miracle #main_image{
	display:block; width: 246px; height: auto;
	margin-top: 120px; margin-left:0px; position:absolute;
	}
	
/*	-------------------------------------------------------------
								5
	-------------------------------------------------------------	*/
	
	h1{
	font-family:Helvetica, Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align:left; color:#FF7200; font-size:13px;
	padding-left: 20px; padding-right: 10px; font-weight: 700px;
	}
	h2{
	font-family:Helvetica, Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align:left; color:#FFFFFF; font-size:12px;
	padding-left: 20px; padding-right: 10px; font-weight: 100px;
	}
	.text1{
	font-family:Helvetica, Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align:left; color:#707070; font-size:11px; padding-left: 20px; padding-right: 10px;
	}
	.text1 a{
	font-family:Helvetica, Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align:left; color:#74A00D; font-size:11px; text-decoration:none;
	}
	.text1 :hover{
	font-family:Helvetica, Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align:left; color:#B2ED19; font-size:11px; text-decoration:none;
	}
	.text2{
	font-family:Helvetica, Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align:left; color:#707070; font-size:11px; padding-left: 40px; padding-right: 20px;
	}
/*	-------------------------------------------------------------
								6
	-------------------------------------------------------------	*/
	.miracle #gallery{
	display:block; width: 60px; height: 62px;
	margin-top: 0px; margin-left:0px; float:left;
	}