/* CSS Document */
body{
	padding:0px;
	margin:0 auto;
	position:relative;
	color:#666;
	font:14px/20px Arial;
	font-weight:normal;
	background-color: #EFEFEF;
	background-image: url("../images/interface/header-bg.jpg");
	background-repeat: repeat-x;
	background-position: 0 0;

}

div, p, h1, h2, h3, h4, ul, a, img{
	padding:0px; 
	margin:0px;
}

ul{
	list-style-type:none;
}

/* TOP PANEL */
#topPan{
	width:700px;
	height:172px;
	position:relative;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#topPan h1{
	width:306px;
	height:169px;
	color:#fff;
	text-indent:-2000px;
	background-color: #FEEBB0;
	background-image: url("../images/interface/header-img1.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#topPan img{
	width:372px;
	height:91px;
	position:absolute;
	top:77px;
	right:0px;
	margin:0px;

}
#topPan ul{
	width:526px;
	height:22px;
	display:block;
	position:absolute;
	top:169px;
	right:-77px;

	color:#fff;
	background-color: #FF8714;
	background-image: url("../images/interface/menu-bg.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}
#topPan ul li{
	float:left;
	display:block;
	width:75px;
	height:22px;
	background-image: url("../images/interface/menu-devider.gif");
	background-repeat: no-repeat;
	background-position: right top;

}
#topPan ul li span{
	display:block;
	width:73px;
	height:22px;
	font:11px "Arial",Arial;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	/*background-image: url("../images/interface/menu-hover.gif");
	background-repeat: no-repeat;
	background-position: 50% 0;*/
	background-color: #fff;
	color: #FF8714;
	margin-top:0px;
	padding-top:4px;
	
}
#topPan ul li a{
	display:block;
	width:73px;
	height:15px;
	color:#fff;
	font:11px "Arial",Arial;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	/*background-color: #FF8714;
	background-image: url("../images/interface/menu-bg.gif");*/
	background-repeat: repeat-x;
	margin-top:4px;

	
}
#topPan ul li a:hover{
	display:block;
	width:73px;
	height:22px;
	font:11px "Arial",Arial;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	/*background-image: url("../images/interface/menu-hover.gif");
	background-repeat: no-repeat;
	background-position: 50% 0;*/
	background-color: #fff;
	color: #FF8714;
	margin-top:0px;
	padding-top:4px;
}
#topPan ul li.contact{
	display:block;
	width:75px;
	height:22px;
	color:#fff;
	font:12px "Arial",Arial;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color: #FF8714;
	background-image: url("../images/interface/menu-bg.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}
#topPan ul li.contact:hover{
	display:block;
	width:75px;
	text-decoration:none; /*position:fixed;*/
	margin:0;
	padding:0px;
	background-image: url("../images/interface/menu-hover.gif");
	background-repeat: no-repeat;
	background-position: 50% 0;
}

/* /TOP PANEL */

/* BODY PANEL */
#bodyPan{
	width:700px;
	position:relative;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}
/* Left Panel */
#leftPan{
	width:247px;
	/*height:727px;*/
	display:block;
	float:left;
	margin:0;
	padding-top: 22px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#leftPan h2{
	width:177px;
	height:83px;
	float:left;
	display:block;
	font:27px/34px "Arial",Arial;
	font-weight:bold;
	color:#4D4D4D;
	padding:0 0 0 70px;

	/*background-color: #EFEFEF;*/
	background-image: url("../images/interface/image1.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
}
#leftPan h2 span{
	background:#EFEFEF;
	color:#967001;
	font:14px/14px Arial, Helvetica;
	font-weight:bold;
	padding:0px;
	margin-top: 10px;

}
#leftPan h3{
	width:247px;
	display:block;
	float:left;
	font-size:18px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	background-image: none;
	background-repeat: no-repeat;
}
#leftPan p{
	display:block;
	padding:0 0 5px 0;
	background-repeat: no-repeat;
	font:11px/14px Arial;
}
#leftPan p.more{
	height:20px;
	display:block;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
} 
#leftPan p.more a{
	display:block;
	width:247px;
	/*height:20px;*/
	font:11px/11px Arial;
	color:#BF4D02;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	margin:0px;
	padding:0px;
	background-color: #EFEFEF;
	background-repeat: no-repeat;
}
#leftPan p.more a:hover{
	background:#EFEFEF;
	color:#FF6500;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
}
#leftPan h4{
	width:177px;
	height:10px;
	float:left;
	display:block;
	font:17px/24px "Arial",Arial;
	font-weight:bold;
	color:#4D4D4D;
	padding:0 0 0 0px;
	margin:0;
	background-color: #EFEFEF;
	/*background-image: url("../images/interface/image2.jpg");*/
	background-repeat: no-repeat;
	background-position: 0 0;
}
#leftPan h4 span{
	background:#EFEFEF;
	color:#967001;
	font:14px/14px Arial;
	font-weight:bold;
	padding:0px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#leftPan ul{
	width:241px;
	height:271px;
	display:block;
	float:left;
	margin:0;
	padding:0;
	background-repeat: no-repeat;
}
#leftPan ul li.middle{
	width:22px;
	height:152px;
	float:left;
	display:block;
	padding:0px;
	margin:0px;
	background-image: none;
	background-repeat: no-repeat;
}
#leftPan ul li{
	width:109px;
	height:122px;
	display:block;
	float:left;
	padding:0 0 2px 0;
	margin:0px 0 0 0;
	background-image: url(images/dot-line.gif);
	background-repeat: repeat-x;
	background-position: 0px 100%;
}
#leftPan ul li img{
	
	height:105px;
	display:block;
	padding:0;
	margin:0;
	background-repeat: no-repeat;
}
#leftPan ul li a{
	width:70px;
	height:20px;
	display:block;
	color:#BF4D02;
	font:12px/20px Arial;
	text-decoration:none;
	text-align:center;
	margin:0 0 0 15px;
	padding:0;
	background-color: #EFEFEF;
	/*background-image: url("../images/interface/arrow.gif");*/
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
#leftPan ul li a:hover{
	text-decoration:underline;
	display:block;
	background-repeat: no-repeat;
}
#leftworkPan{
	width:241px;
	height:271px;
	display:block;
	float:left;
	margin:0px 0 0;
	padding:0;
	background-repeat: no-repeat;
} 
/* /Left Panel */

/* Right Panel */
#rightPan{
	width:425px;
	/*height:760px;*/
	float:right;
	display:block;
	color:#666;
	background-color: #FFF;
	background-repeat: no-repeat;
	border:solid 2px  #ccc;

}
#rightPan p{
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 12px;
}
#rightPan p.paddingtop{
	padding:5px 10px 5px 15px;
	color:#666;
	font:13px "Georgia";
	font-style:italic;
	background-color: #FFF;
	background-repeat: no-repeat;
}
#rightPan p span.bigsize{
	font-family:"Georgia";
	font-style:italic;
	color:#BF4D02;
	font-size:16px;
	line-height:0px;
	background-color: #fff;
	background-repeat: no-repeat;
}
#rightPan p.name{
	display:block;
	color:#AC8101;
	font:16px/16px "Georgia";
	font-style:italic;
	font-weight:bold;
	text-align:right;
	padding:5px 10px 5px  0px;
	background-color: #fff;
	background-repeat: no-repeat;
}
#rightPan p.dotline{
	color:#666;
	margin:5px 10px 0px 12px;
	background-color: #fff;
	background-image: url("../images/interface/dot-line.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}
#rightPan h2{
	display:block;
	width:160px;
	height:64px;
	font:27px/30px "Arial",Arial;
	font-weight:bold;
	color:#4D4D4D;
	padding:1px 0 0 19px;
	margin:8px 0 0 12px;
	background-color: #fff;
	background-image: url("../images/interface/icon1.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#rightPan h2 span{
	color:#967001;
	font:14px/14px Arial;
	font-weight:bold;
	padding:0;
	margin:10px 0 0;
	background-color: #fff;
	background-repeat: no-repeat;
}
#rightPan p.bottompadding{
	padding-top: 0px;
	padding-right: 63px;
	padding-bottom: 22px;
	padding-left: 52px;

}
#rightPan p.more{
	height:28px;
	display:block;
	position:relative;
	margin:0;
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 38px;
	padding-left: 180px;
} 
#rightPan p.more a{
	display:block;
	width:130px;
	height:20px;
	font:14px/14px Arial;
	color:#BF4D02;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	margin:0;
	padding:0;
	background-color: #fff;
	background-repeat: no-repeat;
}
#rightPan p.more a:hover{
	color:#FF6500;
	text-decoration:none;
	background-color: #fff;
	background-repeat: no-repeat;
}
/*#rightPan img{
	width:278px;
	height:154px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 62px;
	margin-left: 40px;
}
 /Right Panel */

/* footer Panel */
#mainfooterbody{
	height:114px;
	color:#fff;
	padding:30px 0 0 0;
	position:relative;
	margin:0 auto;
	clear:both;
	/*background-color: #4D4D4D;*/
	background-image: url("../images/interface/footer-bg.gif");
	background-repeat: repeat-x;
	background-position: 0 0;

}
#footerPan{
	width:650px;
	height:82px;
	position:relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footerPan ul{
	width:650px;
	display:block;
	position:absolute;
	right:0px;
	top:36px;
	padding:0;
	background-repeat: no-repeat;
}
#footerPan li{
	float:left;
	font:12px/15px "Arial",Arial;
	font-weight:normal;
	background-repeat: no-repeat;
}
#footerPan ul li a{
	padding:0 0 0 10px;
	color:#fff;
	text-decoration:none;
	/*background-color: #424242;*/
	background-repeat: no-repeat;
}
#footerPan ul li a:hover{
	text-decoration:underline;
	background-repeat: no-repeat;
}
#footerPan ul li a.padl{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
}

#footerPan ul.templateworld{
	width:560px;
	color:#888;
	display:block;
	position:absolute;
	top:54px;
	right:80px;
	/*background-color: #4C4C4C;*/
	background-repeat: no-repeat;
}
#footerPan ul.templateworld li a{
	display:block;
	color:#fff;
	text-decoration:none;
	background-color: #4C4C4C;
	background-repeat: no-repeat;
}
#footerPan ul.templateworld li a:hover{
	text-decoration:underline;
	background-repeat: no-repeat;
}

#footerPan p{
	margin:0px 0px 0 0;
	display:block;
	position:absolute;
	top:0px;
	/*right:40px;*/
	color:#FF833B;
	font:11px/15px "Arial",Arial;
	/*background-color: #484848;*/
	background-repeat: no-repeat;
	left:0px;
}
#footerPan a{
	color:#FF833B;
}
#footerPanleft{
	width:285px;
	height:82px;
	float:left;
	margin:0 auto;
	background-image: url(images/vertical-dot.gif);
	background-repeat: repeat-y;
	background-position: 100% 0px;
}
#footerPanleft img{
	width:260px;
	height:35px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
