/*
Theme Name:  SiteSuite Responsive
Theme Variation: 150400

Version:     1.0
Copyright:   All rights resevered.
*/

/* START reset.css */
/* CSS Mini Reset */
html,body,div,form,fieldset,legend,label,dt,dd{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}table{border-collapse:separate;border-spacing:0;}caption,td{font-weight:normal;}table,td,th{vertical-align:top;}blockquote:before,blockquote:after,q:before,q:after{content: "";}blockquote,q{quotes: "" "";}a img{border:none;}img{-ms-interpolation-mode:bicubic;}abbr[title],dfn[title]{border-bottom:1px dotted rgb(0,0,0);cursor:help;}textarea{overflow:auto;resize:vertical;}address{font-style:normal;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video {display:inline-block;}
audio:not([controls]){display:none;height:0;}
/* END reset.css */


/************************************************************************************
GLOBAL DEFAULT STYLES
*************************************************************************************/

/* // FONTS --------------- //
font-family: 'Roboto', sans-serif; 400, 700, 300, 100
font-family: 'Open Sans', sans-serif; 400, 300, 600, 700
// FONTS --------------- // */

html { -webkit-text-size-adjust: none; }

body { 
	background: #000;
	font: normal 14px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;
	color: #343434;
	padding: 0px;
	margin: 0px; }

h1, h2, h3, h4, h5, p { padding: 0px; margin: 0px; }

/* h1 { margin-bottom: 0.5em; font: normal 30px/36px Arial, Helvetica, sans-serif; color: #000; }
h2 { margin-bottom: 0.8em; font: normal 24px/26px Arial, Helvetica, sans-serif; color: #000; }
h3 { margin-bottom: 0.8em; font: normal 20px/22px Arial, Helvetica, sans-serif; color: #000; }
h4 { margin-bottom: 0.8em; font: normal 18px/22px Arial, Helvetica, sans-serif; color: #000; } */
p { margin-bottom: 0.9em; }

a { color: #16507b; text-decoration: none; }
a:hover { color: #909090; text-decoration: underline; }

hr { height: 1px; color: #eaeaea; background: #eaeaea; border: none; margin-botton: 0.8em; }

.clear,
.cLear { clear: both; }
.loggedIn,
.notLoggedIn { display: none; }

/* THEMES STYLES --- */
#navBlock { width: 100%; height: 50px; position: absolute; z-index: 90; top: 72px; left: 0; background: none transparent; }
#navBlock #mobileNav { display: none; }
ul.mainMenu { 
	position: relative;
	text-align: left;
	width: 960px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	font-size: 0;
	line-height: 0;
	z-index: 100; }
ul.mainMenu * {
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 100; }
ul.mainMenu ul {
	position: absolute;
	top: -999em;
	display: none;
	width: 180px;
	height: auto;
	background: #f1f1f1;
	padding: 10px 0px;
	margin: 0px;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	border-radius: 0 0 4px 4px;
	border-top: 4px solid #53bfd7;
	font-size: 0;
	line-height: 0; }
ul.mainMenu li:hover { visibility: inherit; }
ul.mainMenu a {
	position: relative;
	text-decoration: none; }
ul.mainMenu li:hover ul,
ul.mainMenu li.sfHover ul { left: 0px; top: 50px; z-index: 99; display: block; }
ul.mainMenu li {
	position: relative;
	float: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	text-align: center;
	font-size: 0;
	line-height: 0; }
/* ul.mainMenu > li.first { display: none; } */
ul.mainMenu li a {
	color: #fff;
	text-decoration: none;
	text-transform: none;
	font: 400 14px/50px 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 0px 10px 0px 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4); }
ul.mainMenu li li,
ul.mainMenu li li.first { float: none; display: block; width: 100%; max-width: none; position: relative; border-radius: 0px; height: auto; background: none; border-bottom: 1px dashed #d1d1d1; }
ul.mainMenu li li a {
	padding: 8px 15px 8px 15px !important;
	font: 500 13px/13px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	height: auto;
	color: #0d79d1;
	border: none;
	border-radius: 0px;
	text-shadow: none; }
ul.mainMenu li:hover,
ul.mainMenu li.sfHover,
ul.mainMenu li a:focus,
ul.mainMenu li a:hover,
ul.mainMenu li a:active,
ul.mainMenu li.sfHover > a { background: url(bg_nav_arrow.png) center bottom no-repeat; color: #31b6dc; }
ul.mainMenu li li:hover,
ul.mainMenu li li.sfHover,
ul.mainMenu li li a:focus,
ul.mainMenu li li a:hover,
ul.mainMenu li li a:active,
ul.mainMenu li li.sfHover > a { background: #e1e1e1; color: #31b6dc; }
ul.mainMenu ul a.sf-with-ul:after { 
	position: absolute;
	top: -5px;
	right: 10px;
	line-height: 43px;
	font: bold 10px/43px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	content: "\>";
	speak: none;
	-webkit-font-smoothing: antialiased; }
a.sf-with-ul span.sf-sub-indicator { display: none; }
span.submenuTrigger,
button.homeBtn { display: none; }

#headerBlock { background: #12507b url(bg_header.gif) left top repeat-x; height: 122px; width: 100%; position: relative; }
body.contentPages #headerBlock { box-shadow: 0px 0px 50px #fff; }
#headerBar { width: 980px; height: auto; margin: 0 auto; position: relative; background: url(bg_header_links.png) right top no-repeat; }
#headerBar a.logoBar { display: block; padding-top: 10px; float: left; }
#headerBar ul.headerActions { padding: 5px 0 0 0; margin: 0; list-style: none; float: right; font-size: 0; line-height: 0; position: relative; z-index: 99; }
#headerBar ul.headerActions a { display: block; }
#headerBar ul.headerActions a.getAQuote,
#headerBar ul.headerActions a.getPricing { 
	display: block;
	width: 145px;
	height: 40px;
	background: url(bg_getaquote_orange.png) left top no-repeat;
	font: bold 18px/30px 'Roboto', sans-serif;
	color: #ffffff;
	text-shadow: 1px 1px rgba(255, 72, 16, 0.8);
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto; }
#headerBar ul.headerActions a.getAQuote:hover,
#headerBar ul.headerActions a.getPricing:hover { color: #ffe6d4; }
#headerBar ul.headerActions a.getHelp { 
	width: 145px;
	height: 30px;
	padding-top: 10px;
	background: url(bg_getaquote_green.png) left top no-repeat;
	font: bold 18px/30px 'Roboto', sans-serif;
	color: #ffffff;
	text-shadow: 1px 1px rgba(65, 118, 10, 0.8);
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto; }
#headerBar ul.headerActions a.getHelp:hover { color: #cbf1a3; }
#headerBar ul.headerActions a.callUs { 
	font: 600 22px/28px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 1px 1px rgba(80, 80, 80, 0.7);
	text-decoration: none; }
#headerBar ul.headerActions a.callUs:hover { color: #dadada; }
#headerBar ul.headerLinks { padding: 5px 10px 0 0; margin: 0; list-style: none; float: right; font-size: 0; line-height: 0; }
#headerBar ul.headerLinks li { padding: 0; margin: 0; display: block; float: left; }
#headerBar ul.headerLinks li a { 
	display: block;
	padding: 0 13px;
	color: #e1dbdb;
	font: normal 11px/28px 'Open Sans', Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px rgba(40, 40, 40, 0.4);
	text-decoration: none; }
#headerBar ul.headerLinks li a:hover { color: #fff; }
#headerBar ul.headerLinks li a i { display: none; }
#headerBar ul.headerLinks li.login i { display: inline; font-size: 14px; line-height: 28px; color: #fff; padding-right: 4px; }

/* // #headerBlock.fixedUp { position: fixed; top: 0; left: 0; z-index: 99; background: #12507b; } // */

#mainBlock { width: 100%; height: auto; position: relative; z-index: 50; background: #fff; }
body.contentPages #mainBlock { background: url(bg_mainbar.opt.jpg) center top repeat; padding: 1em 0; }

#hpSliderBox { text-align: center; height: 510px; background: #0496cc url(bg_mainbar_gradient_blue.png) center top no-repeat; margin: 0 0 50px 0; }
#hpSliderTxt { height: 155px; padding: 30px 0 0 0; color: #ffffff; font: 300 31px/1.8em 'Roboto', sans-serif; text-shadow: 1px 1px rgba(60, 60, 60, 0.4); }
#hpSliderTxt p { padding: 0; margin: 0; }
#hpSliderTxt h1 { font: 400 41px/1.1em 'Roboto', sans-serif; text-transform: none; color: #fff; margin: 0; }
#hpSliderImg { position: relative; width: 960px; height: 375px; margin: 0px auto; }
#hpSliderAni { width: 960px; height: 375px; position: relative; margin: -20px 0 0 0; padding: 0; list-style: none; }
#hpSliderAni a { display: block; position: relative; }
#hpSliderAni img {
	display: none;
	cursor: pointer;
	border: 1px solid #e9eef3;
	padding-top: 10px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	border-radius: 3px 3px 0 0;
	/*background: #cfd2d4 url(bg_hp_slider_img.gif) left top repeat-x;*/
	background: #cfd2d4;
	width: 450px;
	height: 340px; }

#hpVideoSummary { width: 900px; padding: 40px 0; margin: 0 auto; overflow: hidden; font: 300 20px/1.4em "Roboto", sans-serif; text-shadow: 1px 1px rgba(60, 60, 60, 0.1); color: #186499; }
#hpVideoSummary img { margin: 0 -20px 0 0; }
#hpVideoSummary p { margin: 10px 0 0 0; padding: 0; }
#hpVideoSummary h3 { font: 300 30px/1.4em 'Roboto', sans-serif; margin-top: 20px; color: #186499; }
#hpVideoSummary a.btnOrange { 
	width: 217px;
	height: 27px;
	padding: 0;
	margin: 10px 0 0 auto;
	display: block;
	font: bold 14px/27px 'Open Sans', Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	text-shadow: -1px -1px rgba(150, 150, 150, 0.6);
	border-radius: 3px;
	background: url(bg_btn_orange.png) left center repeat-x; }

#hpSummaryBox { width: 908px; height: auto; margin: 50px auto 30px auto; clear: both; text-align: center; }
#hpSummaryBox .summaryBlock { 
	float: left;
	width: 195px;
	min-height: 300px;
	border: 1px solid #dddddd;
	margin: 0 5px;
	padding: 10px;
	border-radius: 5px;
	font: normal 15px/1.2em Arial, Helvetica, sans-serif; }
#hpSummaryBox h2 { font: 300 30px/1.4em 'Roboto', sans-serif; margin-bottom: 1.1em; text-shadow: 1px 1px rgba(60, 60, 60, 0.1); color: #186499; }
#hpSummaryBox h3 { font: normal 19px/1.1em Arial, Helvetica, sans-serif; margin-bottom: 0.8em; }

#hpQuoteBar { 
	width: 900px;
	height: 65px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	background: url(bg_hp_quotebar.gif) center top no-repeat;
	color: #ffffff;
	text-shadow: 1px 1px rgba(50, 50, 50, 0.4);
	border-radius: 3px;
	font: normal 28px/65px 'Roboto', sans-serif; }
#hpQuoteBar p { padding: 0; margin: 0; }
#hpQuoteBarLeft { float: left; padding: 0 0 0 20px; }
#hpQuoteBarLeft a { color: #fff; text-decoration: none; }
#hpQuoteBarRight { float: right; padding: 0; }
#hpQuoteBarRight a { 
	display: block;
	font: bold 28px/65px 'Roboto', sans-serif;
	height: 65px;
	padding: 0 20px 0 0;
	float: right;
	color: #ffffff;
	text-decoration: none;
	border-radius: 3px; }
#hpQuoteBarRight a:hover { color: #ffe6d4; }

#homePageNewProjects { border-top: 1px solid #c4c3c3; }
#homePageNewProjectBlock { width: 900px; margin: 0 auto; padding: 0 0 40px 0; }
#homePageNewProjects h3 { 
	background: #186499;
	width: 360px;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	padding: 0;
	margin: -10px 0 0 0;
	font: normal 12px/22px 'Open Sans', Helvetica, Arial, sans-serif;
	position: relative; }
#homePageTestimonials { border-top: 1px solid #c4c3c3; border-bottom: 1px solid #C4C3C3; margin: 0 auto; }
#homePageTestimonialBlock { width: 900px; margin: 0 auto; padding: 0 0 20px 0; }
#homePageTestimonials h3 { 
	background: #186499;
	width: 275px;
	position: relative;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	padding: 0;
	margin: -10px 0 0 0;
	font: normal 12px/22px 'Open Sans', Helvetica, Arial, sans-serif; }
#homePageTestimonials .homePageTestimonial { 
	float: left;
	width: 29%;
	padding: 20px 2%;
	font: normal 11px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #5c5c5c; }
#homePageTestimonials .homePageTestimonial h4 { 
	font: italic normal 14px/1.3em Georgia, "Times New Roman", Times, serif;
	color: #5c5c5c;
	height: 130px;
	padding: 0;
	margin: 0;
	display: block; }
#homePageTestimonials .homePageTestimonial strong { font: normal 21px/22px 'Open Sans', Helvetica, Arial, sans-serif; color: #000000; }
#homePageTestimonials .homePageTestimonial a { text-decoration: none; }
#homePageTestimonials .homePageTestimonial span a { color: #5c5c5c; }
#homePageTestimonials .homePageTestimonial img { float: left; }

#hpAniBlock { width: 940px; margin: 0 auto; padding: 20px 0; }

#hpAniBlock h2 { font: 300 30px/1.4em 'Roboto', sans-serif; margin-bottom: 1.1em; text-shadow: 1px 1px rgba(60, 60, 60, 0.1); color: #186499; }
#hpAniBlock .textColumn { float: left; width: 430px; margin: 0 0 0 5px; padding: 0 20px 0 0; color: #797979; font: normal 14px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #151515; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); }
#hpAniBlock .hpAnimation { float: right; width: 470px; height: 290px; padding: 0; background: url(bg_hp_animation.gif) left top no-repeat; position: relative; }
#hpAniBox { width: 295px; height: 190px; margin: 28px 0 0 89px; background: #ffffff; }
#hpAniBox .hpImage { display: none; }
#hpAniBoxNav { width: 295px; text-align: center; margin: 50px 0 0 89px; }
#hpAniBoxNav span { 
	display: inline-block;
	padding: 0;
	margin: 0 2px;
	width: 10px;
	height: 11px;
	font-size: 0px;
	line-height: 11px;
	background: url(bg_hp_animation_pager.gif) left bottom no-repeat;
	color: #edede5;
	cursor: pointer; }
#hpAniBoxNav span.cycle-pager-active { background: url(bg_hp_animation_pager.gif) left top no-repeat; color: #99a3a6; }
#hpAniBoxPrev { position: absolute; top: 100px; left: 20px; width: 25px; height: 25px; cursor: pointer; background: url(bg_hp_animation_prev.gif) left top no-repeat; }
#hpAniBoxPrev:hover { background: url(bg_hp_animation_prev.gif) left bottom no-repeat; }
#hpAniBoxNext { position: absolute; top: 100px; right: 20px; width: 25px; height: 25px; cursor: pointer; background: url(bg_hp_animation_next.gif) left top no-repeat; }
#hpAniBoxNext:hover { background: url(bg_hp_animation_next.gif) left bottom no-repeat; }
#hpAniBlock a { text-decoration: none; }
#hpAniBlock h3 { font: normal 19px/1.5em 'Open Sans', Helvetica, Arial, sans-serif; color: #000000; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); margin: 0 0 1.8em 0; }
#hpAniBlock a.buTTonMed { 
	width: 160px;
	height: 33px;
	padding: 0;
	margin: 0;
	display: block;
	font: bold 12px/33px 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	text-shadow: -1px -1px rgba(150, 150, 150, 0.6);
	background: url(btn_blue_med.png) left top no-repeat;
	position: relative;
	z-index: 100; }
#hpAniBlock a.buTTonMed { display: inline-block; background: url(btn_green_med.png) left top no-repeat; }
#hpAniBlock a.buTTonMed:hover { color: #dfdfdf; }

#homePagePrefered { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+74,ededed+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 74%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 74%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 74%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
position: relative;
width: auto;
height: auto; }
#homePagePreferedBlock { max-width: 900px; margin: 0 auto; padding: 10px 0; text-align: center; }
#homePagePreferedBlock a { text-decoration: none; }
#homePagePreferedBlock img { margin: 5px 15px; }


#homeManyClients { background: url(bg_many_clients.jpg) left top repeat; height: 144px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#homeManyClientsBlock { width: 940px; margin: 0 auto; padding: 15px 0 0 0; font: normal 18px/1.2em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #5d6467; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); }
#homeManyClientsBlock h3 { font: normal 58px/58px 'Open Sans', Helvetica, Arial, sans-serif; color: #5d6467; margin: 0; }
#homeManyClientsLeft { float: left; width: 450px; text-align: center; }
#homeManyClientsRight { float: right; width: 450px; text-align: center; }
#homeManyClientsRight h3 { color: #71a066; }

#homePageServiceBlock { width: 940px; margin: 0 auto; padding: 20px 0; }
#homePageServiceBlock .textColumn { float: left; width: 240px; margin: 0 0 0 5px; padding: 0 15px; color: #797979; font: normal 11px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); }
#homePageServiceBlock .textColumn strong { color: #151515; }
#homePageServiceBlock .textColumn img { float: left; padding: 0px 10px 10px 0px; }
#homePageServiceBlock .textColumnWide { float: left; width: 350px; margin: 0 0 0 5px; padding: 0 20px 0 0; color: #797979; font: normal 14px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #151515; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); }
#homePageServiceBlock h1 { font: normal 30px/1.5em 'Open Sans', Helvetica, Arial, sans-serif; color: #16507b; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); padding-bottom: 10px; color: #000000; }
#homePageServiceBlock h2,
#homePageServiceBlock h2 { font: normal 19px/1.5em 'Open Sans', Helvetica, Arial, sans-serif; color: #000000; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); margin: 0 0 1.2em 0; }
#homePageServiceBlock ul.siteMap li { padding: 0; margin: 0; float: left; width: 180px; height: 220px; }
#homePageServiceBlock ul.siteMap ul li { float: none; width: auto; height: auto; }
#homePageServiceBlock ul.siteMap a { text-decoration: none; padding: 5px 5px; }
#homePageServiceBlock ul.siteMap strong { font-size: 14px; }
#homePageServiceBlock a.buTTon { 
	width: 120px;
	height: 33px;
	padding: 0;
	margin: 0;
	display: block;
	font: bold 12px/33px 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	text-shadow: -1px -1px rgba(150, 150, 150, 0.6);
	background: url(btn_blue.png) left top no-repeat;
	position: relative;
	z-index: 100; }
#homePageServiceBlock a.buTTon:hover { color: #dfdfdf; }

#homePageMedia { border-top: 1px solid #c4c3c3; border-bottom: 1px solid #c4c3c3; }
#homePageMediaBlock { width: 900px; margin: 0 auto; padding: 40px 0 20px 0; text-align: center; }
#homePageMediaBlock a { text-decoration: none; }

#homePageTxt { border-top: 1px solid #c4c3c3; }
#homePageTxtContainer { width: 900px; margin: 0 auto; position: relative; /* background: url(/persistent/images/bg_contactblock.gif) right bottom no-repeat; */ }
#homePageBlog { float: left; width: 340px; padding: 20px 0 25px 0; }
#homePageBlogContent { 
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
	border: 1px solid #ccc;
	background: #ffffff;
	padding: 20px 20px 10px 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	font: normal 13px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; }
#homePageBlogContent small,
#homePageBlogContent small a { color: #909090; text-transform: uppercase; font: normal 10px/1.5em 'Open Sans', Helvetica, Arial, sans-serif; }
#homePageBlogContent a { font: normal 16px/1.5em 'Open Sans', Helvetica, Arial, sans-serif; text-decoration: none; }
#homePageBlogContent p.blogText { margin: 0; }
#homePageTxtBlock { 
	float: right;
	width: 500px;
	padding: 20px 20px 10px 20px;
	text-align: left;
	background: none;
	font: normal 13px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; }
#homePageTxtBlock h2,
#homePageBlogContent h2 { font: normal 19px/1.5em 'Open Sans', Helvetica, Arial, sans-serif; color: #000000; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); margin-bottom: 0.8em; }
#homePageTxtBlock a { text-decoration: none; }

#breadCrubms { height: 41px; padding: 0; text-align: left; margin: 0 auto; width: 970px; }
#crumbTitle { float: left; }
#crumbTitle h1 { 
	font: italic normal 27px/1.5em Georgia, "Times New Roman", Times, serif; color: #16507b;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
	width: 500px;
	padding-left: 20px; }
#crumbItems { 
	border-top: 1px solid #f3f3f3;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #e8e8e8;
	background: #eaeaef url(bg_crumbitems.gif) left top repeat-x;
	border-radius: 4px;
	padding: 4px;
	margin: 0;
	float: left;
	font: normal 11px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; }
#crumbItems a { 
	color: #16507b;
	text-decoration: none;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
	padding: 6px 5px 6px 10px;
	border-left: 1px solid #dadada; }
#crumbItems a.homeButton { background: none; padding: 0px 4px 0px 4px; position: relative; top: 2px; border: none; font-size: 14px; color: #bababa; }
#crumbItems a:hover { color: #000000; }
#crumbMessage { 
	float: right;
	font: normal 17px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #797979;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.6); }


#mainBar { 
	width: 920px;
	margin: 0 auto;
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
	border: 1px solid #ccc;
	background: #ffffff;
	padding: 20px 20px 10px 20px;
	border-radius: 8px; }
#mainBar.noBg {
	width: 940px;
	margin: 0 auto;
	background: #ffffff;
	padding: 20px 10px 10px 10px;
	box-shadow: none;
	border: none;
	border-radius: 0; }
#mainBar h1 { font: 400 31px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 0.8em; color: #000000; }
#mainBar h2,
#mainBar h1.blueText { font: 400 22px/1.2em 'Open Sans', Helvetica, Arial, sans-serif; margin-bottom: 0.8em; color: #1d5d88; }
#mainBar h3 { font: normal 24px/1.5em 'Open Sans', Helvetica, Arial, sans-serif; margin-bottom: 0.8em; color: #2b2b2b; }
#mainBar h4 { font: normal 14px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 0.8em; color: #16507b; }
#mainBar h5 { font: normal 14px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 0.8em; letter-spacing: 1px; color: #797979; text-transform: uppercase; color: #797979; }
#mainBar h6 { font: italic bold 14px/1.4em Georgia, "Times New Roman", Times, serif; color: #797979; margin-bottom: 0.8em; color: #797979; }
#mainBar .textColumnTwo { float: left; width: 48%; margin: 1.5em 1%; }
#mainBar .textColumnTwo i {
	background: #fff none repeat scroll 0 0;
	border-radius: 10em;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	color: #6db028;
	float: left;
	font-size: 30px;
	height: 50px;
	line-height: 50px;
	margin: 0 10px 0 0;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	width: 50px; }
#mainBar .textColumn { float: left; width: 31%; margin: 1.5em 1%; }
#mainBar .greyBG { background: #e7e7e7; border: 3px solid #dfdfdf; padding: 5px 0px; border-radius: 8px; }
#mainBar .orangeBG { background: #D24811; border: 3px solid #D1D1D1; padding: 5px 0px; border-radius: 8px; color: #ffffff; }
#mainBar .orangeBG h2 { color: #ffffff; }
#mainBar .blueBG { background: #d1e6f9; border: 3px solid #91b3d1; padding: 5px 0px; border-radius: 8px; color: #ffffff; }
#mainBar .blueBG h2 { color: #5280a9; }
#mainBar .greenBG { background: #e0f4e4; border: 3px solid #c2e3c9; padding: 5px 0px; border-radius: 8px; color: #ffffff; }
#mainBar .greenBG h2 { color: #6cb37b; }

		#mainBar .content_header { 
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			-khtml-border-radius: 8px;
			border-radius: 8px;
			background: url(/persistent/images/hero_001.jpg) right top no-repeat;
			width: 669px;
			height: 270px;
			padding: 150px 269px 29px 20px;
			margin: -20px -20px 20px -20px;
			color: #ffffff;
			font: normal 15px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; }
		#mainBar .ecommerce { background: url(https://www.sitesuite.com.au/persistent/images/hero-ecommerce.jpg) right top no-repeat; }
		#mainBar .diy_websites { background: url(https://www.sitesuite.com.au/persistent/images/hero-diy-websites.jpg) right top no-repeat; }
		#mainBar .custom_design { background: url(https://www.sitesuite.com.au/persistent/images/hero-website-design.jpg) right top no-repeat; }
		#mainBar .online_stores { /* background: url(/persistent/images/hero_online_stores.jpg) right top no-repeat; */ }
		#mainBar .cms { background: url(https://www.sitesuite.com.au/persistent/images/hero-sitesuite-cms.jpg) right top no-repeat; }
		#mainBar .newsletter { background: url(https://www.sitesuite.com.au/persistent/images/hero-email-marketing.jpg) right top no-repeat; }
		#mainBar .toolbox { background: url(https://www.sitesuite.com.au/persistent/images/hero_seo_services.jpg) right top no-repeat; }
		#mainBar .seo_services { 
			background: url(https://www.sitesuite.com.au/persistent/images/hero_001.jpg) right top no-repeat;
			height: 370px;
			padding: 50px 269px 29px 20px; }

		#mainBar .our_story { 
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
		background: url(/images/why-choose-us-page-banner2.jpg) right top no-repeat;
		height: 250px;
		margin: -20px -20px 20px -20px;
		color: #ffffff;
		font: normal 15px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; }
		#mainBar .promotions { 
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
		background: url(/images/promotion_header.jpg) right top no-repeat;
		height: 190px;
		padding: 20px 170px 30px 20px;
		margin: -20px -20px 20px -20px;
		color: #ffffff;
		font: normal 15px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; }
		#mainBar .promotions_01 { 
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
		height: 190px;
		padding: 30px 170px 30px 30px;
		margin: -20px -20px 20px -20px;
		color: #ffffff;
		font: normal 15px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; }
			#mainBar .content_header h1, #mainBar .promotions h1, #mainBar .promotions_01 h1 { 
				font: normal 29px/1em 'Open Sans', Helvetica, Arial, sans-serif;
				padding-bottom: 10px; }
			#mainBar .content_header h1, #mainBar .content_header p, #mainBar .promotions h1, #mainBar .promotions_01 h1 { 
				text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
				/*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#565656, offX=1, offY=1, positive=true);*/
				width: 100%;
				height: auto;
				color: #ffffff; }
			#mainBar .portfolio_header { 
				height: 40px;
				overflow: hidden; }
			#mainBar .portfolio_header h1 { 
				font: normal 24px/1em 'Open Sans', Helvetica, Arial, sans-serif;
				color: #16507b;
				float: left; }
				#mainBar .portfolio_header h1 a { color: #87888a; text-decoration: none; }

#bigGreyBar { 
	width: 918px;
	height: 81px;
	margin: -42px auto 0px auto;
	position: relative;
	padding: 0px;
	background: url(bg_bgbar.png) center top repeat-y;
	color: #ffffff;
	text-shadow: 1px 1px rgba(50, 50, 50, 0.6);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
	#bigGreyBarLeft { float: left; padding: 25px 0px 0px 20px; }
	#bigGreyBarLeft span.largeText { font: normal 24px/28px 'Open Sans', Helvetica, Arial, sans-serif; }
	#bigGreyBarLeft span.largeText em { font-size: 28px; }
		#bigGreyBarLeft span.smallText { 
			background: url(bg_grey_tick.png) left center no-repeat;
			padding: 0px 10px 0px 20px;
			font: normal 14px/16px 'Open Sans', Helvetica, Arial, sans-serif; color: #d7d4d4; }
	#bigGreyBarRight { float: right; padding: 25px 20px 0px 0px; }
		#bigGreyBarRight a.buTTonOrange,
		#bigGreyBarRight a.buTTonGreen { 
			display: block;
			float: left;
			padding: 0;
			margin: 0 1px;
			width: 160px;
			height: 30px;
			border: none;
			cursor: pointer;
			background: url(bg_btn_orange.png) left top repeat-x;
			font: bold 15px/30px 'Open Sans', Helvetica, Arial, sans-serif;
			color: #ffffff;
			text-shadow: -1px -1px rgba(255, 72, 16, 0.8);
			border-radius: 3px;
			text-align: center;
			text-decoration: none; }
		#bigGreyBarRight a.buTTonGreen { 
			background: url(bg_btn_green.png) left top repeat-x;
			text-shadow: -1px -1px rgba(65, 118, 10, 0.8); }


#seoGreyBar { 
	width: 918px;
	height: auto;
	margin: -42px auto 0px auto;
	position: relative;
	padding: 0px;
	background: url(bg_bgbar.png) center top repeat-y;
	color: #ffffff;
	text-shadow: 1px 1px rgba(50, 50, 50, 0.6);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }
#seoGreyBar form { padding: 20px; margin: 0; overflow: hidden; }
#seoGreyBar input { 
	padding: 10px;
	margin: 5px 2px 5px 0;
	box-sizing: border-box;
	border: 0;
	width: 40%;
	height: 50px;
	border-radius: 3px;
	font: 400 18px/50px 'Open Sans', Helvetica, Arial, sans-serif;
	float:left; }
#seoGreyBar button { 
	float:left;
	box-sizing: border-box;
	padding: 0;
	margin: 5px 0 5px 0;
	width: 18%;
	height: 50px;
	border: none;
	cursor: pointer;
	background: #ff8419; /* Old browsers */
	background: -moz-linear-gradient(top, #ff8419 0%, #ff8112 50%, #ee6f00 51%, #f7790b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff8419 0%,#ff8112 50%,#ee6f00 51%,#f7790b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff8419 0%,#ff8112 50%,#ee6f00 51%,#f7790b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8419', endColorstr='#f7790b',GradientType=0 ); /* IE6-9 */
	font: 600 20px/50px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px rgba(255, 72, 16, 0.8);
	border-radius: 3px;
	text-align: center;
	text-decoration: none; }
#seoGreyBar button:hover { background: #f7790b; }
#seoGreyBar span.largeText { font: normal 24px/28px 'Open Sans', Helvetica, Arial, sans-serif; display: block; }
#seoGreyBar span.largeText em { font-size: 28px; }
#seoGreyBar span.smallText { 
	padding: 0;
	font: normal 14px/16px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #d7d4d4; }


table.detailsTable { margin: 0 0 0.8em 0; }
table.detailsTable td { padding: 10px 20px; background: #fafafa; }
table.detailsTable td h5 img { vertical-align: middle; }
table.detailsTable td h5 {  }
table.detailsTable td ul { font-size: 13px; }

table.product-table { border-spacing: 2px; }
table.product-table tr { background: #f7f7f7; }
table.product-table tr:nth-child(even) { background: #fafafa; }

div.why-us-frame { width: auto; height: auto; position: relative; margin: -20px -20px 10px -20px; border-radius: 5px 5px 0 0; }
div.why-us-frame iframe { width: 100%; height: 600px; border-radius: 5px 5px 0 0; }

a.blue-button,
a.green-button { 
	width: 160px;
	height: 33px;
	padding: 0;
	margin: 0;
	display: block;
	font: bold 12px/33px 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	text-shadow: -1px -1px rgba(150, 150, 150, 0.6);
	background: url(btn_blue_med.png) left top no-repeat;
	position: relative;
	z-index: 100; }
a.green-button { display: block; background: url(btn_green_med.png) left top no-repeat; }
a.blue-button:hover,
a.green-button:hover { color: #dfdfdf; }

#mainBar .priceRequestForm { clear: both; }
#mainBar .priceRequestForm .floatLeft { float: left; padding: 10px; }
#mainBar .priceRequestForm .floatRight { float :right; padding: 10px; }
#mainBar .priceRequestForm .inputBox { 
	border: 1px solid #dadada;
	padding: 6px 5px 6px 5px;
	margin: 0px 0px 20px 0px;
	color: #87888a;
	font: normal 14px/1em Arial, Helvetica, sans-serif;
	width: 250px; }
#mainBar .priceRequestForm .inputBoxLong { 
	border: 1px solid #dadada;
	padding: 6px 5px 6px 5px;
	margin: 0px;
	color: #87888a;
	font: normal 14px/1em Arial, Helvetica, sans-serif;
	width: 550px; }
#mainBar .priceRequestForm .radioBox { 
	background: #fafafa;
	padding: 4px;
	color: #165480;
	width: auto;
	float: left; }
#mainBar .priceRequestForm .radioBox input,#mainBar .priceRequest .radioBox label { float: left; padding: 0px 5px; }
#mainBar .priceRequestForm .radioBox .error { float: right; }
#mainBar .priceRequestForm .textBox { 
	border: 1px solid #dadada;
	padding: 6px 5px 6px 5px;
	margin: 0px;
	color: #87888a;
	font: normal 14px/1em Arial, Helvetica, sans-serif;
	width: 400px;
	height: 123px; }
#mainBar .priceRequestForm .laBel { color: #2b2b2b; font-size: 12px; }
#mainBar .priceRequestForm .error { color: #cc0000; display: block; }
#mainBar .priceRequestForm input.error, #mainBar .priceRequest textarea.error { border: 1px solid #cc0000; }
#mainBar .priceRequestForm .buTTon { 
	width: 160px;
	height: 43px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: block;
	font: bold 13px/1em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	text-shadow: -1px -1px rgba(150, 150, 150, 0.3);
	background: url(bg_orange_btn.png) left top no-repeat;
	border: none;
	cursor: pointer; }
#mainBar .priceRequestForm small { color: #b4b6b8; font: normal 11px Arial, Helvetica, sans-serif; }

#mainBar .priceRequest { clear: both; }
#mainBar .priceRequest a { text-decoration: none; position: relative; z-index: 100; }
#mainBar .priceRequest ul { list-style: disc; margin-left: 1.4em; }
#mainBar .priceRequest h1 { 
	font: 300 31px/1.2em 'Roboto', Helvetica, Arial, sans-serif;
	margin-bottom: 0.8em;
	text-align: center;
	color: #16507b; }
#mainBar .priceRequest h2 { 
	font: normal 20px/1.2em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0.8em;
	color: #000000;
	text-align: center;
	background: none; }
#mainBar .priceRequest h3 { 
	font: 700 16px 'Roboto', Helvetica, Arial, sans-serif;
	margin-bottom: 0.8em;
	text-align: left;
	height: 57px;
	text-transform: uppercase;
	color: #16507b; }
#mainBar .priceRequest h3 i { 
	font-size: 30px;
	line-height: 50px;
	float: left;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	border-radius: 10em;
	text-align: center;
	width: 50px;
	height: 50px;
	color: #6db028;
	margin: 0 10px 0 0; }
#mainBar .priceRequest td.firstBox { border-right: 1px dashed #cccccc; padding: 10px 20px; width: 260px; }
#mainBar .priceRequest td.middleBox { border-right: 1px dashed #cccccc; padding: 10px 20px; width: 260px; }
#mainBar .priceRequest td.lastBox {  padding: 10px 20px; width: 260px; }
#mainBar .priceRequest hr { height: 1px; border: none; margin: 0px 0px 20px 0px; padding: 0px; color: #cccccc; background: #cccccc; }
#mainBar .priceRequestForm { background: #f5f5f5; padding: 20px; }
#mainBar .priceRequestForm form { width: 632px; margin: 0px auto; }
#mainBar .priceRequestForm textarea.textBox { width: 600px; }
#mainBar .priceRequestForm input.inputBox { width: 284px; }
#mainBar .priceRequestForm input.buTTon { margin: 0px auto; }

#mainBar .reVised.priceRequestForm { float: right; width: 50% ;}
#mainBar .reVised.priceRequestForm form { width: 100%; }
#mainBar .reVised.priceRequestForm form .floatLeft { float: none; width: auto; }
#mainBar .reVised.priceRequestForm form .floatRight { float: none; width: auto; }
#mainBar .reVised.priceRequestForm input.inputBox { 
	width: 100%; 
	box-sizing: border-box; }
#mainBar .reVised.priceRequestForm input.inputBoxLong { 
	width: 100%; 
	box-sizing: border-box; }
#mainBar .reVised.priceRequestForm textarea.textBox { 
	width: 100%;
	height: 123px;
	box-sizing: border-box; }
#mainBar .priceRequestTxt { float: left; width: 40%; }

#mainBar .contactPages h1 { font: normal 24px/1.5em 'Open Sans', Helvetica, Arial, sans-serif; color: #16507b; }
#mainBar .contactPages h2 { font: normal 14px/1em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #ffffff; padding: 10px 10px; background: #29b4db; border-radius: 8px; }
#mainBar .contactPages h3 { font: normal 21px/1em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #16507b; margin: 0px; }
#mainBar .contactPages .floatLeft { float: left; padding: 10px; }
#mainBar .contactPages .floatRight { float :right; padding: 10px; }
#mainBar .contactPages .floatRightBubble { 
	float: left;
	padding: 15px;
	margin-top: 20px;
	background: #faf9f9;
	border: 1px solid #e4e4e4;
	border-radius: 8px;
	font: normal 22px/1.4em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #ff8500;
	position: relative; }
#mainBar .contactPages .rightBubble { 
	position: absolute;
	width: 45px;
	height: 49px;
	top: 60px;
	left: -45px;
	background: url(bg_rightbubble.png) left top no-repeat; }
#mainBar .contactPages .floatRightBubble ul { font: normal 14px/1.9em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #000000; }
#mainBar .contactPages .floatRightBubble li { float: left; width: 200px; }
#mainBar .contactPages .inputBox { border: 1px solid #dadada; padding: 6px 5px 6px 5px; margin: 0 0 20px 0; color: #87888a; font: normal 14px/1em Arial, Helvetica, sans-serif; width: 250px; }
#mainBar .contactPages .inputBoxLong { border: 1px solid #dadada; padding: 6px 5px 6px 5px; margin: 0px; color: #87888a; font: normal 14px/1em Arial, Helvetica, sans-serif; width: 550px; }
#mainBar .contactPages .radioBox { background: #fafafa; padding: 4px; color: #165480; width: auto; float: left; }
#mainBar .contactPages .radioBox input, #mainBar .contactPages .radioBox label { float: left; padding: 0px 5px; }
#mainBar .contactPages .radioBox .error { float: right; }
#mainBar .contactPages .textBox { 
	border: 1px solid #dadada;
	padding: 6px 5px 6px 5px;
	margin: 0px;
	color: #87888a;
	font: normal 14px/1em Arial, Helvetica, sans-serif;
	width: 400px;
	height: 123px; }
#mainBar .contactPages .laBel { color: #2b2b2b; font-size: 12px; }
#mainBar .contactPages .error { color: #cc0000; display: block; }
#mainBar .contactPages input.error, #contactBlockFull textarea.error { border: 1px solid #cc0000; }
#mainBar .contactPages .buTTon { 
	width: 160px;
	height: 43px;
	padding: 0;
	margin: 0;
	display: block;
	font: bold 13px/1em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	text-shadow: -1px -1px rgba(150, 150, 150, 0.6);
	background: url(bg_orange_btn.png) left top no-repeat;
	border: none;
	cursor: pointer; }
#mainBar .contactPages small { color: #b4b6b8; font: normal 11px Arial, Helvetica, sans-serif; }
#mainBar .contactPages a { text-decoration: none; position: relative; z-index: 100; }
#mainBar .contactPages ul { list-style: disc; margin-left: 1.4em; }

#mainBar .contactPages #downloadGuides li, #contentBlockFull #downloadBrochures li { margin-bottom: 4px; padding: 10px 5px; background: none; }
#mainBar .contactPages #downloadGuides li a { background: url("/images/download.png") no-repeat scroll 0 center transparent; padding: 5px 5px 5px 35px; text-decoration: none; }
#mainBar .contactPages #downloadBrochures li a { background: url("/images/pdf.png") no-repeat scroll 0 center transparent; padding: 5px 5px 5px 35px; text-decoration: none; }

#mainBar.twoColumn { width: 960px; margin: 0 auto; box-shadow: none; border: none; background: none; padding: 20px 0 10px 0; border-radius: 0; }
#mainBarLeft { float: left; width: 25%; }
#mainBarLeft ul { padding: 0px; margin: 0px; list-style: none; }
#mainBarLeft li { padding: 0px; margin: 0px; list-style: none; }
#mainBarLeft li a { 
	display: inline-block;
	padding: 10px 10px 10px 40px;
	margin: 0px;
	color: #797979;
	text-decoration: none;
	text-align: left;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.8);
	font: normal 14px/1em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	z-index: 100; position: relative; /* fix for dodgy IE6 */ }
#mainBarLeft li a:hover { color: #000000; }
/* #mainBarLeft li.active { background: url(leftnav_current.gif) right center no-repeat; } */
#mainBarLeft li.active a { color: #000000; font-weight: bold; }
#mainBarLeft h2 { font: italic normal 27px/1.5em Georgia, "Times New Roman", Times, serif; color: #16507b; text-shadow: 1px 1px rgba(255, 255, 255, 0.6); padding: 0 0 10px 20px; }

#mainBarLeft #seoGreyBar { 
	width: auto;
	height: auto;
	margin: -10px auto 0px auto;
	position: relative;
	padding: 0px;
	/* background: url(bg_bgbar.png) center top repeat-y; */
	background: none;
	color: #797979;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }

#mainBarLeft #seoGreyBar form { padding: 20px; margin: 0; }
#mainBarLeft #seoGreyBar input { 
	clear: both;
	padding: 10px;
	margin: 5px 0;
	box-sizing: border-box;
	border: 0;
	width: 100%;
	height: 40px;
	border-radius: 3px;
	font: 600 14px/40px 'Open Sans', Helvetica, Arial, sans-serif;
	display: inline-block;
	box-shadow: none; }
#mainBarLeft #seoGreyBar button { 
	display: block;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 5px auto 5px auto;
	width: 100%;
	height: 40px;
	border: none;
	cursor: pointer;
	background: #ff8419; /* Old browsers */
	background: -moz-linear-gradient(top, #ff8419 0%, #ff8112 50%, #ee6f00 51%, #f7790b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff8419 0%,#ff8112 50%,#ee6f00 51%,#f7790b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff8419 0%,#ff8112 50%,#ee6f00 51%,#f7790b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8419', endColorstr='#f7790b',GradientType=0 ); /* IE6-9 */
	font: 600 18px/40px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px rgba(255, 72, 16, 0.8);
	border-radius: 3px;
	text-align: center;
	text-decoration: none; }
#blogBmainBarLeftlockSide #seoGreyBar button:hover { background: #f7790b; }

#mainBarLeft #seoGreyBar i { font-size: 70px; line-height: 50px; width: auto; float: left; color: #67bd0d; }
#mainBarLeft #seoGreyBar span.largeText { font: normal 18px/28px 'Open Sans', Helvetica, Arial, sans-serif; display: inline; }
#mainBarLeft #seoGreyBar span.largeText em { font-size: 28px; }
#mainBarLeft #seoGreyBar span.smallText { 
	padding: 0;
	font: normal 14px/16px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #d7d4d4; }

#mainBarRight { 
	width: 70%;
	float: right;
	margin: 0 auto;
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
	border: 1px solid #ccc;
	background: #ffffff;
	padding: 20px 2% 10px 2%;
	border-radius: 8px; }
#mainBarRight h1 { font: normal 24px/1.5em 'Open Sans', Helvetica, Arial, sans-serif; color: #16507b; }
#mainBarRight h2 { font: normal 14px/1em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #ffffff; padding: 10px 10px; background: #29b4db; border-radius: 8px; }
#mainBarRight h3 { font: normal 12px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #b4b6b8; }
#mainBarRight .floatLeft { padding: 20px; float: left; }
#mainBarRight .floatRight { padding: 20px; float: right; }
#mainBarRight .inputBox { 
	border: 1px solid #dadada;
	padding: 6px 5px 6px 5px;
	margin: 0px;
	color: #87888a;
	font: normal 14px/1em Arial, Helvetica, sans-serif;
	width: 250px; }
#mainBarRight .inputBoxLong { 
	border: 1px solid #dadada;
	padding: 6px 5px 6px 5px;
	margin: 0px;
	color: #87888a;
	font: normal 14px/1em Arial, Helvetica, sans-serif;
	width: 550px; }
#mainBarRight .radioBox { 
	background: #fafafa;
	padding: 4px;
	color: #165480;
	width: auto;
	float: left; }
#mainBarRight .radioBox input, #mainBarRight .radioBox label { float: left; padding: 0px 5px; }
#mainBarRight .radioBox .error { float: right; }
#mainBarRight .textBox { 
	border: 1px solid #dadada;
	padding: 6px 5px 6px 5px;
	margin: 0px;
	color: #87888a;
	font: normal 14px/1em Arial, Helvetica, sans-serif;
	width: 450px;
	height: 150px; }
#mainBarRight .laBel { color: #2b2b2b; font-size: 12px; }
#mainBarRight .error { color: #cc0000; display: block; }
#mainBarRight input.error, #mainBarRight textarea.error { border: 1px solid #cc0000; }
#mainBarRight .buTTon { 
	width: 160px;
	height: 33px;
	padding: 0;
	margin: 0px;
	display: block;
	font: bold 13px/33px 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	text-shadow: -1px -1px rgba(150, 150, 150, 0.6);
	background: url(btn_blue_med.png) left top no-repeat;
	border: none;
	cursor: pointer; }
#mainBarRight small { color: #b4b6b8; font: normal 11px Arial, Helvetica, sans-serif; }
#mainBarRight a { text-decoration: none; position: relative; z-index: 100; }

body.contentPagesBlank #mainBlock { background: url(bg_mainbar.opt.jpg) center top repeat; padding: 1em 0; }
#mainBarBlank .contactPages { 
	max-width: 750px;
	position: relative;
	padding: 10px;
	overflow: hidden;
	display: block;
	font: normal 12px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px auto; }
#mainBarBlank .contactPages h1 { font: normal 24px/1.5em 'Open Sans', Helvetica, Arial, sans-serif; color: #16507b; padding: 0px; }
#mainBarBlank .contactPages h2 { font: normal 14px/1em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #ffffff; padding: 10px; background: #29b4db; margin: 0; }
#mainBarBlank .contactPages h3 { font: normal 12px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #b4b6b8; }
#mainBarBlank .contactPages .floatLeft { float: left; padding: 5px 10px; }
#mainBarBlank .contactPages .floatRight { float: right; padding: 5px 10px; }
#mainBarBlank .contactPages .inputBox { 
border: 1px solid #dadada;
padding: 4px 5px 4px 5px;
margin: 0px;
color: #87888a;
font: normal 14px/1em Arial, Helvetica, sans-serif;
width: 350px;
display: block; }
#mainBarBlank .contactPages .inputBoxLong { 
border: 1px solid #dadada;
padding: 4px 5px 4px 5px;
margin: 0px;
color: #87888a;
font: normal 14px/1em Arial, Helvetica, sans-serif;
width: 500px; }
#mainBarBlank .contactPages .radioBox { 
background: #fafafa;
padding: 4px;
color: #165480;
width: auto;
float: left; }
#mainBarBlank .contactPages .radioBox input, #mainBarBlank .contactPages .radioBox label { float: left; padding: 0px 5px; }
#mainBarBlank .contactPages .radioBox .error { float: right; }
#mainBarBlank .contactPages .textBox { 
border: 1px solid #dadada;
padding: 6px 5px 6px 5px;
margin: 0px;
color: #87888a;
font: normal 14px/1em Arial, Helvetica, sans-serif;
width: 350px;
height: 100px;
display: block; }
#mainBarBlank .contactPages .laBel { color: #2b2b2b; font-size: 12px; }
#mainBarBlank .contactPages label.error { color: #cc0000; display: block; position: absolute; top: -999em; }
#mainBarBlank .contactPages label.error.show { color: #cc0000; display: none; position: absolute; top: 0px; }
#mainBarBlank .contactPages input.error, #mainBarBlank .contactPages textarea.error { border: 2px solid #cc0000; }
#mainBarBlank .contactPages .buTTon { 
width: 217px;
height: 27px;
padding: 0px 0px 0px 0px;
margin: 0px;
display: block;
font: bold 12px/1em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
color: #ffffff;
text-shadow: -1px -1px rgba(150, 150, 150, 0.6);
background: url(bg_btn_orange.png) left center repeat-x;
border: none;
cursor: pointer; }
#mainBarBlank .contactPages small { color: #b4b6b8; font: normal 11px Arial, Helvetica, sans-serif; }
#mainBarBlank .contactPages a { text-decoration: none; position: relative; z-index: 100; }
#mainBarBlank .contactPages #downloadGuides li, #downloadBrochures li {margin-bottom: 4px; padding: 10px 5px;}
#mainBarBlank .contactPages #downloadGuides li a {background: url("/images/download.png") no-repeat scroll 0 center transparent; padding: 5px 5px 5px 35px; text-decoration: none;}
#mainBarBlank .contactPages #downloadBrochures li a {background: url("/images/pdf.png") no-repeat scroll 0 center transparent; padding: 5px 5px 5px 35px; text-decoration: none;}
#mainBarBlank .contactPages #formText {float: right; width: 350px; margin-top: 10px; text-align: justify;}
#mainBarBlank .contactPages	#quoteRequest {float:left; width:400px;}

#mainBar.noBg {
	width: auto;
	max-width: 960px;
	margin: 0 auto;
	background: none;
	padding: 20px 10px 10px 10px; }

.showCaseSet.noShow .showCaseItem { display: none; }

.showCaseSet h3 { background: #bbb; padding: 0 1%; border-radius: 4px 4px 0 0; color: #fff !important; text-shadow: -1px -1px rgba(150, 150, 150, 0.6); cursor: pointer; overflow: hidden; }
.showCaseSet h3 i { float: right; padding-top: 5px; }

.showCaseSet .showCaseItem { width: auto; height: auto; position: relative; width: 31%; padding: 0 1%; float: left; margin: 0 0 2em 0; }

.showCaseSet .showCaseImg { display: block; cursor: pointer; position: relative; }
.showCaseSet .showCaseImg img { display: block; width: 98%; height: auto; background: #fff; padding: 1%; box-shadow: 0 0 3px rgba(0,0,0,0.2); }
.showCaseSet .showCaseTitle { display: block; font: 600 14px/18px 'Open Sans', Helvetica, Arial, sans-serif; padding: 5px; background: rgba(255,255,255,0.5); box-shadow: 0 0 3px rgba(0,0,0,0.1); }
.showCaseSet.noShow .showCaseTitle { background: none; box-shadow: none; font-size: 12px; }
.showCaseSet .showCaseTxt { padding: 10px; background: rgba(255,255,255,0.9); display: none; position: absolute; bottom: 0; z-index: 80; color: #000; font: normal 13px/1.4em 'Open Sans', Helvetica, Arial, sans-serif; }
.showCaseSet.Featured .showCaseTxt { position: relative; }
.showCaseSet .showCaseTxt a { font-weight: 600; }
.showCaseSet .showImage { position: absolute; bottom: 2%; right: 2%; color: #fff; font-size: 20px; line-height: 20px; font-weight: 300; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
.showCaseSet .showImage:hover { color: #31b6dc; }
.showCaseSet .showCaseInfoBtn,
.showCaseSet .showCaseQuoteBtn { 
	display: inline-block;
	width: auto;
	height: 24px;
	padding: 0 8px;
	margin: 0;
	font: bold 12px/24px 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	text-shadow: -1px -1px rgba(150, 150, 150, 0.6);
	background: url(bg_btn_green.png) left center repeat-x;
	border-radius: 3px; }
.showCaseSet .showCaseQuoteBtn { background: url(bg_btn_orange.png) left center repeat-x; }

#footerBlock { width: 100%; height: auto; position: relative; z-index: 40; background: url(bg_footerbar.gif) left top repeat-x; }

#twitterFeed { width: 790px; height: 64px; margin: 0 auto; overflow: hidden; }
#twitter_img { float: left; width: 100px; }
#twitterBox { padding-top: 7px; width: 690px; float: left; font: normal 14px/16px 'Open Sans', Arial, Helvetica, sans-serif; color: #565656; }
#twitterBox ul,
#twitterBox li { list-style: none; padding: 0px; margin: 0px; }
#twitterBox a { text-decoration: none; }
#twitterBox p { padding: 0px; margin: 0px 0px 4px 0px; text-shadow: 1px 1px rgba(255, 255, 255, 0.2); }
#twitterBox p.interact { display: inline-block; font: normal 11px/11px 'Open Sans', Arial, Helvetica, sans-serif; padding-left: 10px; }
#twitterBox p.interact a { padding: 0px 4px; }
#twitterBox p.timePosted { display: inline-block; font: normal 11px/11px 'Open Sans', Arial, Helvetica, sans-serif; }

#footerBar { width: 980px; height: auto; margin: 0 auto; padding: 40px 0 10px 0; position: relative; overflow: hidden; }
#footerBar .footerLinks { float: left; width: 21%; margin: 0 2% 0 2%; font: normal 12px/1.5em 'Open Sans', Arial, Helvetica, sans-serif; color: #888; }
#footerBar .footerLinks.long { width: 46%; }
#footerBar .footerLinks a { color: #888; text-decoration: none; }
#footerBar .footerLinks a:hover { color: #fff; }
#footerBar .footerLinks i { width: 20px; font-size: 16px; text-align: center; color: #fff; }
#footerBar .footerLinks h4 { font: normal 12px/1em 'Open Sans', Arial, Helvetica, sans-serif; padding: 0 0 8px 0; color: #fff; border-bottom: 1px solid #434343; margin: 0 0 0.8em 0; }
#footerBar .footerLinks strong { font: 400 14px/20px 'Open Sans', Arial, Helvetica, sans-serif; color: #fff; }
#footerBar .footerLinks ul { padding: 0; margin: 0 1% 0 1%; list-style: none; display: inline-block; width: 47%; vertical-align: top; }
#footerBar .footerLinks ul li a:before { content: '+ '; }
#footerBar .footerLinks ul li a { font: 400 13px/18px 'Open Sans', Arial, Helvetica, sans-serif; color: #ccc; }
#footerBar .footerLinks form { padding: 0; margin: 0; width: 100%; }
#footerBar .footerLinks label { font: 400 11px/14px 'Open Sans', Arial, Helvetica, sans-serif; display: block; margin: 0 0 2px 0; }
#footerBar .footerLinks input.inputBox { 
	display: block;
	float: left;
	padding: 0 0 0 2%;
	margin: 0;
	border: none;
	background: #fff;
	color: #000;
	font-size: 11px;
	line-height: 22px;
	height: 22px;
	width: 83%; }
#footerBar .footerLinks button.buTTon { 
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
	background: #fff;
	font-size: 11px;
	line-height: 22px;
	height: 22px;
	width: 15%;
	cursor: pointer; }
#footerBar .footerLinks button.buTTon i { width: auto; color: #000; }
#footerBar .footerLinks button.buTTon:hover { background: #bababa; }
#footerBar .footerText { clear: both; font: normal 11px/1.5em 'Open Sans', Arial, Helvetica, sans-serif; color: #888; padding: 10px 0 0 0; text-align: center; }
#footerBar .footerText a { color: #888; }

div.getInfo { 
	display: block;
	position: fixed;
	top: 30%;
	width: 100px;
	right: -100px;
	padding: 20px 0 20px 25px;
	border-radius: 5px 0 0 5px;
	background: #67bd0d url(icn_info.png) 3px center no-repeat;
	opacity: 0.8;
	z-index: 98;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 14px/14px 'Roboto', Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px rgba(65, 118, 10, 0.8);
	transition: right 0.2s ease;
	cursor: pointer; }
div.getInfo:hover { opacity: 1; right: 0px; }
div.getInfo a { color: #fff; text-decoration: none; }
div.scrollToTop {
	position: fixed;
	background: #31b6dc;
	color: #fff;
	cursor: pointer;
	width: auto;
	height: auto;
	padding: 5px;
	font-size: 24px;
	line-height: 24px;
	bottom: 25%;
	right: 0;
	display: none;
	z-index: 999;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	border-radius: 3px 0px 0px 3px;
	transition: background 0.2s linear; }
div.scrollToTop:hover { background: #16507b; }

/* ---/ clear floats /--- */
.cLear { clear: both; }
#headerBar:after,
#mainBlock:after,
#footerBar:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	*zoom: 1; }

.fancybox-inner { overflow: auto !important; }

/* MEDIA QUERIES // ------------------------ // */

@media screen and (width: 768px), screen and (height: 1024px) { /* SET WIDTH AND HEIGHT */ }
@media screen and (max-width: 768px), screen and (max-height: 1024px) { /* ANYTHING WITHIN WIDTH AND HEIGHT */ }

@media screen and (max-width: 1024px) {
div.getInfo { top: 200px; }
#hpSliderAni { width: auto; overflow: hidden; }
}
@media screen and (max-width: 980px) {
#navBlock { width: 100%; height: 50px; position: absolute; z-index: 90; top: 72px; left: 0; background: none transparent; }
ul.mainMenu { width: auto; margin-left: 10px; }
ul.mainMenu li a { font: 400 13px/50px 'Open Sans', Arial, Helvetica, sans-serif; padding: 0px 5px; }
#headerBar { width: auto; padding: 0 10px; }
#headerBar a.logoBar { margin: 0 0 0 -10px; }
#twitterFeed { width: auto; height: 64px; margin: 0 10px; overflow: hidden; }
#twitterBox { width: auto; }

#mainBar .content_header { width: auto; margin: -20px -10px 0 -10px; }
#mainBarPortfolio,
#mainBar.twoColumn { width: auto; padding: 20px 10px 10px 10px; }

#footerBar { width: auto; padding: 40px 10px 10px 10px; }

#mainBar .reVised.priceRequestForm { float: none; width: auto; margin: 0 0 1.5em 0; }
#mainBar .reVised.priceRequestForm form { width: 100%; }
#mainBar .reVised.priceRequestForm form .floatLeft { float: none; width: auto; }
#mainBar .reVised.priceRequestForm form .floatRight { float: none; width: auto; }
#mainBar .reVised.priceRequestForm input.inputBox { 
	width: 100%; 
	box-sizing: border-box; }
#mainBar .reVised.priceRequestForm input.inputBoxLong { 
	width: 100%; 
	box-sizing: border-box; }
#mainBar .reVised.priceRequestForm textarea.textBox { 
	width: 100%;
	height: 123px;
	box-sizing: border-box; }
#mainBar .priceRequestTxt { float: none; width: auto }

}
@media screen and (max-width: 960px) {
#hpSliderBox { height: auto; width: auto; }
#hpSliderTxt { height: auto; padding: 10px; color: #ffffff; font: 300 20px/1.8em 'Roboto', sans-serif; margin: 0 0 1em 0; }
#hpSliderTxt h1 { font: 400 30px/1.1em 'Roboto', sans-serif; }
#hpSliderTxt p { padding: 0; margin: 0; }
#hpSliderAni { width: auto; height: 330px; position: relative; margin: 0 0 0 0; }
#hpSliderImg { position: relative; width: auto; height: auto; margin: 0px auto; }
#hpSliderAni img { width: 60%; }
#hpVideoSummary { width: auto; padding: 40px 10px; font: 300 15px/1.4em "Roboto", sans-serif; }
#hpVideoSummary h3 { font: 300 22px/1.4em 'Roboto', Helvetica, Arial, sans-serif; margin-top: 20px; }
#hpVideoSummary a.btnOrange { margin: 10px 0 0 auto; }
#hpSummaryBox { width: auto; height: auto; margin: 30px 10px 30px 10px; }
#hpSummaryBox .summaryBlock { 
	width: 20%;
	min-height: 0;
	margin: 0 1%;
	padding: 10px 1%;
	font: normal 12px/1.2em Arial, Helvetica, sans-serif; }
#hpSummaryBox h2 { font-size: 20px; }
#hpSummaryBox h3 { font: normal 14px/1.1em Arial, Helvetica, sans-serif; margin-bottom: 0.8em; }
#hpSummaryBox .summaryBlock img { max-width: 100%; }
#hpQuoteBar { 
	width: auto;
	height: auto;
	padding: 0 10px;
	background: none;
	color: #333;
	font: normal 18px/25px 'Roboto', sans-serif;
	text-align: center; }
#hpQuoteBarLeft { float: none; padding: 0; }
#hpQuoteBarLeft a { color: #333; }
#hpQuoteBarRight { float: none; padding: 0; }
#hpQuoteBarRight a { 
	display: inline-block;
	font: bold 20px/20px 'Roboto', sans-serif;
	height: auto;
	padding: 5px 20px;
	float: none;
	background: url(bg_btn_orange.png) left center repeat-x; }
#hpQuoteBarRight a:hover { color: #ffe6d4; }

#breadCrubms { margin: 0 10px; width: auto; }
#mainBar { width: auto; margin: 0 10px; padding: 20px 10px 10px 10px; }

#bigGreyBar,
#seoGreyBar { width: auto; height: auto; margin: 0; }
	#bigGreyBarLeft { float: none; padding: 10px; text-align: center; }
	#bigGreyBarRight { float: none; padding: 10px; text-align: center; }
		#bigGreyBarRight a.buTTonOrange,
		#bigGreyBarRight a.buTTonGreen { display: inline-block; float: none; margin: 2px; }
#bigGreyBar .clear { width: 0; height: 0; }


div.why-us-frame { margin: -20px -10px 10px -10px; }
div.why-us-frame iframe { height: 400px; }

}
@media screen and (max-width: 840px) {
#headerBar ul.headerActions a.getAQuote,
#headerBar ul.headerActions a.getPricing { 
	width: auto;
	height: 20px;
	font: bold 15px/20px 'Roboto', sans-serif;
	background: url(bg_getaquote_orange.png) center -7px no-repeat;
	border-radius: 3px; }
#headerBar ul.headerActions a.getHelp { 
	width: auto;
	height: 20px;
	font: bold 15px/20px 'Roboto', sans-serif;
	padding-top: 0px;
	background: url(bg_getaquote_green.png) center -14px no-repeat;
	border-radius: 3px; }
#headerBar ul.headerActions a.callUs { 
	font: 600 18px/28px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px rgba(80, 80, 80, 0.7);
	text-decoration: none; }
#headerBar ul.headerLinks li a { padding: 0 5px; }

#hpSliderAni { height: 300px; }
#hpSliderAni img { height: 300px; }

#homePageNewProjectBlock { width: auto; padding: 0 10px; }
#homePageNewProjectBlock td { width: auto; }
#homePageNewProjectBlock td img { width: 90%; height: auto; }
#homePageTestimonialBlock { width: auto; padding: 0 10px 20px 10px; }
#homePageTestimonials .homePageTestimonial h4 { height: auto; margin: 0 0 1em 0; }

#hpAniBlock { width: auto; margin: 0 auto; padding: 20px 10px; }
#hpAniBlock .textColumn { float: none; width: auto; margin: 0; padding: 0; }
#hpAniBlock .hpAnimation { float: none; width: 470px; height: 290px; margin: 0 auto; overflow: hidden; }

#homeManyClients { height: auto; }
#homeManyClientsBlock { width: auto; margin: 0 auto; padding: 15px 10px 0 10px; }
#homeManyClientsBlock h3 { font: normal 38px/38px 'Open Sans', Helvetica, Arial, sans-serif; }
#homeManyClientsLeft,
#homeManyClientsRight { width: 45%; }

#homePageServiceBlock { width: auto; margin: 0 auto; padding: 20px 10px; }
#homePageServiceBlock .textColumn { float: left; width: 46%; margin: 0; padding: 0 2%; }
#homePageServiceBlock .textColumnWide { float: none; width: auto; margin: 0; padding: 0; }
#homePageServiceBlock .textColumnWide img { max-width: 100%; display: inline-block; width: auto; height: auto; }


#homePageMediaBlock { width: auto; }

#homePageTxtContainer { width: auto; }
#homePageBlog { width: 46%; padding: 20px 2% 25px 2%; }
#homePageBlogShadow { width: auto; }
#homePageTxtBlock { width: 46%; padding: 20px 2% 10px 2%; }

#mainBar table.webdevpage td { display: block; }
#mainBar .priceRequest td { display: block; width: auto !important; border: none !important; }

#mainBar .contactPages iframe { width: 100%; height: 300px; margin-bottom: 1em; }
#mainBar  p { word-wrap: break-word; }
}
@media screen and (max-width: 740px) { 
#navBlock { position: absolute; top: 0px; width: auto; margin: 0; height: 40px; z-index: 100; padding: 0; }
#navBlock ul.mainNav { display: none; }
#navBlock #mobileNav { display: block; }
#navBlock .homeBtn { 
	background: transparent;
	border: none;
	width: 110px;
	height: 38px;
	margin: 0;
	font: 600 20px/40px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #fff;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	display: block;
	border-radius: 0 5px 0 0; }
#navBlock .homeBtn:hover { color: #31b6dc; }
#navBlock ul { display: none; padding: 0; margin: 0 0 0 0; list-style: none; }
#navBlock ul.mobMenu { background: #2c2c2c; width: 300px; padding-top: 10px; }
#navBlock ul.mobMenu ul { background: #3c3c3c; }
#navBlock ul.mobMenu ul ul { background: #4c4c4c; }
#navBlock ul.mobMenu li { padding: 0; margin: 0; display: block; position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); }
#navBlock ul.mobMenu li li { border: none; }
/* #navBlock ul.mobMenu li.first { display: none; }
#navBlock ul.mobMenu li li.first { display: block; } */
#navBlock ul.mobMenu li a { 
	display: block;
	color: #fff;
	padding: 15px 15px;
	font: normal 14px/14px Arial, Helvetica, sans-serif; }
#navBlock ul.mobMenu li a:hover { text-decoration: none; background: rgba(0,0,0,0.1); color: #31b6dc; }
#navBlock ul.mobMenu li li a { padding: 10px 15px 10px 20px; font: normal 14px/14px Arial, Helvetica, sans-serif; }
#navBlock ul.mobMenu li li li a { padding: 10px 15px 10px 25px; font: normal 14px/14px Arial, Helvetica, sans-serif; }
span.submenuTrigger { 
	display: block;
	position: absolute;
	top: 7px;
	right: 20px;
	border: 1px solid #3c3c3c;
	cursor: pointer;
	font-size: 15px;
	line-height: 25px;
	padding: 0;
	background: #3c3c3c;
	color: #fff;
	min-width: 20px;
	text-align: center; }
span.submenuTrigger:hover { color: #31b6dc; background: #000; }
#navBlock ul.mobMenu li li span.submenuTrigger { line-height: 20px; top: 6px; padding: 0 4px; }
#headerBar a.logoBar { margin: 40px 0 0 -10px; }
#headerBar ul.headerActions { padding: 0; float: none; position: absolute; top: 45px; right: 10px; }
#headerBar ul.headerLinks { padding: 0 0 0 0; float: none; position: absolute; top: 5px; right: 10px; z-index: 99; }

#hpSliderAni { height: 250px; }
#hpSliderAni img { height: 250px; }

#mainBar .textColumn img, 
#mainBar .textColumnTwo img { width: 100%; max-width: 100%; height: auto; }

#mainBar .content_header { width: auto; height: auto !important; margin: -20px -10px 0 -10px; padding: 20px !important; background-size: cover; }
#mainBar .content_header h1 { display: inline; color: #fff; text-shadow: 1px 1px 6px #000;}

#mainBar .priceRequestForm .floatLeft { float: none; padding: 0px; }
#mainBar .priceRequestForm .floatRight { float :none; padding: 0px; }
#mainBar .priceRequestForm form { width: auto; margin: 0px auto; }
#mainBar .priceRequestForm textarea.textBox { width: 90%; }
#mainBar .priceRequestForm input.inputBox { width: 90%; }

#mainBar .contactPages .floatLeft { float: none; padding: 0px; width: auto !important; }
#mainBar .contactPages .floatRight { float :none; padding: 0px; width: auto !important; }
#mainBar .contactPages .floatRightBubble { float: none; clear: both; width: auto !important; height: auto; margin: 20px 0 20px 40px; }
#mainBar .contactPages .floatRightBubble li { float: none; width: auto; }
#mainBar .contactPages .inputBox { width: 90%; }
#mainBar .contactPages .inputBoxLong { width: 90%; }
#mainBar .contactPages .textBox { width: 90%; }
#mainBar .contactPages iframe { width: 100%; height: 300px; margin-bottom: 1em; }
#mainBar .contactPages img { max-width: 100% !important; width: auto; }

#mainBarBlank .contactPages .floatLeft { float: none; padding: 0px; width: auto !important; }
#mainBarBlank .contactPages .floatRight { float :none; padding: 0px; width: auto !important; }
#mainBarBlank .contactPages .inputBox { width: 90%; }
#mainBarBlank .contactPages .inputBoxLong { width: 90%; }
#mainBarBlank .contactPages .textBox { width: 90%; }
#mainBarBlank .contactPages #formText { float: none; width: auto; }
#mainBarBlank .contactPages	#quoteRequest { float: none; width: auto; }

#mainBarLeft { float: none; width: auto; }
#mainBarLeft ul { overflow: hidden; background: #fff; margin: 0 10px; border-radius: 5px 5px 0 0; padding: 0 0 5px 0; }
#mainBarLeft li {  }
#mainBarLeft li a { padding: 10px; font: normal 12px/1em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif; }
#mainBarLeft h2 { padding: 0 0 0 20px; margin: 0 0 0 0; }
#mainBarRight { width: auto; float: none; padding: 20px 20px 10px 20px; }
#mainBarRight .floatLeft { float: none; padding: 0px; width: auto !important; }
#mainBarRight .floatRight { float :none; padding: 0px; width: auto !important; }
#mainBarRight .inputBox { width: 90%; }
#mainBarRight .inputBoxLong { width: 90%; }
#mainBarRight .textBox { width: 90%; }

table.detailedTable td { display: block; width: auto; height: auto; }

div.getInfo { top: 130px; padding: 10px 0 10px 25px; }
#footerBar .footerLinks { width: 23%; margin: 0 1% 0 1%; }
#footerBar .footerLinks.long { width: 48%; }

.showCaseSet .showCaseItem { width: 48%; }

}
@media screen and (max-width: 620px) {
#hpSliderTxt { color: #ffffff; font: 300 14px/1.1em 'Roboto', sans-serif; }
#hpSliderTxt h1 { font: 400 20px/1.1em 'Roboto', sans-serif; }
#hpSliderAni { height: 180px; }
#hpSliderAni img { width: 240px; height: 180px; }

#hpSummaryBox .summaryBlock { width: 45%; margin-bottom: 5px; }

#hpVideoSummary a.btnOrange { margin: 10px auto 0 auto; }
#hpVideoSummary img { display: block; float: none; margin: 0 auto; }

#homePageTestimonials .homePageTestimonial { 
	float: none;
	width: auto;
	margin: 0 auto;
	font: normal 11px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #5c5c5c; }

#mainBar .content_header h1 { font-size: 18px; }

table.detailsTable td { display: block; width: auto; }

.showCaseSet .showCaseItem { width: 98%; float: none; }
.showCaseSet .showCaseTxt { font-size: 12px; position: relative; }

#footerBar .footerLinks { float: left; width: 46%; margin: 0 2% 0 2%; font: normal 12px/1.5em 'Open Sans', Arial, Helvetica, sans-serif; color: #888; }
#footerBar .footerLinks.long { width: 98%; float: none; margin: 0 1% 20px 1%; }

#seoGreyBar input { 
	width: 95%;
	font: 600 16px/50px 'Open Sans', Helvetica, Arial, sans-serif;
	display: block; }
#seoGreyBar button { 
	padding: 0 2%;
	margin: 5px 0 5px 0;
	width: auto; }
}
@media screen and (max-width: 440px) {
#headerBar a.logoBar { margin: 37px 0 2px 0; text-align: center; width: 100%; padding: 0; }
#headerBar a.logoBar img { display: block; margin: 0 auto; z-index: 99; position: relative; }
#headerBar ul.headerActions { position: relative; top: auto; right: auto; text-align: center; z-index: 98; }
#headerBar ul.headerActions li { display: inline-block; }
#headerBar ul.headerActions a { padding: 0 5px; font: bold 12px/20px 'Roboto', sans-serif !important; margin: 0 10px; }
#headerBar ul.headerLinks li a i { display: inline-block; padding: 0 5px; }
#headerBar ul.headerLinks li a span { display: none; }

#hpSliderAni { height: 160px; }
#hpSliderAni img { height: 160px; }
#hpVideoSummary img { width: 100%; height: auto; }
#homePageNewProjectBlock td { display: block; }
#homePageNewProjects h3,
#homePageTestimonials h3 { width: auto; font: normal 9px/22px 'Open Sans', Helvetica, Arial, sans-serif; }
#homePageNewProjectBlock td img { width: 70%; }

#hpAniBlock .hpAnimation { width: 100%; height: auto; background: none; }
#hpAniBox { width: auto; height: auto; margin: 0 0 10px 0; }
#hpAniBoxNav { width: auto; margin: 0 0; }
#hpAniBoxPrev { top: auto; bottom: 0px; left: 23px; }
#hpAniBoxNext { top: auto; bottom: 0px; right: 23px; }

#homePageServiceBlock .textColumn { float: none; width: auto; padding: 0; }

#homePageBlog { float: none; width: auto; padding: 20px 10px 25px 10px; }
#homePageTxtBlock { float: none; width: auto; padding: 0px 20px 10px 20px; }

#mainBar .textColumn,
#mainBar .textColumnTwo { float: none; width: auto; }

table.features-table td { display: block; width: auto; }
table.features-table td img { width: 100%; max-width: 100%; height: auto; }

#mainBar img { max-width: 100%; width: 100%; height: auto; }
#mainBar .showCaseSet .showCaseItem img { width: 98%; }

#twitter_img { display: none; }

td { word-wrap: anywhere; }

}




.hpQuoteBar { 
	width: 900px;
	height: 65px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	background: url(bg_hp_quotebar.gif) center top no-repeat;
	color: #ffffff;
	text-shadow: 1px 1px rgba(50, 50, 50, 0.4);
	border-radius: 3px;
	font: normal 28px/65px 'Roboto', sans-serif; }
.hpQuoteBar p { padding: 0; margin: 0; }
.hpQuoteBarLeft { float: left; padding: 0 0 0 20px; }
.hpQuoteBarLeft a { color: #fff; text-decoration: none; }
.hpQuoteBarRight { float: right; padding: 0; }
.hpQuoteBarRight a { 
	display: block;
	font: bold 28px/65px 'Roboto', sans-serif;
	height: 65px;
	padding: 0 20px 0 0;
	float: right;
	color: #ffffff;
	text-decoration: none;
	border-radius: 3px; }
.hpQuoteBarRight a:hover { color: #ffe6d4; }



.homePageTestimonials { margin: 0 auto; }
.homePageTestimonialBlock { width: 900px; margin: 0 auto; padding: 0 0 20px 0; }
.homePageTestimonials h3 { 
	background: #186499;
	width: 275px;
	position: relative;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	padding: 0;
	margin: -10px 0 0 0;
	font: normal 12px/22px 'Open Sans', Helvetica, Arial, sans-serif; }
.homePageTestimonials .homePageTestimonial { 
	float: left;
	width: 29%;
	padding: 20px 2%;
	font: normal 11px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #5c5c5c; }
.homePageTestimonials .homePageTestimonial h4 { 
	font: italic normal 14px/1.3em Georgia, "Times New Roman", Times, serif;
	color: #5c5c5c;
	height: 130px;
	padding: 0;
	margin: 0;
	display: block; }
.homePageTestimonials .homePageTestimonial strong { font: normal 21px/22px 'Open Sans', Helvetica, Arial, sans-serif; color: #000000; }
.homePageTestimonials .homePageTestimonial a { text-decoration: none; }
.homePageTestimonials .homePageTestimonial span a { color: #5c5c5c; }
.homePageTestimonials .homePageTestimonial img { float: left; }

@media screen and (max-width: 960px) {

.hpQuoteBar { 
	width: auto;
	height: auto;
	padding: 0 10px;
	background: none;
	color: #333;
	font: normal 18px/25px 'Roboto', sans-serif;
	text-align: center; }
.hpQuoteBarLeft { float: none; padding: 0; }
.hpQuoteBarLeft a { color: #333; }
.hpQuoteBarRight { float: none; padding: 0; }
.hpQuoteBarRight a { 
	display: inline-block;
	font: bold 20px/20px 'Roboto', sans-serif;
	height: auto;
	padding: 5px 20px;
	float: none;
	background: url(bg_btn_orange.png) left center repeat-x; }
.hpQuoteBarRight a:hover { color: #ffe6d4; }



}
@media screen and (max-width: 840px) {
.homePageTestimonialBlock { width: auto; padding: 0 10px 20px 10px; }
.homePageTestimonials .homePageTestimonial h4 { height: auto; margin: 0 0 1em 0; }
}



@media screen and (max-width: 620px) {

#homePageTestimonials .homePageTestimonial { 
	float: none;
	width: auto;
	margin: 0 auto;
	font: normal 11px/1.5em 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #5c5c5c; }
}


@media screen and (max-width: 440px) {
#homePageTestimonials h3 { width: auto; font: normal 9px/22px 'Open Sans', Helvetica, Arial, sans-serif; }
}

.footerLocations {
	font-size: 21px;
	text-align: center;
	line-height: 60px;
	color: #186499;
	margin: 0;
	text-transform: uppercase; }
@media screen and (max-width: 800px) {
.footerLocations {
	font-size: 14px;
	line-height: 18px;
	color: #186499;
	margin: 0 auto;
	max-width: 500px;
	padding: 20px 0 0 0; }
}