/* ### GENERAL ### */

* { margin: 0px; padding: 0px; }

html, body { font-family: HelveticaNeue, Arial;  font-size: 12px; color: #8c806e; }

input, select, textarea { font-family: HelveticaNeue, Arial;  font-size: 12px; color: #8c806e; }

body { background: #b3d7e7 url('../images/body-bg.gif') top left repeat-x; }

img { border: 0px; }



/* ### GLOBAL CLASSES ### */

.clear { clear: both; height: 0px; overflow: hidden; }



/* ### WRAPPER ### */

#wrapper { width: 100%; min-height: 100%; }



/* ### MAIN CONTAINER ### */

#mainCntr { margin: 0 auto; width: 950px; }

#layout { background: url('../images/layout-bg.gif') top  left repeat-x #b3d7e7; }



	/* ### HEADER CONTAINER ### */

	#headerCntr { position: relative; overflow: hidden; width: 950px; height: 102px; background: url('../images/header-bg.gif') left 100px repeat-x; }

	#headerCntr h1 { padding-top: 28px; float: left; }

	#headerCntr h1 a { display: block; width: 104px; height: 57px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }

	#headerCntr .left { float: left; width: 720px; overflow: hidden; }

	#headerCntr .right { float: right; width: 175px; overflow: hidden; }

	

		/* ### MENU CONTAINER ### */

		#menuCntr { padding-left: 58px; padding-top: 52px; float: left; }

		#menuCntr ul { list-style: none; overflow: hidden; }

		#menuCntr li { padding-right: 30px; float: left; font-size: 14px; }

		#menuCntr li a { display: block; text-decoration: none; color: #fff; }

		#menuCntr li a span { padding-bottom: 15px; cursor: pointer; padding-top: 3px; display: block; overflow: hidden; font-size: 10px; color: #54646b; }

		#menuCntr li a:hover { border-bottom: 3px solid #0093d4; }

		#menuCntr li a.active { border-bottom: 3px solid #0093d4; }

		#menuCntr li.last { padding-right: 0px; }

		

		/* ### LANGUAGE BOX ### */

		.languageBox { margin-top: 14px; padding-top: 0px; float: right; width: 46px; background: url('../images/language-bg.gif') top left no-repeat; }

		.languageBox ul { list-style: none; overflow: hidden; }

		.languageBox li { padding: 0px 4px; float: left; background: url('../images/language-sep.gif') right 23px no-repeat; }

		.languageBox li a { padding-top: 20px; display: block; text-decoration: none; font-size: 10px; color: #676767; }

		.languageBox li.last { background: none; padding-right: 0px; }

		.languageBox li a:hover { color: #fff; background: url('../images/language-hoverbullet.png') top left no-repeat; }

		.languageBox li a.active { color: #fff; background: url('../images/language-hoverbullet.png') top left no-repeat; }

		

		/* ### SEARCH BOX ### */

		.searchBox { padding: 0px 0px 0px 12px; margin-top: 15px; width: 163px; height: 25px; background: #23292b;  }

		.searchBox form { display: block; }

		.searchBox fieldset { overflow: hidden; border: none; }

		.searchBox input.field { padding: 6px 8px 6px 0px; padding-left: 0px; margin-right: 8px; font-size: 12px; color: #636769; height: 13px; float: left; width: 123px; border: none; background: url('../images/field-bg.gif') 100% no-repeat; }

		.searchBox input.search-button { margin-top: 7px; cursor: pointer; border: none; float: left; width: 15px; height: 12px; background: url('../images/search-button.gif') top left no-repeat; }

	

	/* ### INFO CONTAINER ### */

	#infoCntr { padding-top: 48px; height: 88px; width: 950px; overflow: hidden; }

	#infoCntr h2 { padding-left: 40px; display: block; height: 66px; width: 175px; text-indent: -9999px; float: left; background: url('../images/primo-headingbg.gif') 0px no-repeat; }

	#infoCntr p { padding-left: 20px; font-size: 22px; color: #fff; float: left; line-height: 66px; background: url('../images/heading-sep.gif') left no-repeat; }

	#infoCntr h3 { float: right; font-size: 27px; color: #b3d7e7; font-weight: normal; }

  #infoCntr  ul{}

                #infoCntr ul li{ padding-left: 20px; font-size: 20px; color: #fff; float: left; line-height: 66px; list-style-type:none; } 

	

	/* ### BANNER CONTAINER ### */

	#bannerCntr { margin-top: 44px; position: relative; height: 399px; width: 950px; }

	

		/* ### BANNER BOX ### */

		.bannerBox { padding: 0 26px 0 45px; width: 940px; top: 0px; overflow: hidden; left: -40px; height: 399px; position: absolute; overflow: hidden; background: url('../images/slicingBack.png') no-repeat 1px bottom; }

		.bannerBox h2 { padding-left: 40px; display: block; height: 66px; width: 210px; text-indent: -9999px; float: left; background: url('../images/primo-headingbg.gif') 20px no-repeat; }

		.bannerBox p { padding-left: 20px; font-size: 22px; color: #fff; float: left; line-height: 66px; background: url('../images/heading-sep.gif') left no-repeat; }

	        .bannerBox ul{}

                .bannerBox ul li{ padding-left: 20px; font-size: 22px; color: #ffffff; float: left; line-height: 66px; list-style-type:none; } 

		.bannerBox #slideshow{ position: relative; width:940px; height:328px;  margin:0px; overflow: hidden; }

		.bannerBox #box-nav-slider{ width:940px; height:66px; }

		.bannerBox #slideshow-navigation .slider { padding-left: 45px; width: 940px; }

		.bannerBox #slideshow-navigation a{ padding-right: 15px; display: block; text-indent: -9999px; width: 15px; height: 15px; background: url('../images/nav-bullet.gif') top left no-repeat; float: left; }

		.bannerBox #slideshow-navigation{ padding: 23px 5px 0 0; float:right; }

		.bannerBox #slideshow-navigation a:hover { background: url('../images/nav-hoverbulet.gif') top left no-repeat; }

		.bannerBox #slideshow-navigation .activeSlide {background: url('../images/nav-hoverbulet.gif') top left no-repeat;}

		.bannerBox .slide-text h4{ position: absolute; top: 244px; right: -20px; font-size: 18px; font-weight: normal; padding-left: 10px; width: 245px; height: 34px; line-height: 34px; color:#FFF; background: #0093d4; }

	

		/* ### NEXT SLIDER ### */

		#display_images { position: relative; width: 100%; overflow: hidden; }	

		#display_controller { padding: 10px 10px 0 0; float: right }

		#display_controller ul li{ display: inline; list-style: none; }

		#display_controller ul.left{ float: left; }

		#display_controller ul.left span { cursor: pointer; float: left; margin-left: 2px; width: 30px; height: 19px; display: block; text-indent: -9999px; }

		#display_controller ul.left span.prev { background: url('../images/leftArrow.gif') no-repeat;}

		#display_controller ul.left span.next { background: url('../images/rightArrow.gif') no-repeat;}		



		#display_controller ul.right { padding: 5px 5px 0 0; float: left; }

		#display_controller ul.right span { float: left; margin-right: 5px; width: 10px; height: 10px; display: block; text-indent: -9999px; background: url('../images/bulletLink.png') no-repeat; }

		#display_controller ul.right span.selected { background: url('../images/bulletOver.png') no-repeat; } 

		

	/* ### CONTENT CONTAINER ### */

	#contentCntr { padding-top: 12px; overflow: hidden; width: 950px; }

	

		/* ### NP BOX ### */

		.npBox { padding-bottom: 8px; }

		.npBox ul { list-style: none; overflow: hidden; }

		.npBox li { padding-left: 15px; padding-right: 10px; line-height: 22px; height: 22px; color: #000; float: left; background: url('../images/np-arrowbg.gif') left no-repeat; }

.breadcrumb-current{color:#0085b5;}

.breadcrumb li{padding-right:5px;}



.breadcrumb a{color:#000; text-decoration:none; padding:0px; margin:0px;}

.breadcrumb a:hover{color:#0085b5; text-decoration:underline;}

		.npBox li a.home { padding-left: 7px; float: left; display: block; height: 22px; color: #fff; text-decoration: none; line-height: 22px; background: url('../images/np-leftbg.gif') top left no-repeat; }

		.npBox li a.home span { padding-right: 7px; float: left; display: block; height: 22px; line-height: 22px; background: url('../images/np-rightbg.gif') top right no-repeat; }

		.npBox li.first { padding-left: 0px; background: none; }

		

		/* ### SHARE BOX ### */

		.shareBox { float: right; }

		.shareBox a { padding-right: 25px; margin-left: 10px; color: #0093d4; font-size: 12px; display: block; float: left; height: 18px; line-height: 18px; text-decoration: none; }

		.shareBox a:hover { text-decoration: underline; }

		.shareBox a.shareThis { background: url(../images/shareThis.gif) no-repeat right center; }

		.shareBox a.feed { background: url(../images/feedIcon.gif) no-repeat right center; }

		.shareBox li { float: left; list-style: none; }

		

		/* ### STATIONARY CONTAINER ### */

		#stationaryCntr { padding: 35px 0; padding-bottom: 50px; width: 950px; background: url('../images/recent-headingbg.gif') top left repeat-x; }

		

			/* ### LEFT CONTAINER ### */

			#leftCntr { padding-bottom: 45px; float: left; width: 700px; }

			

				/* ### STATIONARY BOX ### */

				.stationaryBox { padding-bottom: 20px; height: 214px; width: 670px; position: relative; border-bottom: 1px solid #7fb5cd; }

				.stationaryBox .content { width: 100%; overflow: hidden; }

				.stationaryBox .text { width: 290px; }

				.stationaryBox img { position: absolute; right: 0px; top: 0px; }

				.stationaryBox h2 { padding-bottom: 10px; font-size: 28px; color: #0085b5; line-height: 30px;}

				.stationaryBox p { padding-bottom: 60px; font-size: 14px; color: #000; line-height: 18px; }

				

				.stationaryBox .display_controller1 { padding: 10px 10px 0 0; position: absolute; top: 185px; }

				.stationaryBox ul li{ display: inline; list-style: none; }

				

				.stationaryBox ul.left{ float: left; }

				.stationaryBox ul.left span { cursor: pointer; float: left; margin-left: 2px; width: 30px; height: 19px; display: block; text-indent: -9999px; }

				.stationaryBox ul.left span.prev1 { background: url('../images/leftArrow.gif') no-repeat;}

				.stationaryBox ul.left span.next1 { background: url('../images/rightArrow.gif') no-repeat;}		

				

				.stationaryBox ul.right { padding: 5px 5px 0 20px; float: left; }

				.stationaryBox ul.right span { float: left; margin-right: 5px; width: 10px; height: 10px; display: block; text-indent: -9999px; background: url('../images/bulletLink.png') no-repeat; }

				.stationaryBox ul.right span.selected1 { cursor: pointer; background: url('../images/bulletOver.png') no-repeat; } 

				.stationaryBox h3 { padding-left: 12px; height: 47px; line-height: 47px; font-size: 18px; color: #306176; font-weight: normal; }

				.stationaryBox h4 { padding-left: 12px; width: 368px; font-size: 14px; color: #fff; position: absolute; bottom: 0px; left: 0px; line-height: 32px; height: 32px; background: url('../images/news-headingbg.png') top left repeat-x; }

				

				/* ### GOAL BOX ### */

				.goalBox { padding-top: 20px; width: 670px; border-bottom: 1px solid #7fb5cd; }

				.goalBox ul { list-style: none; overflow: hidden; }

				.goalBox li { padding-right: 30px; padding-bottom: 25px; width: 300px; float: left; overflow: hidden; }

				.goalBox li.last { padding-right: 0px; }

				.goalBox li	span { padding-bottom: 15px; display: block; color: #0085b5; font-size: 16px; }

				.goalBox li p { color: #000; line-height: 14px; }

				

				/* ### QUOTE BOX ### */

				.quoteBox { padding-top: 25px; width: 670px; overflow: hidden; }

				.quoteBox img { padding-right: 60px; float: left; }

				.quoteBox h2 { padding-bottom: 15px; font-family: Georgia; font-size: 22px; font-style: italic; font-weight: normal; color: #000; }

				.quoteBox p { padding-bottom: 20px; line-height: 18px; color: #667a83; }

				.quoteBox a { padding-left: 12px; position: relative; right: 195px; float: right;  display: block; width: 153px; font-size: 17px; color: #b3d7e7; height: 43px; line-height: 43px; text-decoration: none; background: url('../images/request-a-quote-button.gif') top left no-repeat; }





	/* ### QUOTE BOX ### */

				.quoteBox2 { padding-top: 25px; width: 670px; overflow: hidden; }

				.quoteBox2 img { padding-right: 60px; float: left; }

				.quoteBox2 h2 { padding-bottom: 15px; font-family: Georgia; font-size: 22px; font-style: italic; font-weight: normal; color: #000; }

				.quoteBox2 p { padding-bottom: 20px; line-height: 18px; color: #667a83; }

				.quoteBox2 a { }







	/* ### QUOTE BOX ### */

				.quoteBox3 { padding-top: 25px; width: 670px; overflow: hidden; border-top: 1px solid #7fb5cd; }

				.quoteBox3 img { padding-right: 60px; float: left; }

				.quoteBox3 h2 { padding-bottom: 15px; font-family: Georgia; font-size: 22px; font-style: italic; font-weight: normal; color: #000; }

				.quoteBox3 p { padding-bottom: 20px; line-height: 18px; color: #667a83; }

				.quoteBox3 a { padding-left: 12px; position: relative; right: 195px; float: right;  display: block; width: 153px; font-size: 17px; color: #b3d7e7; height: 43px; line-height: 43px; text-decoration: none; background: url('../images/request-a-quote-button.gif') top left no-repeat; }



/* ### QUOTE BOX ### */

				.quoteBox4 { padding-top: 25px; width: 670px; overflow: hidden; border-top: 1px solid #7fb5cd; }

				.quoteBox4 img { padding-right: 60px; float: left; }

				.quoteBox4 h2 { padding-bottom: 15px; font-family: Georgia; font-size: 22px; font-style: italic; font-weight: normal; color: #000; }

				.quoteBox4 p { padding-bottom: 20px; line-height: 18px; color: #667a83; }

				.quoteBox4 a { padding-left: 12px; position: relative; right: 150px; float: right;  display: block; width: 153px; font-size: 17px; color: #b3d7e7; height: 43px; line-height: 43px; text-decoration: none; background: url('../images/request-a-quote-button.gif') top left no-repeat; }





							

			/* ### RIGHT CONTAINER ### */

			#rightCntr { float: right; width: 215px; }

			#rightCntr a.view { padding-left: 6px; display: block; width: 207px; height: 31px; line-height: 31px; font-size: 17px; color: #fff; text-decoration: none; background: url('../images/view-portfolio-buton.gif') top left no-repeat; }

			

				/* ### OFFER BOX ### */

				.offerBox { padding-top: 25px; width: 215px; }

				.offerBox h3 { padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #7fb5cd; font-family: Georgia; font-size: 18px; font-style: italic; font-weight: normal; color: #000; }

				.offerBox p { padding-bottom: 25px; line-height: 14px; color: #000; }

				.offerBox h4 { padding-bottom: 10px; color: #0093d4; font-size: 15px; font-weight: normal; }

				.offerBox a { color: #0093d4; text-decoration: none; }

				.offerBox a:hover { text-decoration: underline; }

                                .offerBox ul{display:block; margin-left:25px; margin-top:0px;}

		                .offerBox ul li{font-size:12px; color: #000000; font-weight:normal; line-height:14px; padding:4px 0px;}

				

				/* ### DOWNLOAD BOX ### */

				.downloadBox a { padding: 13px 0px 0px 75px; display: block; font-weight: bold; width: 140px; height: 71px; font-size: 23px; color: #b3d7e7; text-decoration: none; background: url('../images/download-linkbg.gif') top left no-repeat; }

				.downloadBox a span { padding-top: 2px; display: block; font-size: 12px; font-weight: normal; color: #18678a; }

				.downloadBox a:hover { text-decoration: none; color: #FFFFFF; }

						

		/* ### CENTER CONTAINER ### */

		#centerCntr { padding-bottom: 55px; float: left; width: 950px; overflow: hidden; }

		

			/* ### RECENT CONTAINER ### */

			#recentCntr { width: 950px; overflow: hidden; }

			

				/* ### RECENT BOX ### */

				.recentBox { width: 950px; background: url('../images/recent-headingbg.gif') top left repeat-x; }

				.recentBox h3 { padding-left: 12px; height: 47px; line-height: 47px; font-size: 18px; color: #0078ad; font-weight: normal; }

				.recentBox ul.work { list-style: none; overflow: hidden; }

				.recentBox ul.work li { padding-right: 23px; float: left; }

				.recentBox ul.work li span { padding-left: 12px; padding-top: 6px; display: block; font-family: Georgia; }

				.recentBox ul.work li a { width: 220px; height: 180px; display: block; font-weight: bold; color: #0a0a0a; font-size: 16px; text-decoration: none; }

				.recentBox ul.work li.last { padding-right: 0px; }

				.recentBox ul.work li a:hover { color: #fff; background: #0093d4; }

				.recentBox ul.work li a span.last { padding-top: 5px; display: block; font-family: Arial; font-weight: normal; color: #0a0a0a; font-size: 11px; }

				.recentBox ul.work li a:hover span.last { color: #54d5ff; }

				.recentBox ul.work li span span { padding: 0px; color: #0085c0; display: inline; font-family: Arial, Helvetica, sans-serif; }

				.recentBox ul.work li a:hover span span { color: #54d5ff; }

				.recentBox ul.prev-next { float: right; }

				

				/* ### HELP BOX ### */

				.helpBox { padding-top: 48px; font-family: HelveticaNeue, Arial; width: 521px; float: left; }

				.helpBox h3 { padding-bottom: 10px; font-family: Georgia; font-size: 16px; font-weight: bold; color: #0a0a0a; font-style: italic; }

				.helpBox h2 { padding-bottom: 10px; font-family: HelveticaNeue, Arial; line-height: 30px; font-size: 24px; font-weight: normal; color: #0085b5; }

				.helpBox p { font-size: 14px; color: #000; line-height:20px; }

				

				/* ### NEWS BOX ### */

				.newsBox { margin-top: 48px; overflow: hidden; float: right; width: 380px; position: relative; height:172px; background: url('../images/recent-headingbg.gif') top left repeat-x; }

				

				.newsBox .display_controller1 { padding: 10px 10px 0 0; float: right }

				

				.newsBox .content { position: relative; height: 131px; width: 380px; overflow: hidden; }

				.newsBox .content img { display: block; height: 131px; width: 380px; }

				

				.newsBox ul li{ display: inline; list-style: none; }

				

				.newsBox ul.left{ float: left; }

				.newsBox ul.left span { cursor: pointer; float: left; margin-left: 2px; width: 30px; height: 19px; display: block; text-indent: -9999px; }

				

				.newsBox ul.left span.prev1 { background: url('../images/leftArrow.gif') no-repeat;}

				.newsBox ul.left span.next1 { background: url('../images/rightArrow.gif') no-repeat;}		

				

				.newsBox ul.right { padding: 5px 5px 0 0; float: left; }

				.newsBox ul.right span { float: left; margin-right: 5px; width: 10px; height: 10px; display: block; text-indent: -9999px; background: url('../images/bulletLink.png') no-repeat; }

				.newsBox ul.right span.selected1 { background: url('../images/bulletOver.png') no-repeat; }

				 

				.newsBox h3 { padding-left: 12px; height: 47px; line-height: 47px; font-size: 18px; color: #0078ad; font-weight: normal; }

				.newsBox h4 { padding-left: 12px; width: 368px; font-size: 14px; font-weight: normal; color: #fff; position: absolute; top: 94px; left: 0px; line-height: 32px; height: 32px; background: url('../images/news-headingbg.png') top left repeat-x; }

			

	/* ### FOOTER CONTAINER ### */

	#footerCntr { padding-top: 34px; overflow: hidden; height: 186px; background: url('../images/footer-bg.gif') top left repeat-x #0a0a0a; }

	

		/* ### FOOTER BOX ### */

		.footerBox { margin: auto; width: 950px; margin: auto; overflow: hidden; }

		.footerBox .contact { padding-top: 10px; margin-right: 20px; float: left; width: 180px; height: 157px; background: url('../images/footer-sep.gif') top right no-repeat; }

		.footerBox .social { padding-top: 10px; width: 143px; height: 157px; float: right; }

		.footerBox h3 { padding-bottom: 9px; color: #b3d7e7; font-size: 14px; }

		.footerBox ul { list-style: none; }

		.footerBox li { font-size: 11px; color: #383838; line-height: 16px; }

		.footerBox a { color: #5f5f5f; text-decoration: none; }

		.footerBox a:hover { color: #999999; }

		.footerBox address { font-style: normal; line-height: 16px; color: #5f5f5f; font-size: 11px; }

		.footerBox ul.network { list-style: none; overflow: hidden; }

		.footerBox ul.network li { padding-right: 8px; float: left; }

		.footerBox ul.network li a { display: block; text-indent: -9999px; }

		.footerBox ul.network li a.fb { width: 24px; height: 24px; background: url('../images/fb-icon.gif') top left no-repeat; }

		.footerBox ul.network li a.twitter { width: 25px; height: 25px; background: url('../images/twitter-icon.gif') top left no-repeat; }

		.footerBox ul.network li a.flicker { width: 24px; height: 24px; background: url('../images/flicker-icon.gif') top left no-repeat; }

		.footerBox p { padding-top: 15px; color: #5f5f5f; line-height: 16px; }







.blog h2{font-size: 28px; color: #0085b5; line-height: 30px; margin:0px 0px 10px 0px; border-bottom: 1px solid #7fb5cd; }

.blog h2 a{font-size: 28px; color: #0085b5; line-height: 30px; text-decoration:none;}

.blog h2 a:hover{font-size: 28px; color: #000000; line-height: 30px; text-decoration:none;}

.blog h3 { padding-bottom: 5px; font-family: Georgia; font-size: 22px; font-style: italic; font-weight: normal; color: #000; }

.blog h4{font-size: 16px; color: #0085b5; line-height: 20px; margin:0px 0px 2px 0px;}

.blog h6{font-size: 14px; color: #0085b5; line-height: 20px; margin:0px 0px 10px 0px; border-bottom: 1px solid #7fb5cd; }

.blog h6 a{font-size: 14px; color: #0085b5; line-height: 20px; text-decoration:none;}

.blog h6 a:hover{font-size: 14px; color: #000000; line-height: 20px; text-decoration:none;}

.blog p{ font-size: 14px; color: #000; line-height: 20px; }

.blog a{ font-size: 14px; color: #2d93d4; line-height: 20px; }

.blog ul{margin:0px 0px 0px 25px; padding:0px; display:block;}

.blog ul li{ list-style-type:dics; padding:10px 0px 5px 0px; margin:0px 0px 0px 5px;  font-size: 14px; color: #000; line-height: 18px;}





.box{width: 212px; height: 260px; background-color: #000000; margin: 0px 20px 35px 0px;  display: block; text-align: left; float: left;}



.box a{width: 212px; height: 260px; background-color: #000000; margin: 0px;  display: block; text-decoration: none;}	



.type{font-size: 10px; font-family: Arial; color: #7bd5fd; padding: 0px 0px 0px 8px;}



.worktitle{font-size: 18px; color: white; padding: 0px 0px 0px 8px; margin-bottom: 0px; line-height:20px;}



.box img{padding: 7px 0px 8px 6px; }



.box a:hover{width: 212px; height: 260px; background-color: #0085b5;}