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

/* TOP PANEL */
#topPan{width:800px; height:172px; position:relative; margin:0 auto; padding:0;}
#topPan h1{width:323px; height:130px; background:#FEEBB0 url('images/header-img1.jpg') no-repeat 0 0; margin-top:36px;color:#fff; text-indent:-2000px}
#topPan img{width:471px; height:94px; position:absolute; top:36px; left:320px;right:0px; margin:0px; padding:0px;}
#topPan ul{width:450px; height:32px; position:absolute; top:135px; left:320px;right:0px; margin:0px; padding:0px; background:#FF8714 url('images/menu-bg.gif') repeat-x 0 0; color:#fff}
#topPan ul li{float:left; display:block; width:90px; height:32px; background:url('images/menu-devider.gif') no-repeat right top;}
#topPan ul li span{display:block; width:90px; height:32px;  font-weight:bold; text-align:center; text-decoration:none; font-style:normal; font-variant:normal; line-height:32px; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif}
#topPan ul li a{display:block; width:88px; height:32px; background:#FF8714 url('images/menu-bg.gif') repeat-x 0 0; color:#fff; font-weight:bold; text-align:center; text-decoration:none; font-style:normal; font-variant:normal; line-height:32px; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif}
#topPan ul li a:hover {display:block; width:88px; background:url('images/menu-hover.gif') no-repeat 50% 0; height:32px;text-decoration:none;  margin:0; padding:0px}
#topPan ul li a.selected{color:#222;display:block; width:88px; background:url('images/menu-hover.gif') no-repeat 50% 0; height:32px;text-decoration:none;  margin:0; padding:0px}

#topPan ul li.contact{display:block; width:90px; height:32px; background:#FF8714 url('images/menu-bg.gif') repeat-x 0 0; color:#fff; font-weight:bold; text-align:center; text-decoration:none; font-style:normal; font-variant:normal; line-height:32px; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif}
#topPan ul li:hover.contact{display:block; width:90px; background:url('images/menu-hover.gif') no-repeat 50% 0;text-decoration:none; margin:0; padding:0px}
#header_text {position:absolute;left:340px;top:109px;font-size:100%;color:#000080}
/* /TOP PANEL */

/* BODY PANEL */
#bodyPan{width:800px; position:relative; margin:0 auto;}
/* Left Panel */
#leftPan{width:260px; height:auto; display:block; float:left; margin:0; padding:52px 25px 0 44px;}
#leftPan h2{width:200px; height:73px; float:left; display:block; background:#EFEFEF url('images/updates.png') no-repeat 0 0; font-weight:bold; color:#4D4D4D; margin:0; font-style:normal; font-variant:normal; line-height:40px; font-size:27px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-left:55px; padding-right:0; padding-top:0; padding-bottom:0}
#leftPan h2 span{background:#EFEFEF; color:#FF7C06; font-weight:bold; padding:0; font-style:normal; font-variant:normal; line-height:14px; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0}
#leftPan h3{ width:247px; display:block; float:left; background:none; font-size:18px; font-weight:bold; padding:0; padding-bottom:5px;margin:0;}
#leftPan p{ padding:0 0 24px 0; font-size:85%}
#leftPan p a {text-decoration:underline}
#leftPan img.left {
	margin: 5px 5px 0px 0px;
  	border: 2px solid #888;
  	float:left;
}
#leftPan p.more{height:10px; display:block; margin:0 0 40px 80px; padding:0;text-align:right} 
#leftPan p.more a{display:block; width:180px; height:10px; background:#EFEFEF; 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:#EFEFEF; color:#FF6500; text-decoration:none;}
#leftPan h4{ width:177px; height:55px; float:left; display:block; background:#EFEFEF url('images/portfolio.png') no-repeat 0 0; font-weight:bold; color:#4D4D4D; margin:0; font-style:normal; font-variant:normal; line-height:40px; font-size:27px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-left:55px; padding-right:0; padding-top:0; padding-bottom:0 }
#leftPan h4 span{background:#EFEFEF; color:#FF7C06; font-weight:bold; padding:0; font-style:normal; font-variant:normal; line-height:14px; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0}
#leftPan ul{width:270px; height:auto; display:block; float:left; margin:0; padding:0;}
#leftPan ul li.middle{width:15px; height:150px; background:none; float:left; display:block; padding:0; margin:0;}
#leftPan ul li{width:120px; height:110px; display:block; float:left; background: url('images/dot-line.gif') repeat-x 0 100%; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:10px}
#leftPan ul li img{width:120px; height:100px;display:block; padding:0; margin:0;}
#leftPan ul li a{ width:120px; height:20px; display:block; color:#BF4D02; text-decoration:none; text-align:center; padding:0; font-style:normal; font-variant:normal; font-weight:normal; line-height:20px; font-size:12px; font-family:Georgia, Times New Roman, Times, serif; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:0}
#leftPan ul li a:hover{text-decoration:underline; display:block;}
#leftworkPan{width:270px; height:320px; display:block; float:left; margin:10px 0 0; padding:0;} 
/* /Left Panel */

/* Right Panel */
#rightPan{width:454px; height:auto; float:left; display:block; background:#FFF; margin:0 auto; margin-top:0px;padding:0; color:#666;}
#rightPan p{padding:0px 30px 0 35px;}
#rightPan p.paddingtop{padding:26px 53px 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:#fff url('images/dot-line.gif') repeat-x 0 0; color:#666; margin-left:52px; margin-right:63px; margin-top:0; margin-bottom:0}
#rightPan h2{display:block; width:300px; height:74px; background:#fff url('images/services.png') no-repeat 0 0; font-weight:bold; color:#4D4D4D; font-style:normal; font-variant:normal; line-height:40px; font-size:27px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin-left:52px; margin-right:0; margin-top:8px; margin-bottom:00px; padding-left:60px; padding-right:0; padding-top:0px; padding-bottom:0px}
#rightPan h2 span{background:#fff; color:#FF7C06; font-weight:bold; padding:0; font-style:normal; font-variant:normal; line-height:14px; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0}
#rightPan ul.bottompadding{list-style-image: url('images/click_a.gif'); padding-left:52px; padding-right:53px; padding-top:0; padding-bottom:22px}
#rightPan p.more{height:28px; display:block; position:relative; margin:0; padding:13px 0 38px 200px;} 
#rightPan p.more a{display:block; width:100px; height:20px; 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;}
/* /Right Panel */

/* footer Panel */
#mainfooterbody{height:114px; background:#4D4D4D url('images/footer-bg.gif') repeat-x 0 0; color:#fff; position:relative; margin:0 auto; clear:both; padding-left:0; padding-right:0; padding-top:100px; padding-bottom:0}
#footerPan{width:650px; height:82px; position:relative; margin:0 auto; padding:0 0 0 50px;}
#footerPan ul{width:330px; display:block; position:absolute; right:0px; top:16px; 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; background:#424242; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul li a.padl{padding:0 0 0 14px;}

#footerPan ul.templateworld{width:158px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:64px; right:80px;}
#footerPan ul.templateworld li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p{ background:#484848; margin:34px 45px 0 0; display:block; position:absolute; top:30px; right:40px; color:#FF833B; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#footerPanleft{width:285px; height:82px; float:left; margin:0 auto; background:url('images/vertical-dot.gif') repeat-y 100% 0;}
#footerPanleft img{width:233px; height:61px; margin:22px 0 0 0;}

.list {
	font-size:85%;
	padding-bottom:15px; background: url('images/dot-line.gif') repeat-x 0 100%; padding-left:7px; padding-right:7px; padding-top:7px
}
.list a {
	color:#993301;
	text-decoration:none;
}
input {
	padding: 2px;
	border:1px solid #C0C0C0;
	color:#333333;font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Trebuchet MS, Tahoma, sans-serif; background-color:#EAEAEA
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #ccc;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
}
