/*
  @Nuno Costa [criacaoweb.net] Utils CSS.
  @Licensed under GPL2 and MIT.
  @Status: Stable
  @Version: 0.1-20090418
  
  @Contributors:
        -  http://meyerweb.com/eric/tools/css/reset/index.html 
  
  --------------------------------------------------------------- 
*/
/* From: http://meyerweb.com/eric/tools/css/reset/index.html  (Original) */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font: normal 13px 'Muli', Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style-image: url('../../uploads/images/greenbullet.gif');
	padding-left: 53px;
	padding-top: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before, q:after {
	content: '';
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
label {
	font-weight: 400;
}
/* ------- @Nuno Costa [criacaoweb.net] Utils CSS. ---------- */
* {
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
dfn {
	display: none;
	overflow: hidden;
}
/* ----------- Clear Floated Elements ----------- */
html body .util-clearb {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	position: static;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* ----------- Fix to Clear Floated Elements ----------- */
.util-clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.util-clearfix {
	display: inline-block;
}
* html .util-clearfix {
	height: 1%;
}
.util-clearfix {
	display: block;
}
/*  
@Nuno Costa [criacaoweb.net]
@Since [cmsms 1.6]
@Contributors: Mark and Dev-Team
*/

#blogheader {
	padding-left: 33px;
	margin-top: 15px;
}
#backtotop {
	float: right;
	clear: both;
}
.clear {
	clear: both;
}
/* Mask helper  for browsers ZOOM, Rezise and Decrease */
#headerbg {
}
#upperHeaderContainer {
	position: relative;
	-webkit-box-shadow: 0 0 5px 0 #333333;
	-moz-box-shadow: 0 0 5px 0 #333333;
	box-shadow: 0 0 5px 0 #333333;
}
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
	/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 5px 0 0;
}
/* colors for external links */
a.external:link {
	color: #1676A9;
	/* background image for the link to show wiki style arrow */
	background: url(../../uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #1676A9;
	/* a different color can be used for visited external links */
	/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(../../uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #1676A9;
	/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(../../uploads/NCleanBlue/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
	/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}
/* ------------ Standard  HTML elements and their default settings ------------ */
b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
p {
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 1em;
	text-align: left;
	font-size: 16px;
}
h1, h2, h3, h4, h5 {
	line-height: 1.6em;
	font-weight: normal;
	width: auto;
}
h1 {
	font-size: 33px;
	/*padding-top: 24px;*/
	font-weight: bold;
	color: #75A815;
	text-transform: capitalize;
	line-height: 42px;
}
h2 {
	line-height: 28px;
	color: #1676A9;
	font-weight: bold;
	font-size: 24px;
}
h3 {
	line-height: 28px;
	color: #1676A9;
	font-size: 21px;
	font-weight: bold;
}
h4 {
	line-height: 28px;
	color: #1676A9;
	font-weight: bold;
	font-size: 18px;
}
/*default link styles*/
a {
	color: #1676A9;
	text-decoration: none;
}
a:hover {
	color: #3A6B85;
}
a:active {
	color: #3A6B85;
}
a:visited {
	color: #1676A9;
}
input, textarea, select {
	font-size: 0.95em;
}
/* ------------ Wrapper ------------ */
div#pagewrapper {
	font-size: 95%;
	position: relative;
	z-index: 1;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
	float: left;
	padding: 12px;
}
.left img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.right {
	float: right;
	padding: 18px;
}
img.right {
	max-width: 100%;
	height: auto;
	display: block;
}
.right img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.bold {
	font-weight: bold;
}
.halves {
	margin: 30px auto 0;
}
.halves img {
	max-width: 100%;
	height: auto;
	display: block;
}
.halves-center {
	text-align: center;
}
.halves-center img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
#page_home .halves img {
	max-width: none;
	height: auto;
	max-height: 356px;
	display: inline;
}
.ideatitle {
	font-size: 35px;
	font-weight: bold;
	color: #74B108;
}
.ideatext {
	font-size: 21px;
	color: #74B108;
}
.subheader {
	text-align: center;
	margin-top: 5px;
}
/* ------------ Header ------------ */
#headersocialmedia {
	display: none;
}
.socialmedia > div {
	display: inline-block;
	height: 32px;
	width: 29px;
}
.linkedin {
	background: transparent url("../../uploads/images/linkedin.jpg") no-repeat top center;
}
.linkedin:hover {
	background: transparent url("../../uploads/images/linkedin_blue.jpg") no-repeat top center;
}
.facebook {
	background: transparent url("../../uploads/images/facebook.jpg") no-repeat top center;
}
.facebook:hover {
	background: transparent url("../../uploads/images/facebook_blue.jpg") no-repeat top center;
}
.twitter {
	background: transparent url("../../uploads/images/twitter.jpg") no-repeat top center;
}
.twitter:hover {
	background: transparent url("../../uploads/images/twitter_blue.jpg") no-repeat top center;
}
.tumbler {
	background: transparent url("../../uploads/images/tumbler.jpg") no-repeat top center;
}
.tumbler:hover {
	background: transparent url("../../uploads/images/tumbler_blue.jpg") no-repeat top center;
}
.socialmedia a {
	display: block;
	height: 32px;
	width: 28px;
}
.socialmedia a:hover {
	text-decoration: none;
}
#searchwrapper, #phone, #uppernav {
	vertical-align: top;
}
#searchwrapper {
	display: inline-block;
	margin-top: 4px;
	float: right;
}
#phone {
	font-family: 'Muli', 'arial', sans-serif;
	margin: 0;
	text-align: center;
}
#phone a {
	font-weight: bold;
	font-size: 24px;
	color: #1676A9;
	text-decoration: none;
}
#phone a:hover {
	color: #1676A9;
	text-decoration: underline;
}
#logo img {
	padding-top: 7px;
	margin: 0 auto;
}
#responsiveMenuButtonContainer {
	display: inline-block;
}
/* ------------ Header - Search ------------ */
div#search {
	display: inline-block;
	float: right;
	margin-top: 4px;
}
div#search label {
	text-indent: -9999em;
	height: 0;
	width: 0;
	display: none;
}
div#search input.search-input {
	width: 168px;
	height: 32px;
	border-style: none;
	color: #999;
	padding: 0 0 0 8px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	background: url(../../uploads/images/searchfield.jpg) no-repeat left top;
	margin-right: -5px;
}
div#search input.search-button {
	width: 37px;
	height: 32px;
	border-style: none;
	text-indent: -9999em;
	margin: 0;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	background: transparent url(../../uploads/images/search_button.jpg) no-repeat right top;
	vertical-align: top;
}
/* ------------ Content ------------ */
#content {
	text-align: left;
	padding-top: 5px;
}
#page_home #content {
	background: #76A916;
}
#bar {
	width: auto;
	height: 40px;
	padding-right: 1em;
	padding-left: 1em;
}
.print {
	margin-right: 75px;
	margin-top: 10px;
}
#version {
	width: 50px;
	height: 31px;
	position: absolute;
	z-index: 5;
	top: 130px;
	right: -16px;
	font-size: 1.6em;
	font-weight: bold;
	padding: 28px 15px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	background: url(../../uploads/NCleanBlue/version.png) no-repeat left top;
}
/* IE6 fixes */
* html div#version {
	top: 150px;
}
/* End IE6 fixes */
/* Site Title */
h1.title {
	font-size: 1.8em;
	color: #666666;
	margin-bottom: 0.5em;
}
h1.home {
	color: #fff;
	font-weight: 600;
	font-size: 250%;
	text-shadow: 1px 3px 5px #000000;
	text-align: center;

}
.greencontent {
	margin: 0 auto 0 auto;
	width: 75%;
	text-shadow: 1px 3px 5px #000000;
	color: #fff;
	font-size: 18px;
	text-align: center;
}
#growContainer {
	background: #76A916;
}
.grow {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	text-align: center;
	padding: 15px 0;
}
.grow:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.grow a {
	color: #fff;
	font-size: 18px;
}
.grow a:hover {
	text-decoration: none;
}
/* Breadcrumbs */
div.breadcrumbs {
	padding: 0.5em 0;
	font-size: 80%;
	margin: 0 1em;
}
div.breadcrumbs span.lastitem {
	font-weight: bold;
}
/* ------------ Side Bar (Left) ------------ */
#left {
	width: 250px;
}
/* Image that Represents the new CMS design */
#left .screen {
	margin: 10px 50px;
}
/* End  */
.sbar-title {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #252523;
}
.sbar-top {
	height: 20px;
	width: auto;
	padding: 10px;
	background: url(../../uploads/NCleanBlue/bg__content.png) no-repeat left top;
}
.sbar-main {
	width: auto;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	background: #F0F0F0;
}
span.sbar-bottom {
	width: auto;
	display: block;
	height: 10px;
	background: url(../../uploads/NCleanBlue/bg__content.png) no-repeat left bottom;
}
/* ------------ Main (Right) ------------ */
#main {
	width: 690px;
}
.main-top {
	height: 15px;
	width: auto;
}
.main-main {
	width: auto;
	padding: 0 20px 20px;
}
.main-bottom {
	width: auto;
	height: 41px;

}
.right49, .left49 {
	font-size: 0.85em;
	margin: 7px 5px 5px 10px;
	font-weight: bold;
}
.left49 span {
	display: block;
	padding-top: 1px;
}
.left49 a {
	font-weight: normal;
}
.right49 {
	height: 28px;
	width: 50px;
	padding-right: 10px;
	background: url(../../uploads/NCleanBlue/bull.png) no-repeat right top;
}
.right49 a, .right49 a:visited {
	padding: 7px 4px;
	display: block;
	color: #000;
	height: 15px;
	background: url(../../uploads/NCleanBlue/bull.png) no-repeat left top;
}
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
	font-size: 1.4em;
	color: #301E12;
}
div#main ul,
div#main ol,
div#main dl,
#footer ul,
#footer ol {
	line-height: 1em;
	margin: 0 0 1.5em 0;
}
div#main ul,
#footer ul {
	list-style: circle;
}
div#main ul li,
div#main ol li,
#footer ul li,
#footer ol li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
/* definition lists topics on bold */
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
/* ------------ Footer ------------ */
#footer-wrapper {
	margin-top: 5px;
	background: #76A916 url(../../uploads/images/footerborder.jpg) repeat-x left top;
}
#footer {
	color: #FFF;
	min-height: 175px;
	text-align: center;
}
#footercontent {
	clear: both;
	width: 100%;
	text-align: center;
}
#footerbold {
	font-weight: bold;
	text-align: center;
	font-size: 1.4em;
}
#footer .block {

	margin: 20px 10px 10px;
}
#footer .cms {
	text-align: right;
}
/* ------------ News Module ------------ */
#news {
	padding: 10px;
}
.NewsSummary {
}
.NewsSummaryPostdate,
.NewsSummaryCategory,
.NewsSummaryAuthor {
	font-style: italic;
	font-size: 0.8em;
}
.NewsSummaryLink {
	margin: 2px 0;
}
.NewsSummaryContent {
	margin: 10px 0;
}
.NewsSummaryMorelink {
	margin: 5px 0 15px;
}
/* ------------ End News Module ------------ */
#whitecontent {
	background: #fff url('../../uploads/images/greenborder.jpg') repeat-x left top;
	width: 100%;
}
#whitecontentbucket {
	margin: 0 auto 0 auto;
	text-align: center;
}
.whitecontentsection1, .whitecontentsection2 {
	text-align: left;
	margin-bottom: 15px;
}
.whitecontentsection1:after {
	content: " ";
	background: transparent url("../../uploads/images/dividershadow.jpg") no-repeat;
	position: absolute;
	right: 0;
	height: 317px;
	width: 17px;
	top: 0;
	display: none;
}
.learnmore {
	display: inline-block;
}
.learnmore a {
	display: block;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	background-color: #EA5F00;
	font-size: 15px;
	text-align: center;
	padding: 5px 22px 5px 22px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;

}
.learnmore a:hover {
	background-color: #FF7E20;
	text-decoration: none;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
#calltoactionsection {
	background: url('../../uploads/images/topshadow.jpg') repeat-x left top;
	width: 100%;
}
.calltoaction {
	margin: 0 auto 0 auto;
}
#gradientcontainer {
	max-width: 980px;
	padding: 35px;
	margin: 0 auto 0 auto;
	text-align: center;
}
.calltoaction a {
	display: block;
	color: #fff;
	line-height: 35px;
	font-size: 18px;
	padding: 8px 35px 8px 35px;
	font-weight: bold;
	background-color: #EA5F00;
	max-width: 270px;
	margin: 0 auto;
	text-align: center;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.calltoaction a:hover {
	background-color: #FF7E20;
	text-decoration: none;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
#footer a {
	color: #DCEDF1;
	text-decoration: underline;
	font-weight: bold;
}
#footerborder {
	border-top: #75B109 medium solid;
	padding-top: 30px;
}
.footergreentitle {
	font-size: 18px;
	color: #85BF19;
	font-weight: bold;
	display: block;
}
.footerwhitesections {
}
/* Sub-Template 1 Styles */
.content1280width {
	max-width: 1310px;
	margin: 0 auto;
	font-size: 17px;
	padding: 0 15px 28px;
}
.rightsection {
	text-align: center;
}
.rightsection .hideOnSmallDevice {
	display: none;
	margin: 5px auto;
}
.rightsection img {
	display: none;
}
.rightnopadding {
}
.rightnopadding img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.calltoactionbutton a {
	display: block;
	color: #fff;
	line-height: 35px;
	font-size: 18px;
	padding: 8px 35px 8px 35px;
	font-weight: bold;
	background-color: #EA5F00;
	max-width: 240px;
	margin: 0 auto 10px;
	text-align: center;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}
.calltoactionbutton a:hover {
	background-color: #FF7E20;
	text-decoration: none;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}
.left .calltoactionbutton a {
	margin: 0;
}
.twothirds {
}
.thirds {
	text-align: center;
	padding-bottom: 25px;
}
.thirds p {
	text-align: center;
}
.fourths {
	padding: 26px 15px 28px;
	text-align: center;
	vertical-align: top;
}
.fourths a {
	color: #75A916;
}
.fourths p {
	text-align: center;
}
.fourths-position-center {
	margin: 0 auto;
	text-align: left;
	max-width: 415px;
}
.fifths {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	margin-top: 22px;
	text-align: center;
}
.fifths img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.sixth {
	width: 49%;
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
	vertical-align: top;
}
.thirds img, .fourths img, .sixth img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.greenbg {
	background-color: #75b109;
	color: #fff;
	clear: both;
}
.greenwrapper {
	padding: 15px 0;
}
.greenbg img {
	max-width: 100%;
	height: auto;
	display: none;
}
img[src="uploads/images/webdev1.jpg"] {
	float: right;
}
.greenrightimage {
	float: right;
	padding: 0 42px 0 42px;
}
.greentextheading {
	font-size: 30px;
	font-weight: bold;
}
.greentextregular {
	font-size: 18px;
}
.greentextsubheading {
	font-size: 20px;
	font-weight: bold;
}
.greenhalves {
	text-align: center;
}
.greenBlock {
	width: 50%;
	float: left;
	padding: 10px 15px;
	text-align: center;
}
.greenBlock img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.greenBlock a {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.whitetexttitle {
	color: #fff;
	font-size: 27px;
	font-weight: bold;
}
.whitetext {
	color: #fff;
	font-size: 19px;
	font-weight: bold;
}
.greycontent {
	background-color: #E6E6E6;
	color: #333;
	clear: both;
}
.greycontent img {
	max-width: 100%;
	height: auto;
	display: block;
}
#usabilitybg {
	background: #76A916;
	color: #fff;
}
/* End Sub-Template 1 Styles */

/* Page specific */
#subheadertitle {
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	max-width: 320px;
	padding: 20px 0;
	text-align: center;
	margin: 0 auto;
}
#industrialwebdevelopment {
	background: #76A916;
	margin-bottom: 15px;
}
#webmarketing, #customindustrialapplications, #industrialsegmentserved, #resources, #portfolio, #about {
	background: #76A916;
	margin-bottom: 15px;
	padding: 0 15px;
}
#contact-us iframe {
	height: 150px !important;
}
/** website redesign css - backgrounds & hover effects **/
#websiteredesignbg {
	background: #454442;
	clear: both;
}
#jhp {
	background: #fff url(../../uploads/images/jhp.jpg) repeat-x scroll center top;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#jhp:hover {
	background: #fff url(../../uploads/images/jhp.jpg) repeat-x scroll center bottom;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#branom {
	background: #fff url(../../uploads/images/branom.jpg) repeat-x scroll center top;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#branom:hover {
	background: #fff url(../../uploads/images/branom.jpg) repeat-x scroll center bottom;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#encapsulite {
	background: #fff url(../../uploads/images/encapsulite.jpg) repeat-x scroll center top;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#encapsulite:hover {
	background: #fff url(../../uploads/images/encapsulite.jpg) repeat-x scroll center bottom;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#allsizesupply {
	background: #fff url(../../uploads/images/allsizesupply.jpg) repeat-x scroll center top;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#allsizesupply:hover {
	background: #fff url(../../uploads/images/allsizesupply.jpg) repeat-x scroll center bottom;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#provoast {
	background: #fff url(../../uploads/images/provoast.jpg) repeat-x scroll center top;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#provoast:hover {
	background: #fff url(../../uploads/images/provoast.jpg) repeat-x scroll center bottom;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#leecyn {
	background: #fff url(../../uploads/images/leecyn.jpg) repeat-x scroll center top;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#leecyn:hover {
	background: #fff url(../../uploads/images/leecyn.jpg) repeat-x scroll center bottom;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#relay {
	background: #fff url(../../uploads/images/relay.jpg) repeat-x scroll center top;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
#relay:hover {
	background: #fff url(../../uploads/images/relay.jpg) repeat-x scroll center bottom;
	max-width: 366px;
	height: 359px;
	margin: 0 auto;
}
/* FAQs */
.faq_q {
	cursor: pointer;
}
.faq_q:hover {
	cursor: pointer;
}
/* support section css */
#calltrackingbg {
	background: #81B41B url(../../uploads/images/calltrackingbg.jpg) no-repeat center top;
	color: #fff;
}
#websitehostingbg {
	background: url(../../uploads/images/webhosting_bg.jpg) no-repeat center top;
	color: #fff;

}
#domainbg {
	background: url(../../uploads/images/domainbg.jpg) no-repeat center top;
	color: #fff;
}
#webftp {
	background: url(../../uploads/images/webftpbg.jpg) no-repeat center top;
	color: #fff;
}
#aboutbg {
	background: #26469D url(../../uploads/images/aboutbg.jpg) no-repeat center top;
	color: #fff;
}
#aboutbg a {
	color: #fff;
}
#emailservicesbg {
	background: url(../../uploads/images/emailservicesbg.jpg) no-repeat center top;
	color: #fff;
}
.whitebg {
	width: 100%;
	float: left;
	padding: 20px;
	background-color: #fff;
	min-height: 200px;
	border-top: 7px solid #76A917;
	color: #000;
}
.thirds-whitebg {
	padding: 20px;
	background-color: #fff;
	min-height: 200px;
	border-top: 7px solid #76A917;
	color: #000;
}
.dropdown {
	width: 270px;
	position: relative;
}
.dropbtn {
	background: #76A916;
	width: 100%;
	border: none;
	padding: 10px 0;
	color: #ffffff;
}
.dropdown-content {
	display: none;
	position: absolute;
	z-index: 2;
	width: 100%;
}
.dropdown-content a {
	display: block;
	padding: 7px 10px;
	color: #608912;
	background: #DEF4B5;
}
.dropdown-content a:hover {
	text-decoration: none;
	background: #84BD1A;
	color: #ffffff;
}
.dropdown:hover .dropbtn {
	background: #608912;
}
.dropdown:hover .dropdown-content {
	display: block;
}
.postBox .postTitle {
	font-weight: 700;
	margin: 0;
}
.postBox .postDesc, .postBox .postLink {
	margin: 0;
}
.postBox .postLink {
	margin-bottom: 20px;
}
#footerwhite {
	font-size: 16px;
}
img[src="uploads/images/fastener-main.jpg"], img[src="uploads/images/b2c-main.jpg"] {
	display: none;
}
.hideOnSmaller {
	display: none;
}
img[src="uploads/images/mobile2.jpg"] {
	float: none !important;
}
.notRightOnSmallerDevices, .notLeftOnSmallerDevices {
	float: none;
}
.radio input[type="radio"] {
	margin-left: 0;
}
.portfolioButton, .portfolioButton:visited {
	display: block;
	background: #1574AA;
	color: #ffffff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 9px 30px;
	font-weight: 700;
	width: 330px;
	max-width: 100%;
	margin: 0 auto;
}
.portfolioButton.click-to-see-examples {
	background: #76a916;
}
.portfolioButton:hover, .portfolioButton:active {
	background: #3A6B85;
	color: #ffffff;
	text-decoration: none;
}
.portfolioButton.click-to-see-examples:hover, .portfolioButton.click-to-see-examples:active {
	background: #7a9b33;
}
.employmentBtn {
	background-color: #76A916;
	color: #fff !important;
	font-weight: bold;
	font-size: 14px;
	border-radius: 5px;
	border-width: 0;
	padding: 0.5em 2em;
}
.employmentBtn:hover {
	text-decoration: none;
	background: #8EC135;
}
.job_post {
	margin-bottom: 45px;
}
#career-share-icons img {
	margin-right: 5px;
}