/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #7a7a7a; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #7a7a7a; }
body { margin: 0px; padding: 0px; }
img { border: 0px; display: block; }

.bg { background: #000 url(../images/bodyStrip.jpg) left top repeat-x ; }
.bg1 { background: #000 url(../images/bodyStrip1.jpg) left top repeat-x ; }
.background { background: url(../images/background.jpg) left bottom repeat-y; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 980px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { width: 980px; height: 182px; /*background: url(../images/headerBg.jpg) top center no-repeat;*/ }
	#headerCntr h1 { padding: 36px 0 0 0; float: left; }
	#headerCntr h1 a { display: block; width: 222px; overflow: hidden; height: 51px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### SEARCH BOX ### */
		.searchBox { padding: 3px 0 0 10px; margin-top: 76px; width: 193px; height: 24px; float: right; background: url(../images/searchBg.png) no-repeat; }
		.searchBox fieldset { border: none; }
		.searchBox input.field { width: 158px; height: 20px; font-size: 14px; color: #919aaa; font-style: italic; float: left; border: none; background: #fff; }
		.searchBox input.submit { margin-top: 3px; width: 19px; border: none; cursor: pointer; float: left; height: 18px; display: block; text-indent: -9999px; background: url(../images/submit.png) no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 30px; width: 980px; height: 47px; overflow: hidden; }
		#menuCntr ul { list-style: none; width: 980px; overflow: hidden; }
		#menuCntr li { font-size: 16px; line-height: 45px; float: left; font-family: 'Myriad Pro', Arial; background: url(../images/liSep.png) right no-repeat; }
		#menuCntr li a { padding: 0 35px; display: block; color: /*#b4b4b4*/#ffffff; text-decoration: none; }
		#menuCntr li a:hover { background: url(../images/hover.jpg) center bottom no-repeat; }
		
	/* ### SLIDER CONTAINER ### */	
	#sliderCntr { padding-top: 22px; position: relative; width: 980px; height: 391px; overflow: hidden; }
	
		/* ### SLIDER BOX ### */
		.sliderBox { padding: 13px 27px 27px 27px; width: 800px; height: 322px; float: left; background: url(../images/sliderBg.jpg) no-repeat ; }
		
		/* ### PAGI BOX ### */
		.pagiBox { width: 40px; height: 138px; position: absolute; top: 117px; left: 800px; background: url(../images/pagiBg.jpg) no-repeat; }
		.pagiBox ul { padding: 3px 0 0 7px; list-style: none; }
		.pagiBox li { padding: 25px 0; }
		.pagiBox li a { width: 19px; height: 19px; display: block; text-indent: -9999px; background: url(../image/next.jpg) no-repeat; } 
		.pagiBox li a.prev { background: url(../images/pre.jpg) no-repeat; }
		
		/* ### TEXT BOX ### */
		.textBox { width: 405px; overflow:hidden; float:right; }
		.textBox p{padding:22px 0px 42px; font-family:'Myriad Pro'; color: /*#6a6a6a*/ #ffffff; font-size:24px;}
		.textBox a{ margin-right:10px; width:160px; font-size:12px ; float:left; color:/*#000*/#ffffff; display:block; line-height:37px; text-align:center; text-decoration:none; background: url(../images/more_button.jpg) no-repeat; }
		.textBox ahover{ text-decoration:none;}
		
	/* ### BANNER CONTAINER ### */
	#bannerCntr { width: 980px; overflow: hidden; height: 214px; }
	#bannerCntr h2 { padding-top: 56px; font-size: 36px; float: left; font-weight: normal; color: /*#6a6a6a*/ #ffffff; }
	#bannerCntr img { padding-top: 8px; float: right; }

	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 980px; background: url('../images/top_contener_bg.jpg') top center no-repeat; }
	#contentCntr .bottom1 { width: 980px; overflow: hidden; background: url('../images/bottom_coterner_bottom.jpg') left bottom no-repeat; }
	
		/* ### TOP CONTAINER ### */
		#topCntr { width: 980px; overflow:hidden; background: url(../images/top_contener_bg.jpg) top center no-repeat;}
		
		/* ### WELCOE BOX ### */
		.welcomBox { padding-top:40px; width: 557px; overflow:hidden; float: left; }
		.welcomBox h2{ padding-bottom:41px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
		.welcomBox p{ padding-bottom:15px;color: /*#7a7a7a*/ #ffffff; font-size: 14px; line-height:20px; text-align:justify;}
		.welcomBox img{ margin-right:27px; float: left; border: solid 6px #838383;}
		.welcomBox a{ width: 93px; font-size:12px ; float: right; color:#b1b1b1; display:block; line-height:31px; text-align:center; text-decoration:none; background: url(../images/more_button.jpg) no-repeat; }
		.welcomBox ahover{ text-decoration:none;}
		
		/* ### ABOUT BOX ### */
		.aboutBox { padding-top:40px; width: 604px; overflow:hidden; float: left; }
		.aboutBox h2{ padding-bottom:27px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
		.aboutBox span { font-size: 12px; line-height: 20px; font-style: italic; font-weight: normal; color: #7a7a7a; }
		.aboutBox p{ padding: 18px 0px 0px 0px; color: #7a7a7a; font-size: 12px; line-height:22px;}
		.aboutBox img{ margin: 22px 27px 0px 0px; float: left; border: solid 6px #838383;}
		.aboutBox a{ width: 93px; font-size:12px ; float: right; color:#b1b1b1; display:block; line-height:31px; text-align:center; text-decoration:none; background: url(../images/more_button.jpg) no-repeat; }
		.aboutBox ahover{ text-decoration:none;}

		
		/* ### WELCOE BOX ### */
		.getBox { margin-top:45px; width: 347px; float: right; background: url(../images/get_bg.jpg) repeat-y; }
		.getBox .top {width: 347px; background: url(../images/get_top.jpg) left top no-repeat; }
		.getBox .bottom { padding:9px 20px 28px 20px; width: 307px; overflow:hidden; background: url(../images/get_bottom.jpg) left bottom no-repeat;}
		.getBox h2{ padding:19px 0px 33px 82px; font-family:'Myriad Pro'; font-weight:normal; color: #000; font-size:36px;background: url(../images/get_icon.png) left bottom no-repeat;}
		.getBox  p {padding-bottom:10px; text-indent: 50px; width:307px; margin-bottom: -60px; overflow:hidden; color: #1f1f1f;font-size: 12px;line-height:20px;background: url(../images/p_border.png)  bottom repeat-x;left: 666px; top: 720px;}
		.getBox h3{padding-top:77px; color: #383838;font-size: 20px; text-align:center;}
		
		/* ### BOTTOM CONTAINER ### */
		#bottomCntr { width: 980px; overflow:hidden; background: url(../images/bottom_coterner_top.jpg) top center no-repeat;}
		#bottomCntr .bottom { padding:39px 0px 74px 0px; width: 980px; overflow:hidden; background: url(../images/bottom_coterner_bottom.jpg) bottom center no-repeat;}
		
		/* ### HAND BOX ### */
		.handBox { padding-right:32px; width: 305px; overflow:hidden; float: left; }
		.handBox h2{ padding-bottom:19px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
		.handBox h2 span{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; color: #8f8e8e; font-size:12px; display:block;}
		.handBox p{ padding:32px 0px 20px 0px;color: #7a7a7a; font-size: 12px; line-height:20px;}
		.handBox img{ border: solid 6px #838383;}
		.handBox a{ width: 93px; font-size:12px ; float: left; color:#b1b1b1; display:block; line-height:31px; text-align:center; text-decoration:none; background: url(../images/more_button.jpg) no-repeat; }
		.handBox.optimize{ padding-right:0px; width: 305px; overflow:hidden; float: left; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { width: 604px; overflow:hidden; float: left; }
		
			/* ### ABOUT BOX ### */
			.aboutBox { padding-top:40px; width: 604px; overflow:hidden; float: left; }
			.aboutBox h2{ padding-bottom:27px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
			.aboutBox span { font-size: 12px; line-height: 20px; font-style: italic; font-weight: normal; color: #7a7a7a; }
			.aboutBox p{ padding: 20px 0px 0px 0px; color: /*#7a7a7a*/ #ffffff; font-size: 12px; line-height:22px;}
			.aboutBox img{ margin: 22px 27px 0px 0px; float: left; border: solid 6px #838383;}
			.aboutBox a{ width: 93px; font-size:12px ; float: right; color:#b1b1b1; display:block; line-height:31px; text-align:center; text-decoration:none; background: url(../images/more_button.jpg) no-repeat; }
			.aboutBox ahover{ text-decoration:none;}
			
			/* ### PORTFOLIO BOX ### */
			.portfolioBox { padding-top:40px; width: 604px; overflow:hidden; float: left; }
			.portfolioBox h2{ padding-bottom:27px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
			.portfolioBox span { padding-bottom: 20px; display: block; font-size: 12px; line-height: 20px; font-style: italic; font-weight: normal; color: #7a7a7a; background: url('../images/bottom-line.jpg') left bottom repeat-x; }
			.portfolioBox p{ padding-top: 20px; color: /*#7a7a7a*/ #ffffff; font-size: 12px; line-height:22px;}
			.portfolioBox img{ margin: 38px 0px 36px 0px; display: block; float: left; border: solid 6px #838383;}
			.portfolioBox a{ margin-bottom: 15px; width: 93px; font-size:12px ; float: left; color:#b1b1b1; display:block; line-height:31px; text-align:center; text-decoration:none; background: url(../images/more_button.jpg) no-repeat; }
			.portfolioBox ahover{ text-decoration:none;}
			
			/* ### CONTACT BOX ### */
			.contactBox{ padding-top: 57px;  width: 604px; overflow: hidden; line-height: 20px;}
			.contactBox form { border: 0px; padding: 0px;}
			.contactBox fieldset { border: none; }
			.contactBox input.filed{ padding:0px; background: url(../images/contact-bar.jpg) 0px 0px  no-repeat; width:486px; height:36px; display: inline-block;  border:none;  color: #888888; font-size: 12px; }
			.contactBox label{ width:115px; height:46px; font:14px Arial, Helvetica, sans-serif; color:#198ebf; display:inline-block; text-align:left; vertical-align:top; }
			.contactBox textarea{ padding: 0; background: url(../images/text-area.jpg) 0px 0px no-repeat; width:486px; height:146px; border:none; color: #888888; font-size: 12px;}
			.contactBox input.send{ padding-left: 16px; background: url(../images/send-button.jpg) 0px 0px no-repeat; width:148px; height:37px; border:none; margin:21px 0px 0px 120px; cursor:pointer; font-size: 12px; color: #000000; text-decoration: none; line-height: 37px; text-align: left; }
			.contactBox input.send:hover { text-decoration: underline;}
			
			
			
			
			
			/* ### CLIENT BOX ### */
			.clientsBox { padding: 58px 0px 40px 0px; width: 280px; overflow:hidden; float: left; }
			.clientsBox h2{ padding-bottom:19px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
			.clientsBox h2 span{ padding-top: 13px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; color: #8f8e8e; font-size:12px; display:block;}
			.clientsBox p{ padding:32px 0px 0px 0px;color: #7a7a7a; font-size: 12px; line-height:20px;}
			.clientsBox img{ border: solid 6px #838383;}
			.clientsBox a{ width: 93px; font-size:12px ; float: left; color:#b1b1b1; display:block; line-height:31px; text-align:center; text-decoration:none; background: url(../images/more_button.jpg) no-repeat; }
			.clientsBox.optimize{ padding-left: 0px; width: 280px; overflow:hidden; float: right; }
			
			/* ### DESIGN BOX ### */
			.designBox { padding: 45px 0px 40px 0px; width: 287px; overflow:hidden; float: left; }
			.designBox h2 { padding: 0px 0px 15px 68px; width: 213px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
			.designBox span { padding-bottom: 25px; width: 210px; float: right; line-height: 20px; font-weight:normal; font-style:italic; color: #8f8e8e; font-size:12px; display:block;}
			.designBox p { padding: 0px 0px 30px 0px; width: 287px; float: left; color: #7a7a7a; font-size: 12px; line-height:20px;}
			.designBox img { padding-top: 5px; border: none;}
			.designBox a { width: 93px; font-size:12px ; float: left; color:#b1b1b1; display:block; line-height:31px; text-align:center; text-decoration:none; background: url(../images/more_button.jpg) no-repeat; }
			.designBox.optimize { padding-left: 0px; width: 280px; overflow:hidden; float: right; }
			
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { margin-top:45px; color:#ffffff; width: 347px; font-weight:bold; float: right; }
			
			/* ### TOUCH BOX ### */
			.touchBox { width: 347px; float: right; position: relative; background: url(../images/get_bg.jpg) repeat-y; }
			.touchBox .top {width: 347px; background: url(../images/get_top.jpg) left top no-repeat; }
			.touchBox .bottom { padding:9px 20px 28px 20px; width: 307px; overflow:hidden; background: url(../images/get_bottom.jpg) left bottom no-repeat;}
			.touchBox h2{ padding:19px 0px 33px 82px; font-family:'Myriad Pro'; font-weight:normal; color: #000; font-size:36px;background: url(../images/get_icon.png) left bottom no-repeat;}
			.touchBox p {padding-bottom:10px; width:307px; overflow:hidden; position: relative; color: #1f1f1f; font-size: 12px;line-height:22px; background: url(../images/p_border.png)  bottom repeat-x;left: 666px; top: 520px;}
			.touchBox h3{padding-top:77px; color: #383838;font-size: 20px; text-align:center;}

			/* ### BLOG BOX ### */
			.blogBox { margin: 30px 0 20px 0; width: 347px; float: right; background: url('../images/blog-bg.jpg') repeat-y; }
			.blogBox .top {width: 347px; background: url('../images/blog-top-bg.jpg') left top no-repeat; }
			.blogBox .bottom { padding:9px 20px 28px 20px; width: 307px; overflow:hidden; background: url('../images/blog-bottom-bg.jpg') left bottom no-repeat;}
			.blogBox h2{ padding: 20px 0px 7px 65px; font-family:'Myriad Pro'; font-weight:normal; color: #000; font-size: 22px;background: url('../images/blog-icon.png') left 10px no-repeat;}
			.blogBox strong { padding: 20px 0 10px 0px; display: block; font-size: 12px; color: #606060; font-weight: bold; }
			.blogBox  p { padding-bottom:10px; width:307px; overflow:hidden; color: #1f1f1f; font-size: 12px;line-height:22px; }
			.blogBox span { padding-bottom: 15px; font-size: 12px; color: #1f1f1f; text-align: right; font-weight: normal; font-style: italic; display: block; border-bottom: #949494 solid 1px; }
			.blogBox .last { border: none; }
		
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { overflow: hidden; width: 100%; background: url(../images/footer_bg.jpg) repeat-x; }	
	#footerCntrinner { padding-top:55px; overflow: hidden; width:980px; height:405px; margin:0 auto; }	
	#footerCntr .top{  width:980px; overflow:hidden;}	
	
		/* ### PAGE BOX ### */
		.pageBox { padding:7px 36px 21px 0px; width: 218px; overflow: hidden; float:left;}
		.pageBox h4{ padding:4px 0px 20px 66px; font-weight:normal; color: #868484; font-size:18px;border-bottom: solid 1px #141414; background: url(../images/page_icon.jpg) left top no-repeat;}
		.pageBox ul { margin:0px; padding:15px 0px 0px 0px; }
		.pageBox li { list-style: none; padding-left:33px; font-size: 16px; line-height:34px;border-bottom: solid 1px #444444; background: url(../images/footer_airow.jpg) left 12px no-repeat; }
		.pageBox li a {color: #868484; text-decoration: none; font-size:12px; }
		.pageBox li a:hover { text-decoration:underline; }
		.pageBox li.last{ border:none;}
		.pageBox img{ padding-top:36px;border:none;}
		
		/* ### RECENT BOX ### */
		.recentBox { padding:7px 36px 21px 0px; width: 218px; overflow: hidden; float:left;}
		.recentBox  h4{ padding:4px 0px 20px 45px; font-weight:normal; color: #868484; font-size:18px;border-bottom: solid 1px #141414; background: url(../images/recent_icon.jpg) left top no-repeat;}
		 .recentBox .heading{ padding:4px 0px 20px 61px; font-weight:normal; color: #868484; font-size:18px;border-bottom: solid 1px #141414; background: url(../images/solution_img.jpg) left top no-repeat;}
		 .recentBox .heading1{ padding:11px 0px 20px 55px; font-weight:normal; color: #868484; font-size:18px;border-bottom: solid 1px #141414; background: url(../images/other_icon.jpg) left top no-repeat;}
		.recentBox  ul { margin:0px; padding:15px 0px 0px 0px; }
		.recentBox  li { list-style: none; font-size: 16px; line-height:34px; }
		.recentBox  li a {color: #868484; text-decoration: none; font-size:12px; }
		.recentBox  li a:hover { text-decoration:underline; }
		.recentBox.last{ padding:0px 0px 0px 0px; float:left;}
		
		/* ### FOOTER BOX ### */
		.footerBox { padding-top:22px; width: 980px; overflow: hidden; border-top: solid 1px #3f3f3f;}
		.footerBox p {overflow: hidden; color:/*#6c6b6b*/#ffffff; float:left;}
		.twitter{ width:130px; float:right; overflow:hidden;}
		.twitter img{ float:left; padding-left:5px;}