/* CSS Document */
body{padding:0px; margin:0 auto; position:relative; background: url(images/header-bg.jpg) 0 0 repeat-x #d5edd6; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;}
div, p, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/* TOP PANEL */
#topPan{width:700px; height:252px; position:relative; margin:0 auto; padding:0;}
#topPan h1{width:311px; height:215px; background:url(images/header-img1.jpg) 0 0 no-repeat #FEEBB0; color:#fff; text-indent:-2000px;}
#topPan img{width:372px; height:91px; position:absolute; top:124px; right:0px; margin:0px; padding:0px;}
#topPan ul{width:376px; height:32px; display:block; position:absolute; top:215px; right:0px; margin:0px; padding:0px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff;}
#topPan ul li{
	float:left;
	display:block;
	width:94px;
	height:32px;
	background:url(images/menu-devider.gif) right top no-repeat;
}
#topPan ul li span{
	display:block;
	width:94px;
	height:32px;
	background:url(images/menu-hover.gif) 50% 0 no-repeat;
	font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#topPan ul li a{
	display:block;
	width:91.25px;
	height:32px;
	background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714;
	color:#fff;
	font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#topPan ul li a:hover{
	display:block;
	width:94px;
	background:url(images/menu-hover.gif) 50% 0 no-repeat;
	text-decoration:none; /*position:fixed;*/
	margin:0;
	padding:0px;
}
#topPan ul li.contact{
	display:block;
	width:94px;
	height:32px;
	background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714;
	color:#fff;
	font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#topPan ul li.contact:hover{
	display:block;
	width:94px;
	background:url(images/menu-hover.gif) 50% 0 no-repeat;
	text-decoration:none; /*position:fixed;*/
	margin:0;
	padding:0px;
}

/* /TOP PANEL */

/* BODY PANEL */
#bodyPan{width:700px; position:relative; margin:0 auto;}
/* Left Panel */
#leftPan{
	width:240px;
	height:827px;
	display:block;
	float:left;
	margin:0;
	padding-top: 27px;
	padding-right: 45px;
	padding-bottom: 0;
	padding-left: 49px;
}
#leftPan h2{width:177px; height:83px; float:left; display:block; background:url(images/image1.jpg) 0 0 no-repeat #d5edd6; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 70px; margin:0;}
#leftPan h2 span{background:#d5edd6; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#leftPan h3{ width:240px; display:block; float:left; background:none; font-size:18px; font-weight:bold; padding:0; margin:0;}
#leftPan p{display:block; padding:0 0 24px 0;}
#leftPan p.more{height:20px; display:block; margin:0 0 13px 146px; padding:0;} 
#leftPan p.more a{display:block; width:100px; height:20px; background:#d5edd6; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#BF4D02; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
#leftPan p.more a:hover{ background:#d5edd6; color:#FF6500; text-decoration:none;}
#leftPan h4{ width:177px; height:70px; float:left; display:block; background:url(images/image2.jpg) 0 0 no-repeat #d5edd6; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 70px; margin:0; }
#leftPan h4 span{background:#d5edd6; color:#967001; font:14px/16px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#leftPan ul{
	width:241px;
	height:320px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#leftPan ul li.middle{width:22px; height:152px; background:none; float:left; display:block; padding:0; margin:0;}
#leftPan ul li{width:109px; height:122px; display:block; float:left; background: url(images/dot-line.gif) repeat-x 0 100%; padding:0 0 10px 0; margin:20px 0 0 0;}
#leftPan ul li img{width:109px; height:105px; display:block; padding:0; margin:0;}
#leftPan ul li a{ width:70px; height:20px; display:block; background:url(images/arrow.gif) no-repeat 100% 50% #d5edd6; color:#BF4D02; font:12px/20px Georgia, "Times New Roman", Times, serif; text-decoration:none; text-align:center; margin:0 0 0 12px; padding:0;}
#leftPan ul li a:hover{text-decoration:underline; display:block;}
#leftworkPan{width:241px; height:271px; display:block; float:left; margin:10px 0 0; padding:0;} 
#leftPan h5 {
	width:240px;
	height:350px;
	float:left;
	display:block;
	font-weight:bold;
	color:#4D4D4D;
	margin:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 34px;
	background-color: #d5edd6;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#leftPan h5 span {
	background:#d5edd6;
	color:#967001;
	font-weight:bold;
	padding:0;
	margin:10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	list-style-type: none;
}
/* /Left Panel */

/* Right Panel */
#rightPan{
	width:359px;
	height:1400px;
	float:left;
	display:block;
	background:#FFF;
	padding:0;
	color:#666;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#rightPan p{padding:0 63px 0 52px;}
#rightPan p.paddingtop{padding:26px 63px 0 52px; background:#FFF; margin:0 auto; color:#666; font:14px/20px Georgia, "Times New Roman", Times, serif; font-style:italic;}
#rightPan p span.bigsize{ font-family:Georgia,"Times New Roman", Times, serif; font-style:italic; color:#BF4D02; font-size:20px; line-height:20px; background:#fff; padding:0;}
#rightPan p.name{background:#fff; display:block; color:#AC8101; font:18px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; text-align:right; padding:10px 63px 16px  0;}
#rightPan p.dotline{background:url(images/dot-line.gif) 0 0 repeat-x #fff; color:#666; margin:0 63px 0 52px;}
#rightPan h2{display:block; width:160px; height:64px; background:url(images/icon1.jpg) 0 0 no-repeat #fff; font:27px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:1px 0 0 69px; margin:8px 0 0 52px;}
#rightPan h2 span{background:#fff; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#rightPan p.bottompadding{padding:0 63px 22px 52px;}

#rightPan p.more{
	height:10px;
	display:block;
	position:relative;
	margin:0;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 38px;
	padding-left: 200px;
} 
#rightPan p.more a{
	display:block;
	width:100px;
	height:18px;
	background:#fff;
	font:14px/14px Georgia, "Times New Roman", Times, serif;
	color:#BF4D02;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	margin:0;
	padding:0;
}
#rightPan p.more a:hover{ background:#fff; color:#FF6500; text-decoration:none;}
#rightPan img{
	width:278px;
	height:519px;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 62px;
	padding-left: 40px; /*40 */
}

.ffonly {
padding-left: 20px; /*40 */
}
/* /Right Panel */

/* footer Panel */
#mainfooterbody{height:114px; background:url(images/footer-bg.gif) 0 0 repeat-x #4D4D4D; color:#fff; padding:90px 0 0 0; position:relative; margin:0 auto; clear:both;}
#footerPan{width:650px; height:82px; position:relative; margin:0 auto; padding:0 0 0 50px;}
#footerPan ul{
	width:290px;
	display:block;
	position:absolute;
	right:0px;
	top:26px;
	padding:0;
}
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{
	padding:0 0 0 10px;
	color:#fff;
	text-decoration:none;
	background-color: #25af38;
}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul li a.padl{padding:0 0 0 14px;}

#footerPan ul.domaindesignagency{
	width:350px;
	color:#fff;
	display:block;
	position:absolute;
	top:74px;
	right:8px;
	background-color: #51c960;
}
#footerPan ul.domaindesignagency li a{
	display:block;
	color:#fff;
	text-decoration:none;
	background-color: #51c960;
}
#footerPan ul.domaindesignagency li a:hover{text-decoration:underline;}

#footerPan p{
	display:block;
	position:absolute;
	top:0px;
	right:50px;
	color:#666666;
	background-color: #3dbd4e;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin-top: 54px;
	margin-right: 45px;
	margin-bottom: 0;
	margin-left: 0;
}
#footerPanleft{
	width:285px;
	height:82px;
	float:left;
	background:url(images/vertical-dot.gif) 100% 0 repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footerPanleft img{
	width:260px;
	height:54px;
	margin-top: 22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
