/* THE MAGIC BEGINS HERE --------------------------------------------------*/



body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;	
	background-color: #fff;
background-image: url(http://www.fwpchina.com/images/bg.gif);
background-repeat: repeat-x; 
background-attachment: fixed; 
font-family: Verdana, Ariel, sans-serif;
font-size: 12px;
     }


.red	{ color: #cc0000; } 

a:link		{ color: #000033;  text-decoration: none; padding-bottom: 0px; border-bottom: 1px solid #aaaacc;}
a		{ }
a:visited	{ color: #222; text-decoration: none; padding-bottom: 0px; border-bottom: 1px solid #CCC;} 
a:active	{ color: #000000; text-decoration: none; padding-bottom: 0px; border-bottom: 1px solid #000;} 
a:hover		{ color: #000000; text-decoration: none; padding-bottom: 0px; border-bottom: 1px solid #cc0000;} 

center {font-family:verdana, sans-serif;}

.friendly	{
		font-family: verdana;		
		margin: 0px 0px 2px 0px;
		font-size: 10px;
		line-height: 10px;
		letter-spacing: 2px;
		}

.friendly_footer{
		font-family: verdana;		
		margin: 0px 0px 0px 0px;
		font-size: 10px;
		line-height: 10px;
		letter-spacing: 2px;
		}



/* HOLDS THE ADDRESS AND TITLE ON TOP WITH IMAGE BACKGROUND */

#topheader {
	width:800px;
        height:250px;
        background-image: url(http://www.fwpchina.com/images/wwestlake.jpg);
        }


/* HOLDS THE ADDRESS AND TITLE ON LEFT TOP */

#top_shaper {
        z-index:12;
	float:left;
	width: 450px;
	font-family: verdana;
	position: relative;
	left:20px;
        text-align:left;
        padding-top: 36px;
}

#china_box {
	float:right;
        padding-right:10px;
	width: 300px;
	font-family: verdana;
	position: relative;
        padding-top:38px;

}

#newsfeed {
			font-family: verdana, sans-serif;
			margin: 0;
			padding: 0;
			font-size: 10px;
			line-height: 11px;
                        width:180px;
}


hr {  border: 0;
      width: 80%;
      color:#EEE;
}

#right-top		{
						position: absolute;
						width: 200px;
						left: 600px;
						top: 40px;
						text-align: right;

						}

.topper	{
		text-align: left;
		font-family: verdana;
		color: #222;
		margin: 10px 0px 0px 0px;
		font-size: 11px;
		line-height: 14px;
	}



#holder		{
			width: 800px;
			margin-right: auto;
			margin-left: auto;
			margin-top: 0px;
			margin-bottom: 0px;
			background-color:#fff;
			text-align: center;
			}








/* HOLDS THE WHOLE BOTTOM PART UNDER THE WEST LAKE IMAGE */			

#holder_content	{
			width: 800px;
			margin: 0px 0px 0px 0px;
			text-align: center;
			background-color:#fff;
		}



/* JUST WHAT IT SAYS LEFT COLUMN */
#left_col	{
			border-right: 1px solid #EEE;
			width: 290px;
			font-size: 11px;
			line-height: 17px;
		}

/* LEFT COLUMN INNER BOX */
#left_col_box	{
			padding: 10px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			float: left;
		}

/* MIDDLE COLUMN */
#zhong_col 	{
			width: 190px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			float: left;
			}

/* MIDDLE COLUMN BOX */
#zhong_box	{
			padding: 10px;
			font-size: 11px;
			line-height: 15px;
		}

/* HOLDS THE ENTIRE PAGE */
#phat_holder 	{
			width: 100%;
			height: 100%;
			margin-right: auto;
			margin-left: auto;
			text-align: center;
			}	

#headerholder {
                         width:800x; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto;
}
/* JUST WHAT IT SAYS */
#right_col	{

			width: 290px;
			font-size: 11px;
			line-height: 17px;
                        float:right;
                        margin: 0px;
		}

/* RIGHT COL BOX (inside the right column) */
#right_col_box	{
			border-left: 1px solid #EEE;
			padding: 10px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			float: left;
			}
/* HOLDS THE MAIN CONTENT ON THE LEFT */
#big_content	{
			
			border-right: 1px solid #EEE;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			float: left;

			}
/* HOLDS THE MAIN CONTENT IN A BOX */
#big_content_box	{
			width: 506px;
			font-size: 11px;
			line-height: 17px;
			padding: 0px 4px 0px 10px;
                        }


#nav 		{
			font-family: verdana;
			font-size: 11px;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			border-bottom: 1px solid #EEE;
			border:solid red 1px;
	}

#footer 	{
			position: relative;
			width: 800px;
			height: 30px;
			border-top: 1px solid #EEE;
			text-align: left;
			padding-top: 10px;
			margin: 0px auto 0px auto;
			text-align: center;
			clear: both;		
		}


p 			{
			font-family: Verdana, Geneva, Arial, sans-serif;
			color: #222;
			margin: 0;
			padding: 0px 0px 7px 0px;
                        font-size:12px;
			}

ul,li 			{
			font-family: Verdana, Geneva, Arial, sans-serif;
			color: #222;
			margin: 0;
			padding: 0px 0px 7px 0px;
			}

/* GRAY BACKGROUND TEXT HEADINGS */
h1			{
			font-family: Verdana, sans-serif;
			color: #444;
			margin: 0px 0px 8px 0px ;
			padding: 4px 4px 2px 4px;
			font-size: 14px;
			line-height: 15px;
			letter-spacing: 2px;
                        border-bottom:1px solid #CCC;
                        background-color:#EEE;
			}

h2			{
			font-family: verdana, sans-serif;
			color: #444;
			margin: 0;
			padding: 4px 10px 4px 10px;
			font-size: 18px;
			line-height: 18px;
			letter-spacing: 2px;
			font-weight: bold;
			text-transform: uppercase;
			}

/* ENTRY HEADLINES */
h3			{
			font-family: verdana, sans-serif;
			color: #444;
			margin: 0;
			padding: 4px 0px 4px 0px;
			font-size: 14px;
			line-height: 15px;
			letter-spacing: 2px;
			font-weight: bold;


			}

h4			{
			font-family: verdana, sans-serif;
			color: #444;
			margin: 0px 0px 20px 0px;
			padding: 4px 0px 0px 0px;
			font-size: 20px;
			line-height: 20px;
			letter-spacing: 0px;
                        border-bottom:1px solid #cc0000;
text-indent:4px;
			}


img {border: 2px solid #EEE;}		
img.header {border: none; text-decoration:none;}







