/* Market Hardware - layout.css
v.100517
*/

body {
	background: #35455d;
	position:relative;
}

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

h1 {
	font-size: ;
}

a {
	color: #3e81e0;
	text-decoration:none;
}
a:hover{
	color: #004ebc;
}
/* Breadcrumb & Logos */
.breadcrumb {
	font-size: 85%;
	padding-bottom: 10px;
}

.logos {
	text-align: center;
}

.logos img {
	vertical-align: middle;
}

/* Container */
#container,
.container {
	background: #fff;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	width: 940px;
}

/* Branding */
#branding-wrapper{
	width:100%;
	background:url(../design/bg-branding-wrapper.jpg) left top repeat-x;
}
#branding {
	height: 140px;
	position: relative;
	width:960px;
	padding:0px;
	margin:0 auto;
}
#branding a {
	color: #95c3ff;
	text-decoration:none;
}
#branding a:hover {
	color: #004ebc;
}
#logo,
#contact-info,
#service-area,
#facebook {
	margin: 0;
	position: absolute;
}

/* Logo */
#logo {
	height:56px;
	left:10px;
	top: 39px;
	width: 296px;
	z-index: 3;
}

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

/* Contact Info */
#contact-info {
	right:0px;
	text-align: left;
	top:49px;
	font:bold 1.333em Arial, Helvetica, sans-serif;
}

#contact-info .phone {
	display: block;
	font:bold 1.625em 'Droid Sans', arial, serif;
	color:#303539;
	margin-top:2px;
}

/* FaceBook */
#facebook{
	display:block;
	width:31px;
	height:36px;
	top:49px;
	right:199px;
}

/* Service Area */
#leftcol-inner {
	  min-height: 500px;
	  _height:auto !important; /* fix for ie6 do not remove */
	  _height:500px;              /* fix for ie6 do not remove */
}


#leftcol-inner #service-area {
	padding:0px;
	margin:0px;
	color:#35455d;
	width:279px;
}
#leftcol-inner #service-area h1{
	color:#6685ad;
	font:normal 1.288em Arial, Helvetica, sans-serif;
	border-bottom:1px solid #b1b1b1;
	margin:0 0 11px;
	padding:0 0 2px 1px;
}
#leftcol-inner #service-area p{
	background:url(../design/service-area-normal.jpg) 0 7px no-repeat;
	width:280px;
	font:normal 1.144em Arial, Helvetica, sans-serif;
	line-height:1.5;
	padding:0px;
	margin:0px 0px 0px -3px;
}
#leftcol-inner #service-area a{
	width:180px;
	display:block;
	text-decoration:none;
	padding:0 0 0px 84px;
	color:#35455d
}
#leftcol-inner #service-area span{
	color:#519af9;
	font:normal 0.879em Arial, Helvetica, sans-serif;
	line-height:2;
}
#leftcol-inner #service-area span a{
}
#leftcol-inner #service-area a:hover span{
	color:#004ebc;
	background:none;
}
#leftcol-inner #service-area a:hover{
	background:url(../design/service-area-hover.jpg) 0 7px no-repeat;
}

#leftcol-inner #logos {
	padding:0px;
	margin:0px;
	color:#35455d;
	width:280px;
	float:right;
}
#leftcol-inner #logos h1{
	color:#6685ad;
	font:normal 1.288em Arial, Helvetica, sans-serif;
	border-bottom:1px solid #b1b1b1;
	margin:0px 0 15px 0;
	padding:0 0 2px 3px;
}
#leftcol-inner #logos img{
	text-align:center;
	vertical-align:middle;
	margin:-20px 0 0 0;
}
#leftcol-inner #logos img.bottom{
	margin:20px 0 0 -10px;
}
#leftcol-inner #logos img.right{
	margin:20px 0 0 -5px;
}
#leftcol-inner #logos img.bbb-online{
	margin:-20px 0px 0 -9px;
}
#seepage{
	display:none;
}
/* jQuery Fancy Zoom*/
#zoom {z-index:1000;}
.modal{
	display:none;
}

/* Banner */
#banner {
    display: block;
    position: relative;
    width:640px;
    height:293px;
    overflow: hidden;
	float:left;
}

/*
#banner-img {
    position: absolute;
    width:640px;
    height:293px;
    top:0;
    left:0;
}
#banner-copy {
    position: absolute;
    top:199px;
    left:29px;
}
#banner-copy h1 {
    color:#fff;
    font:normal 1.750em Georgia, serif;
}

*/

/* Columns */
#columns-wrapper{
	background:#FFFFFF;
	width:100%;
}
#columns {
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin:0 auto;
	padding:2px 8px 0 10px;
	width:942px;
	clear:both;
}

/* Left Column */
#leftcol {
	float: left;
	position: relative;
	width:640px;
	z-index: 1;
}
.home #leftcol-inner {
	padding:24px 30px 30px 20px;
	color:#505051;
	font:normal 1.167em Arial, Helvetica, sans-serif;
	line-height:1.4;
}

#leftcol-inner {
	padding:30px 30px 30px 20px;
	color:#505051;
	font:normal 1.167em Arial, Helvetica, sans-serif;
	line-height:1.4;
}
.home #leftcol-inner h1{
	padding-bottom:9px;
}
#leftcol-inner h1{
	color:#901838;
	font:normal 1.714em Georgia, serif;
	margin:0px;
	padding-bottom:3px;
}
.home#leftcol-inner h2{
	padding:0px;
}
#leftcol-inner h2{
	color:#b3204a;
	font:normal 1.429em Georgia, serif;
	margin:0px;
	padding:15px 0 3px 0;
}

#leftcol-inner h3{
	color:#505051;
	font:bold 1.286em Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0px 5px;
}

#leftcol-inner table td h3 a{
	color:#3E4F67;
	font:bold 1em Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 10px 5px 0;
}
#bottom-content{
	width:609px;
	height:113px;
	float:left;
	overflow:hidden;
	padding:40px 0 0 0;
}

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

#rightcol-inner {
	padding:0px 0 50px;
	margin-left:0px;
}
p#online-today{
	background:url(../design/online-today-normal.jpg) left top no-repeat;
	width:292px;
	height:85px;
}
p#online-today a{
	color:#fff;
	font:normal 1.500em Helvetica, sans-serif;
	padding:22px 0 0 25px;
	height:64px;
	display:block;
	text-decoration:none;
	text-align:center;
	line-height:1.1;
	text-align:left;
}
p#online-today a:hover{
	background:url(../design/online-today-hover.jpg) left top no-repeat;
}
p#online-today span{
	color:#fff;
	font:bold 1.000em Helvetica, sans-serif;
	text-transform:uppercase;
}
p#environment{
	background:url(../design/bg-environment.jpg) left top no-repeat;
	font:normal 1.500em Arial, Helvetica, sans-serif;
	clear:left;
	float:left;
	line-height:1;
	padding:0px 0 0 27px;
	margin-left:3px;
	width:250px;
}
/* Callouts */
#callouts{
	background:url(../design/bg-callouts.jpg) left top no-repeat;
	width:273px;
	padding:11px 0 0 17px;
	height:290px;
	float:right;
	margin:4px 1px 0 0;
}
#callouts h1{
	font:1.667em Arial, Helvetica, sans-serif;
	color:#901838;
	padding:0 0 3px 6px
}
.callouts ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
} 

.callouts li {
	float: left;
	margin: 0 0 10px;
	padding: 0 0 4px 30px;
	color:#6e6e6e;
	font:normal 1.167em Arial, Helvetica, sans-serif;
	width:80%;
	background:url(../design/arrow.png) left 4px no-repeat;
}

.callouts li.last {
	margin: 0;
}

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

.callouts a.content {
	display: block;
}

.callouts a {
	text-decoration:none;
	color: #6e6e6e;
}

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

.callouts li a:hover {
	text-decoration: underline;
}

.callouts span {
	display: block;
	font-size: 1.25em;
	padding:0 12px;
	margin: 0;
}

#callout-1 {
	background: url(../design/callout_1.jpg) no-repeat;
}

#callout-2 {
	background: url(../design/callout_2.jpg) no-repeat;
}

#callout-3 {
	background: url(../design/callout_3.jpg) no-repeat;
}


#home-callouts{
	width:636px;
	position:absolute;
	top:239px;
	left:2px;
	background:url(../design/callouts-normal.jpg) left top repeat-x;
}

.home-callouts ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
} 

.home-callouts li {
	float: left;
	margin:0px;
	padding:0px 1px 0 0;
	width:159px;
	height:54px;
	background:url(../design/nav-divider.jpg) right top no-repeat;
}

.home-callouts li.last {
	margin: 0;
	background:none;
	width:150px;
}

.home-callouts li.last a {
	width:156px;
}

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

.home-callouts a {
	color: #fff;
	width:159px;
	height:54px;
	display:block;
}

.home-callouts a {
	text-decoration: none;
	color:#333333;
}

.home-callouts li a:hover, .home-callouts li a.current{
	background: url(../design/callouts-hover.jpg) left top repeat-x;
	color:#FFFFFF;
}

.home-callouts span {
	display: block;
	text-align:center;
	padding:23px 0px 12px ;
	font:bold 1.333em  Helvetica, sans-serif;
	margin: 0;
	text-shadow:0px 1px 1px #BCBCBC;
}

/* Footer */
#footer-wrapper{
	background:#35455d;
	width:100%;
	padding-top:2px;
}
#footer {
	color: #D9E3F1;
    font: 1.167em/1.2em Arial,Helvetica,sans-serif;
    margin: 0 auto;
    padding: 25px 0 120px 8px;
    position: relative;
    text-align: left;
    width: 952px;
}
#footer a {
	color: #95c3ff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer p.base-content {
	color: #95C3FF;
    left: 338px;
    position: absolute;
    text-align: left;
    top: 25px;
}
#footer p.base-content span{
	color:#d9e3f1;
}
#footer p.address {
	left: 8px;
    position: absolute;
    text-align: left;
    top: 79px;
}
#footer p.additional {
	color: #95C3FF;
    left: 338px;
    position: absolute;
    text-align: left;
    top: 61px;
}
#footer p.additional span{
	color:#d9e3f1;
}
#footer p.tacbl {
	color: #FFFFFF;
    left: 8px;
    position: absolute;
    text-align: left;
    top: 116px;
}
.payment-options{
	left: 143px;
    position: absolute;
    top: 112px;
}
#footer p {
	margin: 0;
}



/* jquery tabs-slideshow */
#banner-img, #banner-img .panes, #banner-img .panes div {
	padding:0;
	margin:0;
} 

#banner-img .panes div {
	position: absolute;
	top:0;
	left:0;
	width:636px;
    height:241px;
}


#banner-img {
    position: relative;
    width:636px;
    height:293px;
    top:0;
    left:0;
    border-left: 2px solid #D1D0Ce;
    border-right: 2px solid #D1D0Ce;
}
#banner-img img{
    position: absolute;
    top:0;
    left:0;
    width:636px;
    height:241px;
}

#banner-img p{
    position: absolute;
    top:199px;
    left:29px;
}
#banner-img p a {
    color:#fff;
    font:normal 1.750em Georgia, serif;
}
#banner-img p a:hover {
    color:#901838;

}

#home-callouts{
	width:636px;
	position:absolute;
	top:239px;
	left:0;
	background:url(../design/callouts-normal.jpg) left top repeat-x;
}

.home-callouts ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
} 

.home-callouts li {
	float: left;
	margin:0px;
	padding:0px 1px 0 0;
	width:159px;
	height:54px;
	background:url(../design/nav-divider.jpg) right top no-repeat;
}

.home-callouts li.last {
	margin: 0;
	background:none;
	width:150px;
}

.home-callouts li.last a {
	width:156px;
}

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

.home-callouts a {
	color: #fff;
	width:159px;
	height:54px;
	display:block;
}

.home-callouts a {
	text-decoration: none;
	color:#333333;
}

.home-callouts li a:hover, .home-callouts li a.current{
	background: url(../design/callouts-hover.jpg) left top repeat-x;
	color:#FFFFFF;
}

.home-callouts span {
	display: block;
	text-align:center;
	padding:23px 0px 12px ;
	font:bold 1.333em  Helvetica, sans-serif;
	margin: 0;
	text-shadow:0px 1px 1px #BCBCBC;
}

