* {
	margin:0;
	padding:0;
	border:none;
	font:11px "Trebuchet MS", Helvetica, sans-serif;
	color:#333;
	line-height:26px;
	behavior:url(includes/iepngfix.htc);
	}
a {
	text-decoration:none;
	}
a:focus {
	outline:none;
	}
b {
	font-weight:700;
	}
h1 {
	font-size:24px;
	}
h2 {
	font-size:20px;
	}
	/* for Internet Explorer */
	/*\*/
	* html h1 {
		margin-top:-3px;
		}
	/**/
img {
	margin-bottom:-1px;
	}
p {
	padding-bottom:26px;
	}
.clear {
	clear:both;
	}	
html, body {
	width:100%;
	height:100%;
	background:url(../images/bg.jpg);
	}
#container {
	position: relative;
	margin: 0 auto;
	width: 864px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	#homecont {
		padding-top:450px;
		width:100%;
		height:97px;
		text-align:center;
		background:url(../images/bg_home.jpg) no-repeat;
		background-position:44px 22px;
		}
		#ornhome {
			position:absolute;
			top:0;
			right:75px;		
			width:190px;
			height:108px;
			background:url(../images/orn_home.png) no-repeat;
			}
		#homecont ul{
			margin-left:195px;
			}
		#homecont li{
			display:inline;
			}
		.mnh_home, .mnh_about, .mnh_product, .mnh_service, .mnh_portfolio, .mnh_link, .mnh_contact {
			float:left;
			margin:0 1px;
			}
		.mnh_home  {
			width:50px;
			height:25px;
			background:url(../images/menu_home_home.jpg) top no-repeat;
			}
		.mnh_about {
			width:82px;
			height:25px;
			background:url(../images/menu_home_about.jpg) top no-repeat;
			}
		.mnh_product {
			width:82px;
			height:25px;
			background:url(../images/menu_home_product.jpg) top no-repeat;
			}
		.mnh_service {
			width:82px;
			height:25px;
			background:url(../images/menu_home_service.jpg) top no-repeat;
			}
		.mnh_portfolio {
			width:90px;
			height:25px;
			background:url(../images/menu_home_portfolio.jpg) top no-repeat;
			}
		.mnh_link  {
			width:50px;
			height:25px;
			background:url(../images/menu_home_link.jpg) top no-repeat;
			}
		.mnh_contact  {
			width:74px;
			height:25px;
			background:url(../images/menu_home_contact.jpg) top no-repeat;
			}
		.mnh_home:hover, .mnh_about:hover, .mnh_product:hover, .mnh_service:hover, .mnh_portfolio:hover, .mnh_link:hover, .mnh_contact:hover {
			background-position:bottom;
			}
	#panelleft {
		float:left;
		padding-top:10px;
		width:313px;
		height:700px;
		background:url(../images/bg_panel_left.jpg) no-repeat;
		background-position:0 28px;
		}
		.mnhome, .mnabout, .mnproduct, .mnservice, .mnportfolio, .mnlink, .mncontact {
			position:absolute;
			display:block;
			} 
		.mnhome {
			top:257px;
			left:75px;
			width:50px;
			height:25px;
			background:url(../images/menu_home.gif) top no-repeat;
			} 
		.mnabout {
			top:258px;
			left:130px;
			width:82px;
			height:25px;
			background:url(../images/menu_about.gif) top no-repeat;
			} 
		.mnproduct {
			top:287px;
			left:107px;
			width:82px;
			height:25px;
			background:url(../images/menu_products.gif) top no-repeat;
			} 
		.mnservice {
			top:287px;
			left:183px;
			width:82px;
			height:25px;
			background:url(../images/menu_service.gif) top no-repeat;
			} 
		.mnportfolio {
			top:315px;
			left:75px;
			width:90px;
			height:25px;
			background:url(../images/menu_portfolio.gif) top no-repeat;
			} 
		.mnlink {
			top:315px;
			left:165px;
			width:50px;
			height:25px;
			background:url(../images/menu_link.gif) top no-repeat;
			} 
		.mncontact {
			top:343px;
			left:108px;
			width:74px;
			height:25px;
			background:url(../images/menu_contact.gif) top no-repeat;
			} 
		.mnhome:hover, .mnabout:hover, .mnproduct:hover, .mnservice:hover, .mnportfolio:hover, .mnlink:hover, .mncontact:hover, .active {
			background-position:bottom;
			cursor:pointer;
			} 
		#ornpanelabout, #ornpanelproduct, #ornpanelservice, #ornpanelportfolio, #ornpanelcontact, #ornpanellink {
			position:absolute;
			top:372px;
			left:0;
			width:369px;
			height:290px;
			background:none;
			}
		#ornpanelabout, #ornpanellink {
			background:url(../images/orn_about.jpg) no-repeat;
			}
		#ornpanelproduct, #ornpanelportfolio {
			background:url(../images/orn_product.jpg) no-repeat;
			}
		#ornpanelservice {
			background:url(../images/orn_service.jpg) no-repeat;
			}
		#ornpanelcontact {
			background:url(../images/orn_contact.jpg) no-repeat;
			}
	#main {
		position:relative;
		float:left;
		padding: 72px 20px 40px 60px;
		width:388px;
		min-height:593px;
		height:auto;
		background:#e6e6e6 url(../images/bg_content.jpg) no-repeat;
		}
	/* for Internet Explorer */
	/*\*/
	* html #main, * html #content {
		height:593px;
		}
	/**/
		#ornabout, #ornproduct, #ornservice, #ornportfolio, #orncontact, #ornlink {
			position:absolute;
			top:0;
			left:318px;
			width:245px;
			height:112px;
			}
		#ornabout, #ornlink {
			background:url(../images/orn_about.png) no-repeat;
			}
		#ornproduct {
			background:url(../images/orn_product.png) no-repeat;
			}
		#ornservice {
			background:url(../images/orn_service.png) no-repeat;
			}
		#ornportfolio {
			background:url(../images/orn_portfolio.png) no-repeat;
			}
		#orncontact {
			background:url(../images/orn_contact.png) no-repeat;
			}
		#content {
			padding: 0 10px 0 20px;
			width:358px;
			min-height:593px;
			height:auto;
			background:url(../images/liner.gif) repeat;
			}
			#content a:hover {
				color:#f2602e;
				}
			#title {
				position:absolute;
				top:90px;
				left:68px;
				}
			#icon {
				margin-left:-15px;
				width:372px;
				}
			.iconweb, .iconcloth, .iconlogo, .icontoy {
				float:left;
				width:90px;
				height:116px;
				}
			.iconweb {
				padding-right:4px;
				background:url(../images/product/icon_web.png) top no-repeat;
				}
			.iconcloth {
				padding-right:4px;
				background:url(../images/product/icon_cloth.png) top no-repeat;
				}
			.iconlogo {
				padding-right:4px;
				background:url(../images/product/icon_logo.png) top no-repeat;
				}
			.icontoy {
				background:url(../images/product/icon_toy.png) top no-repeat;
				}
			.iconweb:hover, .iconcloth:hover, .iconlogo:hover, .icontoy:hover {
				background-position:bottom;
				}
			.servicon {
				padding:0 5px 0 0;
				}
			.portgalery {
				float:left;
				width:112px;
				padding: 0 0 20px 7px;
				}
			.porttext {
				line-height:8px;
				width:112px;
				text-align:center;
				}
			.small {
				font-size:10px;
				}
			#linkcontleft, #linkcontright {
				float:left;
				padding-left:20px;
				width:158px;
				}
			form {
				padding:0 0 20px 20px;
				list-style:none;
				}
			form .label {
				clear:both;
				float:left;
				font-size:14px;
				font-weight:700;
				width:90px;
				}
			form input, form textarea {
				padding:0 5px;
				width:200px;
				line-height:normal;
				}
			form textarea {
				height:173px;
				}
			.btnsend {
				display:block;
				margin-left:85px;
				width:89px;
				height:37px;
				background:url(../images/btn_send.png) top no-repeat;
				}
			.btnsend:hover {
				cursor:pointer;
				background-position:bottom;
				}
			#address {
				padding-left:20px;
				}
	#submenu {
		position:relative;
		float:left;
		margin-top:112px;
		padding-top:10px;
		width:81px;
		background: url(../images/submenu_bg_top.gif) no-repeat;
		}
		.bgsubmn, .bgsubmnline{
			padding-left:11px;
			display:block;
			width:70px;
			height:24px;
			}
		.bgsubmn{
			background:url(../images/submenu_bg.gif) top no-repeat;
			}
		.bgsubmnline{
			background:url(../images/submenu_bg_line.gif) top no-repeat;
			}
		.bgsubmn:hover, .bgsubmnline:hover{
			color:#fff;
			background-position:bottom;
			}
		.bgsubmnbtm{
			width:81px;
			height:10px;
			background:url(../images/submenu_bg_btm.gif) no-repeat;
			}
	#iconlogo {
		padding-top:640px;
		}
		.icmlg {
			float:left;
			height:30px;
			}
		.logoifgf{
			width:40px;
			background:url(../images/iconlogo/ifgf.gif) top no-repeat;
			}
		.logowh{
			width:51px;
			background:url(../images/iconlogo/wh.gif) top no-repeat;
			}
		.logodd{
			width:90px;
			background:url(../images/iconlogo/designdiary.gif) top no-repeat;
			}
		#iconlogo a:hover{
			background-position:bottom;
			}
	
	#footertxt {
		color:#918264;
		text-align:center;
		font:10px Arial, Helvetica, sans-serif;
		}