/* free css ========================
   
   1.tag and common item
   2.header
   3.layout body
   4.menu
   5.footer
   6.content-area
   7.banner
   ======================== free css */

/* 1.tag and common item ======================== */


*,
html{
   margin: 0;
   padding: 0;
   font-size:14px;
   /*default-font-size*/
}

body{
	margin:35px 0 0 0;
	padding: 0;
	font-size: 12px;
	text-align:center;
	background:#6c6c6c;
}

a{color:#000;text-decoration:none;}
a:hover{
	color: #990000;
}
a img{border:none;}

br.f-clear{
	clear:both;
	font-size:0px;
	line-height:0px;
}

.a_center {
	text-align: center;
}

div#wrap {
	text-align:left;
	background:url(./bgW.jpg) top center repeat-y;
	margin:70px auto;
	width:850px;
	text-align:left;
}



/* 2.header ======================== */

div#header{
background:url(./bgH.jpg) top center no-repeat;
padding: 15px;
height:100px;
}
div#header h1{
margin:10px 0 10px 330px;
}	

div#header h1 a{}
div#header h1 a:hover{text-decoration:underline;}

div#header h2{margin-left:330px;
}

/* 3.layout body ======================== */

div#layout-body{
	/*float:left;  (menu -> right) */
	float:right;
	width:550px;
	background:url(./bgC.jpg) top left no-repeat;
}

div#menu-body{
	width:300px;
	float:left;
	background: #fff url(./bgM.jpg) top 10px no-repeat !important;
	background:url(./bgM.jpg) top 12px no-repeat;
	height:100%;
}

div#layout-body div.content-area{padding:30px 30px 0 0;}

/* 4.menu ======================== */

div#menu-body div.menu-content-area{padding:30px 0 0 40px;
}
div#menu-body div.menu-content-area p{
margin-bottom:20px;
font-size:20px;
font-weight:bold;
text-transform:capitalize;
}
div#menu-body div.menu-content-area ul{}
div#menu-body div.menu-content-area ul li{
margin-bottom:2em;
list-style-type:none;
}
div#menu-body div.menu-content-area ul li a{}
div#menu-body div.menu-content-area ul li a:hover{text-decoration:underline;}

/* 5.footer ======================== */

div#footer{
background:url(./bgF.jpg) bottom left no-repeat;
padding:50px 100px 50px 100px;
}
div#footer a{}
div#footer a:hover{}

/* 6.content-area ======================== */

div#layout-body div.content-area h3{
margin-bottom:60px;
font-size:20px;
font-weight:bold;
}
div#layout-body div.content-area p{margin-bottom:1.5em;}
div#layout-body div.content-area p a{color:#FF0000;}
div#layout-body div.content-area p a:hover{
	color: #BABABA;
}
div#layout-body div.content-area ul li{
list-style-type:none;
margin-bottom:1.5em;
}

/* 7.banner ======================== */

body center{
	position:absolute;
	top:0;
	right:0;
}