/* Baseline/reset styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

BODY { min-width:960px; height:100%; margin:0; padding:0; font-size:62.5%; text-align:center; color:#000; font-family: Arial, Helvetical, sans-serif; }

HTML { height:100%; }

A, INPUT.submitbutton { color:#f2b900; text-decoration:none; }
A:hover, INPUT.submitbutton:hover { text-decoration:underline; }

P { margin:10px 0;}
EM { font-style:italic; }
TEXTAREA, INPUT, SELECT { font-family:Georgia, Times New Roman, Serif; font-size:1em; }
STRONG { font-weight:bold; }
H1, H2.likeH1 { font-size:36px; line-height:40px; color:#000; font-weight:normal; margin:25px 0 10px 0; font-family: 'Special Elite', system-ui; /*text-shadow: 2px 1px 2px rgba(0, 0, 0, .5);*/ }
H2 { font-size:16px; line-height:1.3em; color:#000; font-weight:bold; margin:15px 0 15px 0; }
H3 { font-size:16px; line-height:1.3em; color:#000; font-weight:bold; margin:15px 0 15px 0; }
/* H2 { font-size:1.0em; color:#eee; font-weight:bold; background:#333 url(/images/h2_980px.png) no-repeat left bottom; height:27px; margin:15px 0 15px 0; padding:2px 15px 3px 15px; line-height:26px; } */

.clear { display:block; clear:both; width:1px; height:0.001%; font-size:0px; line-height:0px; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.stencil { font-family: 'Stardos Stencil', system-ui; }

UL.bullet { margin:1em 0 1em 20px; }
UL.bullet LI { padding:0 0 0 20px; background:url(/img/bullet_large_yellow.png) no-repeat left 6px; }
UL.bullet LI.last { margin-bottom:0; }

#bodywrapper { min-height:100%; position:relative; background:#f3f3f3 url(/img/bg_metal_light_01.jpg) repeat-y center top; }
#headerwrapper, #barwrapper, #contentwrapper, #footerwrapper { clear:both; width:100%; text-align:center; font-size:1.2em; }
#headerwrapper { background:#fff; }
#barwrapper { background:#f2b900 url(/img/top_bar_bg_yellow_01.png) repeat-x; border-bottom:1px solid #fff; height:5px; }
#contentwrapper { padding-bottom:121px; }
#footerwrapper { height:120px; border-top:1px solid #fff; }
#footerwrapper { background:#999 url(/img/bg_metal_dark_02.jpg) repeat-y center top; position:absolute; left:0px; bottom:0px; }

#header, #bar, #content, #footer { clear:both; width:940px; border:10px solid transparent; border-top:0; border-bottom:0; margin:0 auto; font-size:1.2em; text-align:left; }
#content { position:relative; }

#colLeft { float:left; width:220px; }
#colMain { float:left; width:940px; }

#header #logo { float:left; padding:25px 0 0px; }
#header #telephone { float:right; font-size:30px; line-height:1.1em; color:#000; font-weight:700; margin:28px 55px 0 0; }

#postIt { position:absolute; right:0px; top:-32px; z-index:50; }
#tools { position:absolute; right:380px; top:30px; z-index:40; }

#nav { float:left; width:100%; margin:12px 0 0px; }
#nav UL { float:left; }
#nav UL LI { float:left; padding:0 0px 0 0px; margin:0 0 0 -3px; font-size:16px; line-height:22px; }
#nav UL LI A { float:left; text-decoration:none; color:#000; border:1px solid #999; border-bottom:0; padding:5px 10px 2px; border-radius:10px 10px 0 0; background:#f3f3f3 url(/img/bg_metal_light_01.jpg) repeat-y center top; z-index:99; position:relative; margin-top:5px; }
#nav UL LI A:hover { border:1px solid #000; border-bottom:0; z-index:100; padding-bottom:7px; margin-top:0px; box-shadow:0 -1px 3px rgba(0,0,0,0.4); }
#nav UL LI.selected A { color:#fff; border:1px solid #ab8300; border-bottom:0; background:#f2b900; }

#nav UL LI#nav_what-we-do { padding-left:0; }
#nav UL LI#nav_contact { background:transparent; padding-right:0; }

#content { line-height:1.6em; margin-bottom:20px; }
.body_home #content { margin-bottom:0px; }

#footer DIV { color:#fff; }
#footer .logos { float:left; padding:15px 100px 0 0; }
#footer .legals { float:left; padding:15px 0 0 0; }
#footer .linksExt { float:right; padding:15px 0px 0 0; line-height:1.3em; }
#footer .linksExt .chunk1 { float:left; padding:0 10px 0 0; }
#footer .linksExt .chunk2 { float:left; }
#footer .linksExt .chunk2 a { font-family:"Droid Serif"; font-weight:700; font-size:20px; line-height:1.3em; color:#fff; }
#footer .linksExt .chunk2 p { margin:0; }
/* Homepage */
#homeIntro { float:left; margin:5px 0 15px; width:540px; padding:20px 20px 20px; border-radius:3px; box-shadow:inset 0 1px 3px rgba(0,0,0,0.5); background:#fff url(/img/tools.png) no-repeat 260px 50px; }
#homeIntro h2 { clear:both; float:left; margin:0 0 0; font-size:22px; line-height:1.1em; }
#homeIntro ul { clear:both; float:left; width:270px; margin:20px 0 0; }
#homeIntro ul li { clear:both; float:left; width:250px; padding:0 0 0 20px; font-size:16px; line-height:1.3em; margin:0 0 10px; background:url(/img/bullet_large_yellow.png) no-repeat left 5px; }

/* #smart { clear:both; float:left; width:550px; font-size:28px; line-height:1.1em; color:#000; font-weight:700; text-transform:uppercase; background:#f2b900; border-radius:0 0 3px 3px; float:left; margin:15px 0 0 -20px; padding:9px 15px 6px; text-align:center; box-shadow:inset 0 -0px 2px rgba(0,0,0,0.5); } */
#smart { clear:both; float:left; width:510px; font-size:28px; line-height:1.1em; color:#000; font-weight:700; text-transform:uppercase; background:#f2b900; border-radius:3px; float:left; margin:15px 0 0; padding:10px 15px 6px; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.5); text-align:center; }

#homeBoxes { clear:both; float:left; width:100%; margin:10px 0 30px; }
#homeBoxes .boxes { float:left; width:100%; }
#homeBoxes .box { float:left; width:220px; margin:0 15px 0 0; background:#fff; background-repeat:no-repeat; background-position:0px 0px; padding:0px; border-radius:3px; box-shadow:inset 0 1px 3px rgba(0,0,0,0.5); }
#homeBoxes .box1 { background-image:url(/img/box_fitter_2.jpg); }
#homeBoxes .box2 { background-image:url(/img/box_electrician_2.jpg); }
#homeBoxes .box3 { background-image:url(/img/box_plumber_2.jpg); }
#homeBoxes .box4 { background-image:url(/img/box_decorator_2.jpg); margin-right:0; }
#homeBoxes .box a { float:left; width:216px; border:2px solid transparent; border-radius:3px; text-decoration:none; }
#homeBoxes .box a:hover { border:2px solid #f2b900; text-decoration:none; }
#homeBoxes .box .content { float:left; padding:15px; line-height:1.3em; }
#homeBoxes .box .content .h3 { display:block; font-size:16px; line-height:1.3em; color:#000; font-weight:bold; margin:115px 0 10px; }
#homeBoxes .box .content .p { display:block; min-height:6.5em; color:#000; }
#homeBoxes .box .content .link { display:block; font-weight:bold; margin:5px 0 0; }
#homeBoxes .box a:hover .content .link { text-decoration:underline; }

#page { margin:15px 0 15px; padding:10px 20px 20px; border-radius:3px; box-shadow:inset 0 1px 3px rgba(0,0,0,0.5); background:#fff; min-height:250px; }

/* What our customers say */
.quoteWrap { margin:10px 0 20px; }
.quoteWrap .quoteText p { margin:0; }
.quoteWrap .quoteText p .e_aposOpen { display:inline-block; width:14px; height:11px; padding:0 3px 0 0; background:url(/img/icon_quote_open.png) no-repeat; }
.quoteWrap .quoteText p .e_aposOpen span { display:none; }
.quoteWrap .quoteText p .e_aposClose { display:inline-block; width:14px; height:11px; padding:0 0 0 3px; background:url(/img/icon_quote_close.png) no-repeat right top; }
.quoteWrap .quoteText p .e_aposClose span { display:none; }
.quoteWrap .quoteBy { font-weight:bold; margin:4px 0 0; }

/* Contact us */
#contactInfo { width:100%; overflow:hidden; font-size:16px; line-height:20px; margin:10px 0 0; }
#contactInfo dt { clear:both; float:left; width:9em; margin:0 0 10px; }
#contactInfo dd { float:left; font-weight:bold; margin:0 0 10px; }

/* About us */
.body_about-us #page { background:#fff url(/img/number1handyman_van_300.jpg) no-repeat right center; padding-right:320px; }


/* What we do */
.body_what-we-do #page .col { float:left; width:305px; margin:10px 30px 0 0; }
.body_what-we-do #page .col1 { margin-right:0; }
.body_what-we-do #page .col2 { width:270px; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-left:30px; }
.body_what-we-do #page .col3 { margin-right:0; width:260px; }
.body_what-we-do #page h2.e_title { margin:0 0 0px; }
.body_what-we-do #page ul { margin:0 0 1em; }
.body_what-we-do #page ul li { padding:0 0 0 20px; background:url(/img/bullet_large_yellow.png) no-repeat left 6px; }



/* Previous work */
.gallery { width:800px; overflow:hidden; margin:20px 0 20px 40px; }
.gallery li { float:left; margin:0 5px 5px 0; }
.gallery li a { float:left; }
.gallery li a img { float:left; border:2px solid #aaa; border-radius:5px; }
.gallery li a:hover img { float:left; border:2px solid #f2b900; }
.gallery .status { text-align:center; font-style:italic; }

/*
 * photoswipe.css
 * Copyright (c) %%year%% by Code Computerlove (http://www.codecomputerlove.com)
 * Licensed under the MIT license
 *
 * Default styles for PhotoSwipe
 * Avoid any position or dimension based styles
 * where possible, unless specified already here.
 * The gallery automatically works out gallery item
 * positions etc.
 */

 
body.ps-active, body.ps-building, div.ps-active, div.ps-building { background: #000; overflow: hidden; }
body.ps-active *, div.ps-active * { -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); display: none; }
body.ps-active *:focus, div.ps-active *:focus { outline: 0; }


/* Document overlay */
div.ps-document-overlay { background: #000; }

/* UILayer */
div.ps-uilayer { background: #000; cursor: pointer; }


/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{	background: #000; }
div.ps-zoom-pan-rotate *  { display: block; }


/* Carousel */
div.ps-carousel-item-loading 
{ 
	background: url(/img/ps/loader.gif) no-repeat center center; 
}

div.ps-carousel-item-error 
{ 
	background: url(/img/ps/error.gif) no-repeat center center; 
}


/* Caption */
div.ps-caption
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}
div.ps-caption *  { display: inline; }

div.ps-caption-bottom
{ 
	border-top: 1px solid #42403f;
	border-bottom: none;
	min-height: 44px;
}

div.ps-caption-content
{
	padding: 13px;
	display: block;
}


/* Toolbar */
div.ps-toolbar
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}
div.ps-toolbar * { 
	display: block;
}

div.ps-toolbar-top 
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}

div.ps-toolbar div div.ps-toolbar-content
{
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-image: url(/img/ps/icons.png);
	background-repeat: no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content
{
	background-position: 0 0;
}

div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position: -44px 0;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position: -44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content
{
	background-position: -132px 0;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position: -132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content
{
	background-position: -88px 0;
}

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-moz-background-size: 176px 88px;
		-o-background-size: 176px 88px;
		-webkit-background-size: 176px 88px;
		background-size: 176px 88px;
		background-image: url(/img/ps/icons@2x.png);
	}
}