/* Market Hardware - layout.css */
body {
	/*background: #1e415e;*/
	position:relative;
	background:f2f1e1;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #f00;
}

h1 {
}

a {
}

/* Breadcrumb & Logos */
.breadcrumb {
	font-size: 85%;
	padding-bottom: 10px;
}

.logos {
	text-align: left;
}

.logos img {
	margin:8px 9px 5px 0px;
	vertical-align: middle;
}


/* Container */
#container,
.container {
	margin:0 auto;
	width:950px;

}

/* Branding Wrapper*/
#branding-wrapper {
	background:url(/design/bg-branding-wrapper.gif) repeat-x left top;
	height: 206px;
}

/* Branding */
#branding {
	position: relative;
	margin:0 auto;
	width:950px;
}

#logo,
#contact-info {
	margin: 0;
	position: absolute;
}

/* Logo */
#logo {
	height: 184px;
	left: 41px;
	top: 11px;
	width: 250px;
	z-index: 3;
}

#logo a {
	display: block;
	height: 100%;
}

.logo-text {
	position:absolute;
	top:117px;
	left:330px;
}

/* Contact Info */
#contact-info {
    left: 329px;
    text-align: right;
    top: 140px;
}

#contact-info .phone {
    color: #050506;
    display: block;
    font: 1.917em tahoma;
}

/* Request */
#request {
	position:absolute;
	top:141px;
	right:2px;
	background:url(/design/bg-request.png) no-repeat left top;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	color:#efeedd;
	text-align:center;
	height:37px;
	width:318px;
	text-decoration:none;
	padding:22px 0 0;
}

#request:hover {
	color:#f6de7f;
	background:url(/design/bg-request.png) no-repeat left bottom;
}

/* Banner */
#banner {
	display: block;
	margin: 0px;
	position:relative;
	height: 200px;
}

#tagline {
	position:absolute;
	top:157px;
	left:93px;
	font:1.75em Georgia, serif;
	color:#f3dc82;
	z-index: 5000;
}


/* Columns Wrapper */
#columns-wrapper {
	background:#f0efde url(/design/bg-columns-wrapper.gif) repeat-x left top;
	overflow: hidden;
	position: relative;
	z-index: 1;
	clear:both;
}

/* Columns */
#columns {
	margin:0 auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
	width:950px;
}

/* Left Column */
#leftcol {
	float: left;
	position: relative;
	width: 310px;
	z-index: 1;
	padding-top:10px;
}

#leftcol-inner {
}

#leftcol-inner h1 {
	background:url(/design/bg-callouts.gif) no-repeat left top;
    color: #1C605A;
    font: bold 1.75em/1.2 Georgia, serif;
    margin: 0;
    padding: 14px 0 15px 22px;
}

/* Right Column */
#rightcol {
	float: right;
	position: relative;
	width: 625px;
	z-index: 2;
	padding-top:10px;
}

.home #rightcol-inner {
	padding:9px 30px 10px 15px;
	font:1.167em/1.5 Georgia, serif;
	color:#555555;
}

#rightcol-inner {
	padding:9px 30px 40px 15px;
	font:1.167em/1.5 Georgia, serif;
	color:#555555;
}

.home #rightcol-inner h1 {
	font:1.5em Georgia, serif;
	color:#1c605a;
	margin:0;
	padding:0 0 20px 0;
}

#rightcol-inner h1 {
	font:1.5em Georgia, serif;
	color:#1c605a;
}

#rightcol-inner h2 {
	font:1.286em Georgia, serif;
	color:#1c605a;
}

#rightcol-inner h3 {
	font:bold 1em Georgia, serif;
	color:#1c605a;
}

#rightcol-inner a {
	color:#50718f;
	text-decoration:none;
}

#rightcol-inner a:hover {
	text-decoration:underline;
}

#rightcol-inner ul,ol {
	margin-top:0;
	margin-bottom:0;
}



/* Bottom Content Wrapper */
#bottom-content-wrapper {
	background:url(/design/bg-bottom-content-wrapper.gif) repeat left top;
	height:253px;
}

/* Bottom Content */
#bottom-content {
	width:950px;
	float:left;
}

/* Service Area */
#service-area {
	font:1.5em Georgia, serif;
	color:#b0c1d9;
	padding:30px 0 12px 0px;
	margin:0;
	width:470px;
}

.services {
	float:left;
}

.services-list {
    float: left;
    padding-left: 41px;
    width: 429px;
}

.services-list ul {
	width:96px;
	float:left;
	list-style-type:none;
	font:1.167em Georgia, serif;
	color:#b0c1d9;
	padding:0;
	margin:0;
}

.services-list ul li {
	width:100%;
	float:left;
	background:url(/design/bullet.png) no-repeat left 6px;
	padding:0 0 0 8px;
	line-height:1.01;
}

.click-map {
	font:bold 1.167em Arial, Helvetica, sans-serif;
	float:left;
	margin:53px 0 0 10px;
	color:#fbf691;
	text-decoration:none;
    padding: 0 0 0px 2px;
	background:url(/design/map.gif) no-repeat left 22px;
	width:140px;
	height:162px;
}


.click-map:hover {
	color:#fff;
	background:url(/design/map.gif) no-repeat left -158px;
}

.map:hover {
}




/* Home-Callouts ----------------------------------------------------------------------------------------- */
/* Callouts */
#callouts {
	clear:both;
	width:950px;
}

.home .calouts ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 27px;
	float:left;
}

.calouts ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px;
	float:left;
}
.calouts li {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	width: 310px;
}

.calouts li.last {
	margin: 0;
}

.calouts .content {
	line-height: 40px;
	padding:0;
}

.calouts a.content {
	display: block;
	float:left;
}

.calouts,
.calouts a {
	color: #fff;
}

.calouts a {
	text-decoration: none;
}

.calouts li a:hover {
}

.calouts span {
	display: block;
	margin: 0;
	float:left;
	width: 280px;
	font: 2em Georgia, serif;
	padding: 7px 0 0px 30px;
	height:33px;
}

.calouts span strong {
	color: #f2e74b;
	font-weight:normal;
}

.calouts ul ul li.heading {
	list-style-type:none;
	text-indent:0;
	margin:0;
	padding:0;
	background:none;
}


/*.calouts ul ul {
	height:302px;
	margin:5px 0 0 0;
    padding: 5px 0 0px 0px;
}
*/

.calouts ul ul {
	font:1.333em Georgia, serif;
	margin:5px 0 0 0;
    padding: 5px 0 5px 0px;
    width: 310px;
	float:left;
	height:302px;
	position:relative;
}
.calouts ul ul.residential {
	background:url(/design/bg-residential.gif) no-repeat;
}

.calouts ul ul.commercial {
	background:url(/design/bg-commercial.gif) no-repeat;
    width: 310px;
}

.calouts ul ul.save-money {
	background:url(/design/bg-save-money.gif) no-repeat;
}

.calouts ul ul.residential li.heading {
	padding:4px 0 4px 28px;
	margin:0px;
	line-height:normal;
}

.calouts ul ul.commercial li.heading {
	padding:4px 0 4px 33px;
	margin:0;
	line-height:normal;
}

.calouts ul ul.save-money li.heading {
	padding:4px 0 4px 23px;
	line-height:normal;
}

.calouts ul ul li {
	background:url(/design/home-callout-bullet.png) no-repeat left 11px;
	margin-left:24px;
	float:left;
	line-height:1.45;
	text-indent:10px;
}

.home .calouts ul ul.residential li.heading {
	width:281px;
	margin-left:0;
}


.home .calouts ul ul.residential li {
	width:281px;
	list-style-type:none;
	margin-left:29px;
}
.calouts ul ul.residential li {
	padding:0;
	width:281px;
	list-style-type:none;
}

.calouts ul ul.residential li.img {
	padding:0;
	margin:0;
	list-style-type:none;
	text-indent:0;
}

.calouts ul ul.commercial li {
	padding:0;
	width:276px;
	margin-left:33px;
}

.calouts ul ul.commercial li.img {
	padding:0;
	margin:0;
	list-style-type:none;
	text-indent:0;
}

.calouts ul ul.save-money li {
	padding:0;
	width:287px;
}

.calouts ul ul.save-money li.img {
	padding:0;
	margin:0;
	list-style-type:none;
	text-indent:0;
}

.calouts ul ul li a {
	color:#fff;
}

.calouts ul ul li.img {
	position:absolute;
	left:5px;
	bottom:10px;
}

.home .calouts ul ul li.img {
	position:absolute;
	left:5px;
	bottom:27px;
}
.calouts ul ul li a:hover {
	text-decoration:underline;
	color:#fff;
}


#calout-1 .content {
	background:url(/design/callout_1.gif) no-repeat;
}

#calout-2 .content {
	background: url(/design/callout_2.gif) no-repeat;
}

#calout-3 .content {
	background: url(/design/callout_3.gif) no-repeat;
}
#calout-1 .content:hover {
	background:url(/design/callout_1.gif) no-repeat 0 -50px;
}

#calout-2 .content:hover {
	background: url(/design/callout_2.gif) no-repeat 0 -50px;
}

#calout-3 .content:hover {
	background: url(/design/callout_3.gif) no-repeat 0 -50px;
}
/* Home-Callouts End----------------------------------------------------------------------------------------- */

/* Left-Callouts ----------------------------------------------------------------------------------------- */

/* Callouts */
.left-callouts ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 9px;
	float:left;
}

.left-callouts li {
	float: left;
	padding: 0;
	margin:0;
	width: 310px;
}

.left-callouts li.last {
	margin: 0;
}

.left-callouts .content {
}

.left-callouts a.content {
	display: block;
}

.left-callouts,
.left-callouts a {
	color: #3f5f7d;
	float:left;
	width:310px;
}

.left-callouts a {
	text-decoration: none;
}

.left-callouts li a:hover {
	background: red;
}

.left-callouts span {
	display: block;
	margin: 0;
	float:left;
	font: 1.167em Georgia, serif;
	font-weight: bold;
	padding:12px 0 11px 33px;
	width:277px;
}

#left-callout-1 .content {
	background:#d6d3ad;
}

#left-callout-1 .content:hover {
	background:#c0bc8d;
}

#left-callout-2 .content {
	background:#e6e4ca;
}

#left-callout-2 .content:hover {
	background:#c0bc8d;
}

#left-callout-3 .content {
	background:#d6d3ad;
}


#left-callout-3 .content:hover {
	background:#c0bc8d;
}

#left-callout-4 .content {
	background:#e6e4ca;
}

#left-callout-4 .content:hover {
	background:#c0bc8d;
}

#left-callout-5 .content {
	background:#d6d3ad;
}

#left-callout-5 .content:hover {
	background:#c0bc8d;
}

#left-callout-6 .content {
	background:#e6e4ca;
}

#left-callout-6 .content:hover {
	background:#c0bc8d;
}
/* Left-Callouts End ----------------------------------------------------------------------------------------- */



/* Footer */
#footer {
width:auto;
	background: #1e415e;
}

#footer a {
	color: #f2e74b;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer p {
	margin: 0;
	padding-left:315px;
}

.facebook {
	position:absolute;
	left:37px;
	top:20px;
	z-index:5;
}

.payment-options {
	position:absolute;
	left:317px;
	top:57px;
	z-index:6;
}
#footer-inside {
	background: #1e415e;
	width: auto;
		font-size: 0.833em;
	line-height: 1.4;
	margin: 0 auto;
	padding: 15px 0 80px;
	text-align: left;
	width:950px;
	color: #e4edf2;
	position:relative;
}


/* jQuery Fancy Zoom*/
#zoom {z-index:1000;}

/* jQuery Cycle plugin */
.slideshow {height: 200px;width: 940px;margin: auto;overflow: hidden;}
.slideshow img {height: 200px;width: 940px;}