
/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #434343; }
input, select, textarea { font-family: Arial; font-size: 13px; color: #434343; }
body { background: #fdfdfd url('../images/bg.gif') repeat-x; }
img { border: 0px; display: block; }

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

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/footer-strip.gif') bottom center repeat-x; }
#layout { width: 100%; background: url('../images/footer.jpg') bottom center no-repeat; }

/* ### MAIN CONTAINER ### */
#mainCntr { padding: 0 20px; margin: 0 auto; width: 938px; background: url('../images/top-bg.jpg') top center no-repeat; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 938px; height: 170px; }
	#headerCntr h1 { padding: 35px 0px 0px 50px; height: 92px; }
	#headerCntr h1 a { display: block; width: 589px; height: 68px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### SEARCH BOX ### */
		.searchBox { padding-top: 48px; width: 328px; height: 79px; float: right; }
		.searchBox form fieldset { border: 0px; overflow: hidden; }
		.searchBox form input.field { padding: 12px 10px 0px 10px; float: left; width: 203px; height: 27px; border: 0px; background: url('../images/search-field.gif') 100% no-repeat; }
		.searchBox form input.submit { width: 79px; height: 38px; float: left; cursor: pointer; color: #474747; text-transform: uppercase; font-weight: bold; border: 0px; background: url('../images/search-button.gif') no-repeat; }
		
		/* ### MENU CONTAINER ### */
		#menuCntr { width: 938px; height: 42px; }
		#menuCntr ul { list-style: none; overflow: hidden; }
		#menuCntr li { padding: 0 27px; float: left; line-height: 42px; text-transform: uppercase; font-size: 12px; background: url('../images/menu-sprtr.gif') right no-repeat; }
		#menuCntr li a { color: #f0f0f0; text-decoration: none; }
		#menuCntr li a:hover { text-decoration: underline; }
		#menuCntr li.last { background: none; }
	
	/* ### BANNER CONTAINER ### */
	#bannerCntr { padding: 20px 8px 20px 8px; overflow: hidden; width: 874px; margin: 0 auto; background: url('../images/banner-strip.gif') bottom repeat-x; }
	#bannerCntr .left { padding-top: 15px; width: 440px; float: left; overflow: hidden; }
	#bannerCntr .right { width: 375px; float: right; overflow: hidden; }
	#bannerCntr h2 { font-size: 40px; color: #758a0e; font-weight: normal; font-family: 'Century Gothic', Arial; }
	#bannerCntr p { padding: 15px 0 12px 5px; color: #434343; font-weight:normal; font-size: 16px; line-height: 25px; }
	#bannerCntr a.readMore, #contentCntr a.readMore { display: block; float: right; width: 67px; height: 18px; text-indent: -9999px; background: url('../images/more.gif') no-repeat; }
	#bannerCntr a.readMore:hover, #contentCntr a.readMore:hover { background: url('../images/more-hover.gif') no-repeat; }
	#bannerCntr .banner { padding: 11px 18px; width: 337px; height: 199px; background: url('../images/banner-back.jpg') no-repeat; }
	#bannerCntr ul { padding: 5px 10px 0px 0px; list-style: none; overflow: hidden; float: right; }
	#bannerCntr li { padding: 2px; float: left; margin-left: 5px; width: 24px; height: 24px; border: #cecece solid 1px; background: #fff; }
	#bannerCntr li a { display: block; line-height: 24px; width: 24px; text-align: center; font-size: 12px; color: #3f3f3f; text-decoration: none; background: #e1e1e1; }
	#bannerCntr li a:hover, #bannerCntr li.jFlowSelected a { color: #fff; background: #424242; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 15px 23px; overflow: hidden; width: 892px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-right: 30px; float: left; width: 606px; background: url(../images/left+bg.jpg) right no-repeat; }
		
		
			/* ### TEXT BOX ### */
			.textBox { padding-bottom: 7px; width: 606px; overflow: hidden; }
			.textBox h3 { font-size: 23px; color: #869828; font-weight: normal; }
			.textBox p { padding: 12px 20px 10px 0px; line-height: 23px; }
			.textBox a.readMore { display: block; float: right; width: 67px; height: 18px; text-indent: -9999px; background: url('../images/more.gif') no-repeat; }
			.textBox a.readMore:hover { background: url('../images/more-hover.gif') no-repeat; }
			
			/* ### TEXT BOX ### */
			.textBox1 { padding-top:35px; width: 606px; overflow: hidden; }
			.textBox1 h2 { font-size: 40px; color: #758a0e; font-weight: normal; font-family: 'Century Gothic', Arial; }
			.textBox1 p { padding: 15px 0 12px 5px; color: #434343; font-size: 16px; line-height: 25px; }
			.textBox1 span{  color:#3b3b3b; font-size:13px;}
			
			/* ### SERVICE BOX ### */
			.serviceBox { width: 606px; overflow: hidden; }
			.serviceBox img{ padding:10px 76px 30px 0px; float:left;}
			.service{ padding:27px 0px 28px 55px; width:551px; background: url(../images/border.jpg) left top repeat-x;}
			.serviceBox h3 { padding: 56px 0px 23px 0px; font-size: 23px; color: #869828; font-weight: normal; }
			.serviceBox p { padding-bottom:20px; line-height: 23px; }
			.serviceBox a.readMore { margin-left:195px; display: block; width: 98px; height: 18px; text-indent: -9999px; background: url('../images/order_hover.jpg') no-repeat; }
			.serviceBox a.readMore:hover { background: url('../images/order_button1.jpg') no-repeat; }
			
			/* ### PORTFOLIO BOX ### */
			.portfolioBox { width: 604px; overflow: hidden; }
			.portfolioBox img{ margin-right:32px; float:left; border: solid 4px #FFFFFF;}
			.portfolio{ padding:20px 0px 26px 0px; width:604px; background: url(../images/border.jpg) left top repeat-x;}
			.portfolioBox h3 {padding: 56px 0px 23px 0px; font-size: 23px; color: #869828; font-weight: normal; }
			.portfolioBox h4 { font-size: 18px; font-family:Century Gothic;color: #3b3b3b; font-weight: normal; }
			.portfolioBox p { padding:25px 0px 34px 0px; line-height: 23px; }
			.portfolioBox a.readMore { margin-left:195px; display: block; width: 98px; height: 18px; text-indent: -9999px; background: url('../images/order_hover.jpg') no-repeat; }
			.portfolioBox a.readMore:hover { background: url('../images/order_button1.jpg') no-repeat; }
			
			/*### BUTTONS ### */
			.buttons { padding-bottom:20px; width:200px; float:left; overflow:hidden; }
			.buttons ul {  overflow: hidden; }
			.buttons li { padding-left:5px; float:left; list-style: none;}
			.buttons li a { color: #3b3b3b; width:28px; text-align:center; font-size:12px; color:#404040; line-height:28px; display:block; text-decoration: none; background: url('../images/number_b_hover.jpg') no-repeat;  }
			.buttons li a:hover { color:#FFFFFF; background: url('../images/number_button.jpg') no-repeat;  }
			.buttons li a.select{ color:#FFFFFF; background: url('../images/number_button.jpg') no-repeat;  }
			
			/* ### FEATURES BOX ### */
			.featuresBox { width: 606px; overflow: hidden; }
			.featuresBox h4 { padding-bottom: 16px; color: #3e3e3e; font-size: 18px; font-weight: normal; }
			.featuresBox ul { list-style: none; overflow: hidden; }
			.featuresBox li { padding: 0px 0px 20px 32px; font-size: 14px; float: left; width: 268px; background: url('../images/right-icon.gif') no-repeat; }
			.featuresBox li a { color: #3b3b3b; text-decoration: none; }
			.featuresBox li a:hover { text-decoration: underline; }
			.featuresBox p { padding: 5px 0; font-size: 14px; }
			.featuresBox a.readMore { display: block; float: right; width: 67px; height: 18px; text-indent: -9999px; background: url('../images/more.gif') no-repeat; }
			.featuresBox a.readMore:hover { background: url('../images/more-hover.gif') no-repeat; }
			
			/* ### ABOUT BOX ### */
			.aboutBox { padding:15px 0px 41px 0px; width: 606px; overflow: hidden;}
			.aboutBox h3 { padding-bottom:20px; font-size: 23px; color: #758a0e; font-weight: normal; font-family: 'Century Gothic', Arial; }
			.aboutBox p { color: #434343; font-family: Verdana; font-size: 13px; line-height: 23px; }
			.aboutBox img { margin-right:32px; float:left; border: solid 4px #FFFFFF;}
			.aboutBox.first{background: url(../images/border.jpg) left bottom repeat-x;}
			.aboutBox .lasst{ padding-top:80px;}
			
			
		/* ### CONTACT INNER BOX ### */
		.contactinnerBox{ padding:0px 0px 50px 10px; width:546px; float:left; overflow:hidden;}
		.contactinnerBox input.filed1{ padding: 8px 5px 5px 5px;  width:535px; height:19px; border:none; background:url(../images/input_bg.jpg) 0px 0px  no-repeat;}
		.contactinnerBox label{ padding-top:19px; width:545px; height:26px; display:block; font:14px Arial, Helvetica, sans-serif; color:#3b3b3b; text-align: left; vertical-align:top;}
		.contactinnerBox textarea{ padding:5px 5px 5px 7px; width:533px; height:132px; border:none;background:url(../images/textarea_bg.jpg) 0px 0px no-repeat; }
		.contactinnerBox input.button{ margin:24px 0px 0px 0px; float:left; background:url(../images/sned.jpg) 0px 0px no-repeat; width:153px; height:42px; border:none; cursor:pointer; }
					
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-left: 25px; float: right; width: 231px; }

			/* ### MENU BOX ### */
			.menuBox { width: 230px; }
			.menuBox ul { list-style: none; }
			.menuBox li { padding-bottom: 1px; }
			.menuBox li a { padding-left: 37px; display: block; color: #fff; text-decoration: none; line-height: 31px; width: 192px; background: url('../images/menu.gif') no-repeat; }
			.menuBox li a:hover { background: url('../images/menu-hover.gif') no-repeat; }
			.menuBox li a.active { background: url('../images/menu-hover.gif') no-repeat; }
			.menuBox li ul { padding: 0px 6px 5px 6px; }
			.menuBox li ul li { padding-left: 8px; line-height: 27px; background: url('../images/list-border.gif') bottom repeat-x; }
			.menuBox li ul li a { padding-left: 25px; color: #3b3b3b; line-height: 27px; text-decoration: none; width: auto; background: url('../images/list-dot.gif') left no-repeat; }
			.menuBox li ul li a:hover { text-decoration: underline; background: url('../images/list-dot.gif') left no-repeat; }
			.menuBox li ul li.last { background: none; }
				
	/* ### CONTACT CONTAINER ### */
	#contactCntr { padding: 15px 30px 40px 30px; overflow: hidden; width: 878px; }
		
		/* ### TWITTER BOX ### */
		.twitterBox { padding: 21px 25px 0px 170px; width: 409px; height: 131px; float: left; background: url('../images/twitter.jpg') no-repeat; }
		.twitterBox h4 { font-size: 13px; color: #35b111; }
		.twitterBox p { padding-top: 10px; line-height: 20px; color: #4d4d4d; font-style: italic; font-size: 11px; }

		
		/* ### CONTACT BOX ### */
		.contactBox { padding-top: 5px; width: 212px; float: right; }
		.contactBox h3 { padding-bottom: 5px; color: #35b111; font-size: 19px; font-weight: normal; font-style: italic; background: url('../images/contact-icon.gif') right no-repeat; }
		.contactBox address { color: #4e4e4e; line-height: 25px; font-size: 14px; font-style: normal; }
		.contactBox address a { color: #4e4e4e; }
		.contactBox address a:hover { text-decoration: none; }
		.contactBox.lasst{ padding-top:68px;}
					
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 24px 20px 0 20px; overflow: hidden; width: 898px; height: 72px; }
	#footerCntr ul { list-style: none; width: 600px; overflow: hidden; }
	#footerCntr li { padding: 0 4px; float: left; font-size: 11px; background: url('../images/footer-sprtr.gif') right no-repeat; }
	#footerCntr li a { color: #fff; text-decoration: none; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr li.last { background: none; }
	#footerCntr p { padding-top: 7px; font-size: 11px; color: #FFFFFF; }
	#footerCntr img { margin-left: 20px; float: right; }

a.greybutton{border: none; background: #454545; background: -moz-linear-gradient(top,  #3b3b3b 0%, #4e4e4e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#4e4e4e)); background: -webkit-linear-gradient(top,  #3b3b3b 0%,#4e4e4e 100%); background: -o-linear-gradient(top,  #3b3b3b 0%,#4e4e4e 100%); background: -ms-linear-gradient(top,  #3b3b3b 0%,#4e4e4e 100%); background: linear-gradient(top,  #3b3b3b 0%,#4e4e4e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#4e4e4e',GradientType=0 ); padding-left: 11px; padding-right: 11px; padding-top: 5px; padding-bottom: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #f0f0f0; text-decoration: none; font-size: 17px; }
a.greybutton:hover{border: none; background: #8a9c2e; background: -moz-linear-gradient(top,  #9aab47 0%, #7b8f17 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9aab47), color-stop(100%,#7b8f17)); background: -webkit-linear-gradient(top,  #9aab47 0%,#7b8f17 100%); background: -o-linear-gradient(top,  #9aab47 0%,#7b8f17 100%); background: -ms-linear-gradient(top,  #9aab47 0%,#7b8f17 100%); background: linear-gradient(top,  #9aab47 0%,#7b8f17 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9aab47', endColorstr='#7b8f17',GradientType=0 ) -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #e8f2df; text-decoration: none;}