/**  Vitesse Compass Boilerplate - Boilerplate + Site Layout + Media - Compass/SASS - HTML5 Boilerplate - 960 GS @copyright Copyright (C) 2011 Vitesse Web Design @author Vitesse Web Design */
/* normalize.css 2011-10-24T11:29 UTC - http://github.com/necolas/normalize.css */
/* ============================================================================= HTML5 display definitions ========================================================================== */
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying 'audio' without controls */
audio:not([controls]) { display: none; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 Known issue: no IE6 support */
[hidden] { display: none; }

/* ============================================================================= Base ========================================================================== */
/* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 2. Keeps page centred in all browsers regardless of content height 3. Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 3 */ }

/* Addresses margins handled incorrectly in IE6/7 */
body { margin: 0; }

/*  Addresses font-family inconsistency between 'textarea' and other form elements. */
body, button, input, select, textarea { font-family: sans-serif; }

/* ============================================================================= Links ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

/* ============================================================================= Typography ========================================================================== */
/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
*/
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in S5, Chrome */
dfn { font-style: italic; }

/* Addresses styling not present in IE6/7/8/9 */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in IE6, S4/5, Chrome en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* 1. Addresses CSS quotes not supported in IE6/7 2. Addresses quote property not supported in S4 */
/* 1 */
q { quotes: none; }

/* 2 */
q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

/* Prevents sub and sup affecting line-height in all browsers gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= Lists ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

/* ============================================================================= Embedded content ========================================================================== */
/* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 2. Improves image quality when scaled in IE7 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/* Corrects overflow displayed oddly in IE9  */
svg:not(:root) { overflow: hidden; }

/* ============================================================================= Figures ========================================================================== */
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure { margin: 0; }

/* ============================================================================= Forms ========================================================================== */
/* Corrects margin displayed oddly in IE6/7 */
form { margin: 0; }

/* Define consistent border, margin, and padding */
fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects alignment displayed oddly in IE6/7 */
legend { border: 0; /* 1 */ *margin-left: -7px; /* 2 */ }

/* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome 3. Improves appearance and consistency in all browsers */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button, input { line-height: normal; /* 1 */ }

/* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs Known issue: inner spacing remains in IE6 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ }

/* 1. Addresses box sizing set to content-box in IE8/9 2. Addresses excess padding in IE8/9 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ============================================================================= Tables ========================================================================== */
/*  Remove most spacing between table cells */
table { border-collapse: collapse; border-spacing: 0; }

/* Mixins are slightly modified from Benjamin Doherty's first implementations: http://gist.github.com/377912 rgba-background mixin can now be passed an option $dir variable
*/
input:invalid, textarea:invalid { -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 0 5px 0 red; -moz-box-shadow: 0 0 5px 0 red; box-shadow: 0 0 5px 0 red; behavior: url(/CLHauke/PIE.php); }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

/* ============================================================================= Site Layout ========================================================================== */
#container { background-color: #0a0a06; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF0A0A06', endColorstr='#FFC9C0B3'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhMGEwNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M5YzBiMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #0a0a06), color-stop(100%, #c9c0b3)); background-image: -webkit-linear-gradient(left top, #0a0a06 0%, #c9c0b3 100%); background-image: -moz-linear-gradient(left top, #0a0a06 0%, #c9c0b3 100%); background-image: -o-linear-gradient(left top, #0a0a06 0%, #c9c0b3 100%); background-image: linear-gradient(left top, #0a0a06 0%, #c9c0b3 100%); behavior: url(/CLHauke/PIE.php); }

.wf-loading p, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading ul, .wf-loading a { visibility: visible; }

.wf-active p, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active ul, .wf-active a, .wf-inactive p, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive h4, .wf-inactive h5, .wf-inactive ul, .wf-inactive a { visibility: visible; }

/* --------------------------------- HEADER --------------------------------- */
header { zoom: 1; height: 100px; -webkit-box-shadow: 0px 3px 10px 0px #262520; -moz-box-shadow: 0px 3px 10px 0px #262520; box-shadow: 0px 3px 10px 0px #262520; background-color: #d6d3cf; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFDF9', endColorstr='#FFD6D3CF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmRmOSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDZkM2NmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fffdf9), color-stop(50%, #ffffff), color-stop(100%, #d6d3cf)); background-image: -webkit-linear-gradient(top, #fffdf9 0%, #ffffff 50%, #d6d3cf 100%); background-image: -moz-linear-gradient(top, #fffdf9 0%, #ffffff 50%, #d6d3cf 100%); background-image: -o-linear-gradient(top, #fffdf9 0%, #ffffff 50%, #d6d3cf 100%); background-image: linear-gradient(top, #fffdf9 0%, #ffffff 50%, #d6d3cf 100%); behavior: url(/CLHauke/PIE.php); }
header:before, header:after { content: ""; display: table; }
header:after { clear: both; }

div#headerContentWrapper { margin-left: auto; margin-right: auto; width: 960px; height: 100px; }
div#headerContentWrapper div#headerLogoWrapper div#headerLogoContainer { display: inline; float: left; margin-left: 0px; margin-right: 0px; width: 0px; height: 100px; }
div#headerContentWrapper div#headerLogoWrapper div#headerLogoContainer h1 { margin: 0; padding: 0; border: 0; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../images/clhauke-painting-logo_60wx100h.png?1328853261'); background-repeat: no-repeat; background-position: 50% 50%; border-left: 1px solid white; height: 100px; }
div#headerContentWrapper div#headerLogoWrapper div#headerCompanyNameTaglineContainer { display: inline; float: left; margin-left: 0px; margin-right: 0px; width: 299px; padding:15px 10px 0 10px}
div#headerContentWrapper div#headerLogoWrapper div#headerCompanyNameTaglineContainer h2#headerCompanyName { margin: 0; padding: 0; border: 0; margin-top: 0.3em; }
div#headerContentWrapper div#headerLogoWrapper div#headerCompanyNameTaglineContainer p.subtitle { margin: 0; padding: 0; border: 0; margin-top: 0.1em; }
div#headerContentWrapper div#headerLogoWrapper div#headerContactContainer { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
div#headerContentWrapper div#headerLogoWrapper div#headerContactContainer.focusable:active, div#headerContentWrapper div#headerLogoWrapper div#headerContactContainer.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* ----------------------------------- NAV ---------------------------------- */
nav#navMenuContainer .navHeader { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
nav#navMenuContainer .navHeader.focusable:active, nav#navMenuContainer .navHeader.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
nav#navMenuContainer ul.navMenu { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; display: inline; float: left; margin-left: 0px; margin-right: 0px; width: 640px; overflow: visible; }
nav#navMenuContainer ul.navMenu > li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; position: relative; -webkit-transition: "border,background" 1s elastic-in-out; -moz-transition: "border,background" 1s elastic-in-out; -o-transition: "border,background" 1s elastic-in-out; transition: "border,background" 1s elastic-in-out; border-left: 1px solid white; border-right: 1px solid #dddddd; padding: 0px 20px; }
nav#navMenuContainer ul.navMenu > li:first-child, nav#navMenuContainer ul.navMenu > li.first { padding-left: 0; }
nav#navMenuContainer ul.navMenu > li:last-child { padding-right: 0; }
nav#navMenuContainer ul.navMenu > li.last { padding-right: 0; }
nav#navMenuContainer ul.navMenu > li.current { color: pink; height: 95px; border-bottom: 5px solid #7DBB32; }
nav#navMenuContainer ul.navMenu > li:first-child, nav#navMenuContainer ul.navMenu > li.first { overflow: hidden; }
nav#navMenuContainer ul.navMenu > li:last-child, nav#navMenuContainer ul.navMenu > li.last { overflow: hidden; }
nav#navMenuContainer ul.navMenu > li a { display: block; height: 100px; }
nav#navMenuContainer ul.navMenu > li:hover { background-color: #262626; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF403E37', endColorstr='#FF45423B'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwM2UzNyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMjYyNjI2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDU0MjNiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #403e37), color-stop(50%, #262626), color-stop(100%, #45423b)); background-image: -webkit-linear-gradient(top, #403e37 0%, #262626 50%, #45423b 100%); background-image: -moz-linear-gradient(top, #403e37 0%, #262626 50%, #45423b 100%); background-image: -o-linear-gradient(top, #403e37 0%, #262626 50%, #45423b 100%); background-image: linear-gradient(top, #403e37 0%, #262626 50%, #45423b 100%); behavior: url(/CLHauke/PIE.php); border-left: 1px solid #dddddd; border-right: 1px solid white; }

/* --------------------------------- CONTENT -------------------------------- */
div#contentContainerWrapper { margin-left: auto; margin-right: auto; width: 960px; zoom: 1; }
div#contentContainerWrapper:before, div#contentContainerWrapper:after { content: ""; display: table; }
div#contentContainerWrapper:after { clear: both; }
div#contentContainerWrapper div#contentContainer { position: relative; display: inline; float: left; margin-left: 0px; margin-right: 0px; width: 960px; zoom: 1; margin-top: 40px; margin-bottom: 40px; padding-top: 25px; padding-bottom: 25px; height: 500px; background-color: white; -webkit-box-shadow: 5px 5px 10px 0px #262520; -moz-box-shadow: 5px 5px 10px 0px #262520; box-shadow: 5px 5px 10px 0px #262520; behavior: url(/CLHauke/PIE.php); overflow: auto; }
div#contentContainerWrapper div#contentContainer:before, div#contentContainerWrapper div#contentContainer:after { content: ""; display: table; }
div#contentContainerWrapper div#contentContainer:after { clear: both; }
div#contentContainerWrapper div#contentContainer h2.standardHeading { margin: 0; padding: 0; border: 0; margin-left: 25px; margin-bottom: 0px; height: 30px; }
div#contentContainerWrapper div#contentContainer div.contentBodyContainer { zoom: 1; margin-left: 25px; margin-right: 25px; }
div#contentContainerWrapper div#contentContainer div.contentBodyContainer:before, div#contentContainerWrapper div#contentContainer div.contentBodyContainer:after { content: ""; display: table; }
div#contentContainerWrapper div#contentContainer div.contentBodyContainer:after { clear: both; }

/* ----------------------------- ASIDE CONTAINER ---------------------------- */
div#asideAreaWrapper { background-color: #fafafa; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFAFAFA', endColorstr='#FFE0E0E0'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #fafafa 0%, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #fafafa 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fafafa 0%, #e0e0e0 100%); background-image: linear-gradient(top, #fafafa 0%, #e0e0e0 100%); behavior: url(/CLHauke/PIE.php); border-bottom: 1px solid #dddddd; }
div#asideAreaWrapper div#asideArea { margin-left: auto; margin-right: auto; width: 960px; zoom: 1; }
div#asideAreaWrapper div#asideArea:before, div#asideAreaWrapper div#asideArea:after { content: ""; display: table; }
div#asideAreaWrapper div#asideArea:after { clear: both; }
div#asideAreaWrapper div#asideArea > h2 { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
div#asideAreaWrapper div#asideArea > h2.focusable:active, div#asideAreaWrapper div#asideArea > h2.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
div#asideAreaWrapper div#asideArea div.WidgetHolder { display: inline; float: left; margin-left: 0px; margin-right: 0px; width: 320px; height: 16em; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div.WidgetContentWrapper { zoom: 1; height: 16em; border-right: 1px solid #dddddd; border-left: 1px solid white; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div.WidgetContentWrapper:before, div#asideAreaWrapper div#asideArea div.WidgetHolder div.WidgetContentWrapper:after { content: ""; display: table; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div.WidgetContentWrapper:after { clear: both; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div.WidgetContentWrapper > h3 { margin: 0; padding: 0; border: 0; padding: 20px 20px 10px 20px; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div.WidgetContentWrapper > div.contentWrapper { padding: 0px 20px 0px 20px; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div.WidgetContentWrapper > div.contentWrapper > ul { margin-top: 0px; margin-bottom: 0px; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div#testimonialWidget blockquote { margin: 0px 20px; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div#testimonialWidget p.testimonial-author { margin-right: 20px; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div#contactDetailsWidget p, div#asideAreaWrapper div#asideArea div.WidgetHolder div#contactDetailsWidget div#gPlusLink { height: 32px; float: left; margin: 10px 10px 10px 0px; }

/* ------------------------------ MEMBER LOGIN ------------------------------ */
body#Security div#contentBodyContainer { padding-top: 80px; }
body#Security div#contentBodyContainer > p, body#Security div#contentBodyContainer form#MemberLoginForm_LoginForm { display: inline; float: left; margin-left: 0px; margin-right: 0px; width: 320px; padding-left: 320px; padding-right: 320px; margin-left: 0; margin-right: 0; }

/* -------------------------------- GENERAL --------------------------------- */
/* ------------------------------- LANDING PAGE ----------------------------- */
body#home div#contentContainer h2.standardHeading { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
body#home div#contentContainer h2.standardHeading.focusable:active, body#home div#contentContainer h2.standardHeading.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
body#home div#contentContainer div#showcaseImageContainerWrapper { width: 75%; display: inline-block; float: left; overflow: hidden; }
body#home div#contentContainer div#showcaseImageContainerWrapper div#showcaseContainer { height: 500px; }
body#home div#contentContainer div#showcaseContentContainerWrapper { display: inline-block; float: left; width: 25%; }
body#home div#contentContainer div#showcaseContentContainerWrapper div#showcaseContentContainer { margin-left: 10px; }
body#home div#contentContainer div#showcaseContentContainerWrapper div#showcaseContentContainer h3 { margin-top: 0px; margin-bottom: 8px; color: #328CBC; }
body#home div#contentContainer div#showcaseContentContainerWrapper div#showcaseContentContainer p, body#home div#contentContainer div#showcaseContentContainerWrapper div#showcaseContentContainer ul { margin: 5px 0px; }

/* ------------------------------ SERVICES PAGE ----------------------------- */
body#interior-and-exterior-painting-and-decorating-services-in-greater-bendigo div.contentBodyContainer h3 { margin: 0.5em 0px 0.2em 0px; }
body#interior-and-exterior-painting-and-decorating-services-in-greater-bendigo div.contentBodyContainer p { margin: 0em 0px 0.8em 0px; }
body#interior-and-exterior-painting-and-decorating-services-in-greater-bendigo div.contentBodyContainer div#servicesWeProvide { width: 71%; padding-right: 2%; border-right: 1px solid #dddddd; display: block; float: left; }
body#interior-and-exterior-painting-and-decorating-services-in-greater-bendigo div.contentBodyContainer div#productImages { margin-top: 10px; }
body#interior-and-exterior-painting-and-decorating-services-in-greater-bendigo div.contentBodyContainer div#aboutUs { width: 23%; padding-left: 2%; float: right; }

/* -------------------------------- ABOUT US -------------------------------- */
/* ------------------------------- CONTACT US ------------------------------- */
/* ------------------------------- PROMO BOXES ------------------------------ */
/* --------------------------------- FOOTER -------------------------------- */
footer { zoom: 1; background-color: #efefef; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #efefef 0%, #ffffff 100%); background-image: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); background-image: -o-linear-gradient(top, #efefef 0%, #ffffff 100%); background-image: linear-gradient(top, #efefef 0%, #ffffff 100%); behavior: url(/CLHauke/PIE.php); height: 4em; padding-bottom: 0px; border-top: 1px solid white; }
footer:before, footer:after { content: ""; display: table; }
footer:after { clear: both; }
footer div#footerContentWrapper { margin-left: auto; margin-right: auto; width: 960px; zoom: 1; height: 4em; }
footer div#footerContentWrapper:before, footer div#footerContentWrapper:after { content: ""; display: table; }
footer div#footerContentWrapper:after { clear: both; }
footer div#footerContentWrapper h1 { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
footer div#footerContentWrapper h1.focusable:active, footer div#footerContentWrapper h1.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
footer div#footerContentWrapper div.footerDetailContainer h2 { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
footer div#footerContentWrapper div.footerDetailContainer h2.focusable:active, footer div#footerContentWrapper div.footerDetailContainer h2.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
footer div#footerContentWrapper div.footerDetailContainer p { margin: 0; padding: 0; border: 0; }
footer div#footerContentWrapper div#footerContactDetails { display: inline; float: left; margin-left: 0px; margin-right: 0px; width: 320px; }
footer div#footerContentWrapper div#footerContactDetails p.footerText { margin-left: 2px; }
footer div#footerContentWrapper div#footerCopyrightDetails { display: inline; float: left; margin-left: 0px; margin-right: 0px; width: 400px; }
footer div#footerContentWrapper div#footerDisclaimerDetails { display: inline; float: left; margin-left: 0px; margin-right: 0px; width: 80px; }
footer div#footerContentWrapper div#footerWebDesigner { display: inline; float: left; margin-left: 0px; margin-right: 0px; width: 160px; }
footer div#footerContentWrapper div#footerWebDesigner p.footerText { margin-right: 2px; }

/* --------------------------------- GALLERY -------------------------------- */
body#gallery-of-projects h2.standardHeading { display: none; }
body#gallery-of-projects div#galleryImageContainer { width: 73%; padding-right: 2%; height: 500px; float: left; }
body#gallery-of-projects div#galleryImageContainer a { text-decoration: none; }
body#gallery-of-projects div#galleryImageContainer div#slideshow { position: relative; }
body#gallery-of-projects div#galleryImageContainer div#slideshow span.image-wrapper { display: block; position: absolute; left: 0; top: 0; width: 666px; height: 500px; }
body#gallery-of-projects div#galleryImageContainer div#slideshow a.advance-link { margin: 0; padding: 0; border: 0; position: relative; display: block; height: 500px; /* This should be set to be at least the height of the largest image in the slideshow */ }
body#gallery-of-projects div#galleryImageContainer div#slideshow a.advance-link img { margin: 0; padding: 0; border: 0; display: block; position: absolute; top: 0; left: 0; width: 666px; height: 500px; /* This should be set to be at least the height of the largest image in the slideshow */ }
body#gallery-of-projects div#galleryThumbnailsContainer { width: 22%; height: 500px; padding-left: 2%; float: left; overflow: hidden; border-left: 1px solid #dddddd; }
body#gallery-of-projects div#galleryThumbnailsContainer ul.thumbs { position: relative; margin: 0; padding: 0; border: 0; zoom: 1; height: 310px; list-style: none; padding-top: 1px; overflow: hidden; behavior: url(/CLHauke/PIE.php); }
body#gallery-of-projects div#galleryThumbnailsContainer ul.thumbs:before, body#gallery-of-projects div#galleryThumbnailsContainer ul.thumbs:after { content: ""; display: table; }
body#gallery-of-projects div#galleryThumbnailsContainer ul.thumbs:after { clear: both; }
body#gallery-of-projects div#galleryThumbnailsContainer ul.thumbs li { float: left; width: 80px; margin: 0px 8px 15px 1px; border-left: 5px solid white; border-right: 5px solid white; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 2px 2px 4px 1px #888888; -moz-box-shadow: 2px 2px 4px 1px #888888; box-shadow: 2px 2px 4px 1px #888888; }
body#gallery-of-projects div#galleryThumbnailsContainer ul.thumbs a { text-decoration: none; }
body#gallery-of-projects div#galleryThumbnailsContainer div.pagination { zoom: 1; min-height: 20px; }
body#gallery-of-projects div#galleryThumbnailsContainer div.pagination:before, body#gallery-of-projects div#galleryThumbnailsContainer div.pagination:after { content: ""; display: table; }
body#gallery-of-projects div#galleryThumbnailsContainer div.pagination:after { clear: both; }
body#gallery-of-projects div#galleryThumbnailsContainer div.pagination a, body#gallery-of-projects div#galleryThumbnailsContainer div.pagination span.current, body#gallery-of-projects div#galleryThumbnailsContainer div.pagination span.ellipsis { display: block; height: 14px; float: left; margin-right: 2px; padding: 2px 7px; border: 1px solid #cccccc; text-decoration: none; }
body#gallery-of-projects div#galleryThumbnailsContainer div.pagination a:hover, body#gallery-of-projects div#galleryThumbnailsContainer div.pagination span.current:hover, body#gallery-of-projects div#galleryThumbnailsContainer div.pagination span.ellipsis:hover { background-color: #f3f3f3; }
body#gallery-of-projects div#galleryThumbnailsContainer div.pagination span.current { background-color: #f3f3f3; }
body#gallery-of-projects div#galleryThumbnailsContainer div#caption { display: block; height: 160px; position: relative; overflow: hidden; }
body#gallery-of-projects div#galleryThumbnailsContainer div#caption span.image-caption { display: block; position: absolute; height: 150px; top: 0px; left: 0px; padding-top: 10px; }
body#gallery-of-projects div#galleryThumbnailsContainer div#caption span.image-caption p { margin: 0; padding: 0; border: 0; margin-bottom: 0.7em; }

.no-js body#gallery-of-projects div#galleryImageContainer { display: none; }
.no-js body#gallery-of-projects div#galleryThumbnailsContainer { overflow: auto; width: 100%; height: 500px; border-left: none; }
.no-js body#gallery-of-projects div#galleryThumbnailsContainer div#thumbs { height: 500px; }
.no-js body#gallery-of-projects div#galleryThumbnailsContainer ul.thumbs { margin: 0; padding: 0; border: 0; height: 500px; }
.no-js body#gallery-of-projects div#galleryThumbnailsContainer ul.thumbs li { height: 240px; width: 150px; }
.no-js body#gallery-of-projects div#galleryThumbnailsContainer ul.thumbs li img { display: block; margin: 0 auto; }
.no-js body#gallery-of-projects div#galleryThumbnailsContainer div#caption { display: none; }

/* ------------------------------ TESTIMONIALS ------------------------------ */
body#testimonials div#testimonialsListContainer { height: 450px; margin-top: 20px; overflow: hidden; }
body#testimonials div#testimonialsListContainer ul#testimonialsList { list-style: none; }
body#testimonials div#testimonialsListContainer ul#testimonialsList li { list-style-image: none; list-style-type: none; margin-left: 0; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li { zoom: 1; margin-bottom: 20px; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li:before, body#testimonials div#testimonialsListContainer ul#testimonialsList > li:after { content: ""; display: table; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li:after { clear: both; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li blockquote { margin: 1em 40px 1em 20px; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li p.testimonialText { margin: 0; padding: 0; border: 0; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li p.testimonialClient { margin: 0; padding: 0; border: 0; float: right; clear: both; margin-right: 40px; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.tagContainer { margin-right: 40px; zoom: 1; clear: both; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.tagContainer:before, body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.tagContainer:after { content: ""; display: table; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.tagContainer:after { clear: both; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.tagContainer p.testimonialTagTitle { margin: 0; padding: 0; border: 0; float: right; display: inline-block; margin-right: 10px; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.tagContainer ul.tagList { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; display: inline; float: right; padding-right: 3px; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.tagContainer ul.tagList > li { list-style-image: none; list-style-type: none; margin-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.tagContainer ul.tagList > li:first-child, body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.tagContainer ul.tagList > li.first { padding-left: 0; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.tagContainer ul.tagList > li:last-child { padding-right: 0; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.tagContainer ul.tagList > li.last { padding-right: 0; }
body#testimonials div#testimonialsListContainer ul#testimonialsList > li div.testimonialsSeparator { height: 1px; width: 50%; margin: 30px auto 10px auto; border-bottom: 1px dotted #dddddd; }

.no-js p.testimonialTagTitle { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.no-js p.testimonialTagTitle.focusable:active, .no-js p.testimonialTagTitle.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.no-js body#testimonials div#testimonialsListContainer { overflow: auto; }

/* CSS Styles that are needed by jScrollPane for it to operate correctly.  Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane may not operate correctly without them. */
.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }

.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: #f1f0ef; position: relative; }

.jspDrag { background: #9f988d; position: relative; top: 0; left: 0; cursor: pointer; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }

.jspArrow.jspDisabled { cursor: default; background: #80808d; }

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

/* ============================================================================= Media Queries ========================================================================== */
/*/mediaquery*/
/*/mediaquery*/
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  /*@page { margin: 0.5cm; }*/
  /* Conflict with ie7.js (2.1 beta4) where hrefs are displayed in ie6 & ie7.  http://code.google.com/p/ie7-js/issues/detail?id=314*/
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  div#contentContainer { height: 100%; } }