/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #fff url('../images/bg.gif') left top repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 935px; }

	/* ### header container ### */
	#headerCntr { position: relative; z-index: 40; width: 935px; height: 455px; }
	#headerCntr h1 { position: absolute; top: 72px; left: 6px; }
	#headerCntr h1 a { display: block; width: 270px; height: 80px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### menu box ### */
		.menuBox { width: 935px; }
		.menuBox ul { margin-left: -10px; padding-left: 2px; list-style: none; }
		.menuBox li { padding-right: 2px; line-height: 39px; position: relative; float: left; background: url('../images/sprter.png') right top no-repeat; }
		.menuBox li a { padding-left: 13px; color: #fff; text-transform: uppercase;  text-decoration: none; display: block; }
		.menuBox li a span { padding: 0 26px 0 17px; display: block; }
		.menuBox li a:hover, .menuBox li.selected a, .menuBox li:hover a { color: #e1760d; background: url('../images/lefthover.png') #fff left center no-repeat; }
		.menuBox a:hover span, .menuBox li.selected a span, .menuBox li:hover a span { background: url('../images/righthover.png') right center no-repeat; }
		.menuBox li ul { margin-left: 0px; position: absolute; left: 12px; top: 39px; z-index: 50; width: 238px; display: none; overflow: hidden; background: url('../images/sumanubg.png') left bottom no-repeat;  }
		.menuBox li:hover ul { display: block; }
		.menuBox li li { margin: 0 55px 0 25px; width: 100%; font-size: 12px; float: left; line-height: 30px; background: none;  }
		.menuBox li li a { padding: 0 0 0 0;  color: #fff !important; text-transform: none; text-decoration: none; display: block; background: none!important; }
		.menuBox li li a:hover { margin-left: 0px !important; font-weight:bold; text-decoration: underline; }
		
		/* ### link box ### */
		.linkBox { width: 619px; position: absolute; top: 40px; right: 0px; }	
		.linkBox a { position: absolute; font-size: 10px; color: #dcbe9d; top: 32px; left: 0px; text-decoration: none; }
		.linkBox a.web { top: 82px; left: 0px; }
		.linkBox a.web1 { top: 51px; left: 89px; }
		.linkBox a.web2 { top: 100px; left: 106px; }
		.linkBox a.web3 { top: 27px; left: 186px; }
		.linkBox a.web4 { top: 72px; left: 249px; }
		.linkBox a.web5 { top: 27px; right: 111px; left: auto; }
		.linkBox a.web6 { top: 57px; right: 178px; left: auto; }
		.linkBox a.web7 { top: 102px; right: 199px; left: auto; }
		.linkBox a.web8 { top: 44px; right: 3px; left: auto; }
		.linkBox a:hover { text-decoration: underline; }
		.linkBox .blog { padding-top: 86px; float: right; width: 140px; background: url('../images/arrow.png') left bottom no-repeat; }
		.linkBox p { padding: 0 0 4px 10px; font-size: 14px; text-align: center; color: #616161; font-weight: bold; }
		.linkBox .blog ul { padding-left: 26px; list-style: none; }
		.linkBox .blog li { padding-left: 5px; float: left; }
		.linkBox .blog li a { position: relative; top: 0px; left: 0px; }
		.linkBox .blog li a:hover img { margin-top: -2px; }
		
		/* ### banner box ### */
		.bannerBox { position: absolute; top: 172px; left: 0px; width: 935px; float: left; height: 277px; background: url('../images/bannerbg.png') no-repeat; }
		.bannerBox .left { margin: 14px 0 0 -1px; width: 318px; height: 248px; float: left; background: url('../images/graybg.png') left top no-repeat; }
		.bannerBox h3 { padding-top: 8px; font-size: 17px; line-height: 40px; text-align: center; color: #616161; }
		.bannerBox ul { padding: 18px 0 0 27px; list-style: none; overflow: hidden; }
		.bannerBox li { width: 268px; float: left; line-height: 29px; font-family: Verdana, arial; border-bottom: 1px solid #d3d1d1; font-size: 10px; }
		.bannerBox a { color: #d67305; text-decoration: none; }
		.bannerBox a.link { margin: 20px 13px 0 0; width: 99px; text-align: center; display: block; height: 27px; float: right; color: #fff; line-height: 27px; background: url('../images/orange.png') no-repeat;  }
		.bannerBox li.last { border-bottom: none; }
		.bannerBox li a:hover { text-decoration: underline; }
		.bannerBox a.link:hover { text-decoration: underline }
		.bannerBox .right { width: 611px; float: right; position: relative;	 }
		.bannerBox .right img { padding-top: 0px; margin-right: -20px; float: right; }
		.bannerBox h2 { padding: 60px 0 30px 0; position: absolute; top: 1px; left: 16px;  font-size: 30px; color: #fff; text-align: center; }
		.bannerBox h2 span { font-size: 36px; }
		.bannerBox a.link1 { margin: 213px 0 0 0; width: 169px; height: 48px; font-weight: bold; display: block; line-height: 40px; float: left; font-size: 16px; color: #616161; text-align: center; background: url('../images/button1.png') no-repeat; }
		.bannerBox a.link2 { margin:213px  -63px 0 0; width: 169px; font-weight: bold; height: 48px; display: block; line-height: 40px; float: right; font-size: 16px; color: #616161; text-align: center; background: url('../images/button1.png') no-repeat; }
		.bannerBox a.link1:hover { text-decoration: underline; }
		.bannerBox a.link2:hover { text-decoration: underline; }
		
		#breadcrumbCntr { padding: 10px 0 0 20px;  font-size: 11px; }
		.breadcrumbBox { float: left; }
		.breadcrumbBox a { color: #525252; text-decoration: none; }
		.breadcrumbBox a:hover { color: #888; text-decoration: none; }
		.addthisBox { float: right; margin-right: 8px; width: 165px; text-align:right; }

	/* ### content container ### */
	#contentCntr { padding: 5px 0 14px 0; overflow: hidden; width: 935px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 318px; }
		
			/* ### copy box ### */
			.recentBox { width: 318px; background: url('../images/mid.gif') left top repeat-y; }
			.recentBox .top { width: 318px; background: url('../images/top.gif') left top no-repeat;  }
			.recentBox .bottom { padding: 4px 0 17px 0; overflow: hidden; width: 318px; background: url('../images/bottom.gif') left bottom no-repeat; }
			.recentBox h3 { font-size: 17px; color: #d57205; line-height: 41px; text-align: center; }
			.recentBox ul { padding: 10px 0 5px 0; list-style: none; overflow: hidden; }
			.recentBox li { padding: 7px 0 13px 0; margin-left: 21px; width: 271px; float: left; border-bottom: 1px solid #d3d1d1; }
			.recentBox h4 { padding: 5px 0 10px 0; font-size: 11px; font-family: Verdana, Arial; color: #d67305; text-decoration: underline; }
			.recentBox h4 a { color: #d67305; }
			.recentBox h4 a:hover { color: #333; }
			.recentBox p { font-size: 10px; color: #818181; font-family: Verdana, Arial; }
			.recentBox li.last { border-bottom: none; }

			/* ### slider box ### */
			.sliderBox { margin-top: 6px; width: 318px; background: url('../images/mid.gif') left top repeat-y; }
			.sliderBox .top { width: 318px; background: url('../images/top.gif') left top no-repeat;  }
			.sliderBox .bottom { padding: 6px 7px 20px 7px; position: relative; overflow: hidden; width: 304px; background: url('../images/bottom.gif') left bottom no-repeat; }
			.sliderBox h3 { font-size: 17px; color: #d57205; line-height: 41px; text-align:  center; }
			.sliderBox div#slider li img { padding: 9px; background: url('../images/imageBg.png') no-repeat; }
			.sliderBox div#slider { padding-top: 7px; margin: 0 auto; position: relative; overflow: hidden; width: 181px; height: 181px; }
			.sliderBox div#slider ul { position: relative; overflow: hidden; width: 181px; height: 181px; list-style: none; }
			.sliderBox div#slider li { position: relative; overflow: hidden; width: 181px; height: 181px; float: left; }
			.sliderBox span#prevBtn a { position: absolute; text-indent: -9999px; left: 24px; top: 120px; width: 26px; height: 26px; background: url('../images/prev2.png') no-repeat left top;  }
			.sliderBox span#nextBtn a { position: absolute; text-indent: -9999px; right: 24px; top: 120px; width: 26px; height: 26px; background: url('../images/next2.png') no-repeat left top;  }
			.sliderBox span#prevBtn a:hover, .sliderBox span#nextBtn a:hover { background-position: left bottom; }

		/* ### right container ### */
		#rightCntr { float: right; width: 606px; background: url('../images/graymid.gif') left top repeat-y; }
		#rightCntr #top { width: 606px; background: url('../images/graytop.gif') left top no-repeat; }
		#rightCntr #bootom { padding: 10px 0px 10px 0px; overflow: hidden; width: 606px; background: url('../images/graybottom.gif') left bottom no-repeat; }
		
			/* ### text box ### */
			.textBox { width: 606px; overflow: hidden; }
			.textBox h2 { padding-bottom: 14px; color: #d57205; font-size: 17px; color: #d57205; line-height: 41px; text-align: left; }
			.textBox h3 { line-height: 20px; color: #d57205; font-size: 14px; color: #d57205; }			
			.textBox p { padding-bottom: 11px; color: #818181; font-size: 11px; font-family: Verdana, Arial; }
			.textBox a { color: #555; font-size: 11px; font-family: Verdana, Arial; text-decoration: none; }
			.textBox .text { padding: 0 15px 43px 25px; width: 566px; overflow: hidden; }
			.textBox img { padding: 12px 0 11px 0; margin: 0 auto; }
			.textBox .text1 { padding: 0 15px 0px 25px; width: 566px; overflow: hidden;  }
			
			.portfolioTable td { text-align: center; }
			
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; height: 44px; background: url('../images/footerbg.gif') left top repeat-x; }
	#footerCntr #center { width: 935px; margin: 0 auto; }
	#footerCntr ul { list-style: none; }
	#footerCntr li { padding: 0 8px; float: left; font-size: 10px; color: #fff; font-family: Verdana, Arial; line-height: 44px; background: url('../images/sprter1.gif') right center no-repeat; }
	
