html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
:focus {
    outline: 0 none;
}
.ui-dialog { position: fixed; padding: .1em; width: 300px; overflow: hidden; }

.dropzone {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.03);
    border-radius: 3px 3px 3px 3px;
    min-height: 60px;
    padding: 23px;
}

.ui-effects-transfer {
      border: 2px solid black;
      z-index: 99999;
  }

.delete {
    width: 30px;
    border 1px solid black;
}

body {
    line-height: 1;
    /* margin: 0 auto !important; */
}
ol, ul {
    list-style: none outside none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}

#stats table tr th {
    font-weight: bold;
    margin-left: 3px;
    padding: 3px;
}
#stats table tr td {
    padding: 2px;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a {
    text-decoration: none;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
label {
    cursor: pointer;
}
body, input {
    font: 11px Arial,"Helvetica Neue",Helvetica,sans-serif;
}
body {
}
/*h1, h2, h3, #project-featured .project-location, #nav li.top a.top-link, a.project-name, #contact-container h2 {*/
h1, h2, h3 {
    font-family: ff-meta-web-pro,sans-serif;
}
/*
.row {
    margin-left: -20px;
}
[class*="span"] {
    float: left;
    margin-left: 20px;
    min-height: 1px;
}
.span9 {
    width: 700px;
}
.span8 {
    width: 620px;
}
.span7 {
    width: 540px;
}
.span6 {
    width: 460px;
}
.span5 {
    width: 380px;
}
.span4 {
    width: 300px;
}
.span3 {
    width: 220px;
}
.span2 {
    width: 140px;
}
.span1 {
    width: 60px;
}
.offset9 {
    margin-left: 740px;
}
.offset8 {
    margin-left: 660px;
}
.offset7 {
    margin-left: 580px;
}
.offset6 {
    margin-left: 500px;
}
.offset5 {
    margin-left: 420px;
}
.offset4 {
    margin-left: 340px;
}
.offset3 {
    margin-left: 260px;
}
.offset2 {
    margin-left: 180px;
}
.offset1 {
    margin-left: 100px;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9 {
    display: inline;
    float: left;
    margin-left: 20px;
    position: relative;
}

.grid1 {
    width: 60px;
}
.grid2 {
    width: 140px;
}
.grid3 {
    width: 220px;
}
.grid4 {
    width: 300px;
}
.grid5 {
    width: 380px;
}
.grid6 {
    width: 460px;
}
.grid7 {
    width: 540px;
}
.grid8 {
    width: 620px;
}
.grid9 {
    width: 700px;
}
.grid9:after, .services-diagram:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
*/
#adminbar {
    z-index:9999;
    position: absolute;
    top: 10px;
    padding: 10px;
    background-color:#00FF00;
    visibility: hidden;
}

.container {
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 980px;
}
.header {
    background: none repeat scroll 0 0 #970F0F;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    height: 139px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.secondhand-span {
                   display: inline-block; 
              white-space: nowrap;
              moz-white-space: nowrap;
 }
#logo, #logo a {
    display: block;
    height: 113px;
    width: 113px;
}
#logo {
    padding: 10px 0 0 0px;
}

#kplogo {
    position: absolute;
    left: 150px;
    top: 67px;
}

#nav {
    position: absolute;
    right: 20px;
    top: 92px;
}
#nav li.top {
    float: left;
    font-size: 14px;
    margin-left: 0;
}
#nav li.top a.top-link {
    display: block;
    height: 17px;
    padding: 10px 20px 20px 18px;
}
#nav li:hover a.top-link, #nav li.active, #nav a.selected {
<!--    color: #4C5B6F;-->
   color: #FFFFFF;


}

#switch {
    position: fixed;
    bottom: 6px;
    right: 5px;
}

#sh {
    padding-left: 10px;
    margin-top: 3px;
    margin-bottom: 6px;
}

.dataTables_processing {
    background-color: #BBBBBB;
    color: #222222;
}

#nav li.top.active {
    background: url("/images/black-up-arrow.gif") no-repeat scroll center 41px transparent;
}

/*
#nav .sub, #nav .subnav-col {
    height: 118px;
    overflow: hidden;
}
#nav .sub {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 47px;
    width: 464px;
}
.oldie #nav .sub {
    background: none repeat scroll 0 0 #000000;
}
#nav .subnav-col {
    border-left: 1px dotted #434242;
    display: inline-block;
    float: left;
    padding-top: 6px;
    position: relative;
    width: 154px;
}
#nav li .subnav-col:first-child {
    border-left: 0 none;
}
#nav .subnav-col a {
    color: #7390B6;
    display: block;
    line-height: 11px;
    padding: 5px 10px;
}

#nav .subnav-col a:hover {
    background: none repeat scroll 0 0 #232B37;
    color: #FFFFFF;
}

#nav .subnav-col ul li a {
    background: url("/images/blue-small-right-arrow.gif") no-repeat scroll 14px center transparent;
    padding-left: 20px;
}


#nav .subnav-col ul li a:hover {
    background: url("/images/blue-small-right-arrow.gif") no-repeat scroll 14px center #232B37;
    color: #FFFFFF;
    padding-left: 20px;
}

#nav .subnav-header {
    font-size: 10px;
    line-height: 10px;
    padding: 5px 10px;
}
#nav .sub.projects .subnav-col.col3 {
    border: medium none;
    padding-top: 26px;
}
#nav .sub.solutions .subnav-col {
    padding-top: 0;
}
#nav .sub.solutions a {
    color: #A19F9E;
    height: 106px;
    line-height: 14px;
    padding-top: 6px;
}
#nav .sub.solutions a:hover .subnav-header {
    color: #FFFFFF;
}
#nav .sub.solutions .subnav-header {
    color: #7390B6;
    display: block;
    font-size: 11px;
    padding: 6px 0 15px;
}
*/
#langselect {
    float: right;
    position: absolute;
    right: 30px;
    top: 0;
}

#socialshareprivacy {
    float: right;
    position: absolute;
    right: 30px;
    top: 20px;
    bottom: 0;
}

#langselect li {
    float: left;
    line-height: 32px;
    margin-left: 20px;
}
#langselect li a {
    display: block;
}
#langselect li.request-a-quote a {
    padding: 0 10px;
}

.cd {
    text-align:right;
}

.pcd {
    text-align:right;
    border-right: 1px dotted #666666;
}

.lp {
    text-align:right;
    border-left: 1px dotted #666666;
}

.plp {
    text-align:right;
    border-right: 1px dotted #666666;
}


.secondhand {
    text-align:center;
}


.categ-container{ text-align: center;  }
    .f-nav{ z-index: 9999; position: fixed; left: 0; top: 139px; width: 100%;} /* this make our menu fixed top */

.categ-nav { height: 22px;
	   background-color:#888888;
	   color: #444444;
	   padding-left: 10px;
	   padding-top: 5px;
	   margin-bottom: 10px;
	   margin-top: 10px;
	   padding-right: 10px;
	   width: 950px;
	   display: inline-block;
	   vertical-align: middle;
	   border-top: 2px solid #970F0F;
	   border-bottom: 2px solid #970F0F;
	   text-align: center;
}
    .categ-nav ul { list-style: none;
		  text-align: center;
		  height: 20px;
		  }
    .categ-nav ul li{float: left;
		     margin-top: 1px;
		     margin-left:3px;
		     padding: 0px;
		     border-right: 2px solid #ACACAC;
		     vertical-align: middle;
		     font-size: 12px;
}
    .categ-nav ul li:first-child{ padding-left: 0;}
    .categ-nav ul li:last-child{ border-right: 0;}

    .categ-nav ul li a {
	margin-right: 3px;
	font-weight: bold;
	cursor:pointer;
    }
    .categ-nav ul li a:hover{
	text-decoration: none;
	color: #CCCCCC;
}

#subnav {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    padding: 7px 0 0;
    position: fixed;
    right: 70px;
    top: 190px;
    width: 150px;
}
#subnav ul {
    background: none repeat scroll 0 0 #FFFFFF;
    position: relative;
    z-index: 6;
}

#maindiv {
    padding-left:20px;
    padding-right: 20px;
    padding-top: 10px;

}

.main #subnav h3 {
    background: url("/img/blue-down-arrow.gif") no-repeat scroll 193px 16px transparent;
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 10px 0 22px 20px;
}

.subnavitem {
    color: #FFFFFF;
}



#subnav ul li {
    border-top: 1px solid;
}
#subnav ul li.nav-title h6 {
    font-size: 10px;
    padding: 9px;
}
#subnav ul li a {
    display: block;
    line-height: 12px;
    padding: 7px 20px;
}
#subnav ul li.last a {
    padding-bottom: 2px;
}
#subnav ul li ul li {
    padding-left: 14px;
}
#subnav ul li.with-subs a {
    background: url("/images/blue-right-arrow.gif") no-repeat scroll 195px 10px transparent;
}
#subnav ul.projects li.with-subs a {
    background: none repeat scroll 0 0 transparent;
}
#subnav ul li.with-subs a.nav-path-selected {
    background: url("/img/blue-down-arrow.gif") no-repeat scroll 193px 10px transparent;
}
#subnav ul.projects li.with-subs a.nav-path-selected {
    background: none repeat scroll 0 0 transparent;
}
#subnav ul li.with-subs ul li a.nav-path-selected {
    background: none repeat scroll 0 0 transparent;
    color: #4C5B6F;
}
#subnav ul li ul li.with-subs a, #subnav ul li.with-subs ul li a, #subnav ul li ul li a {
    background: none repeat scroll 0 0 transparent;
}
#subnav ul li ul li a.nav-path-selected {
    background: none repeat scroll 0 0 transparent;
}
#subnav.profile ul li.with-subs ul li a.nav-path-selected {
    color: #7390B6;
}
#subnav.profile ul li.with-subs ul li a.nav-path-selected:hover {
    color: #4C5B6F;
}
#subnav.industries ul li.with-subs a.nav-path-selected, #subnav.industries ul li.with-subs a {
    background: none repeat scroll 0 0 transparent;
}
.main {
    left: 0;
    position: absolute;
    top: 190px;
    width: 100%;
    z-index: 2;
}
.main .container {
    padding-bottom: 135px;
}
h1 {
    border-bottom: 1px solid;
    display: block;
    font-size: 24px;
    padding: 20px 0 20px 20px;
    width: 950px;
}
h1 span {
    color: #A19F9E;
}
h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0 10px;
}
h2 {
    border-bottom: 1px solid #DEDCD9;
    font-size: 18px;
    line-height: 22px;
    padding: 20px;
    width: 680px;
}
h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.content.landing h1 {
    width: 960px;
}
.projects .content.project h2 {
    border: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.content.landing {
    width: 980px;
}
.content {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    clear: both;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-rigth: 10px;
    position: relative;
    width: 970px;
    z-index: 2;
    opacity: 0.85;
}

#features {
    width: 970px;
}

#features-latest {
    width: 400px;
    border: solid 0px black;
    float: left;
    margin-left: 20px;
}

#features-latest h2 {
    width: 400px;
    margin: 0;
    padding: 0;
    border-width: 0px;
    padding-bottom: 3px;
}

#features-featured {
    width: 400px;
    border: solid 0px black;
    float: left;
    margin-left: 120px;
}
#features-featured h2 {
    width: 400px;
    margin: 0;
    padding:0;
    border-width: 0px;
    padding-bottom: 3px;
}

.featured {
    width: 100%;
}

.featured tr {
    background-color: #DDDDDD;
    border-bottom: 2px solid white;
}

.featured td {
    border-bottom: 2px solid white;
    padding-top: 2px;
    position: relative;
}

.featItem {
    background-color: #DDDDDD;
    width: 400px;
    height: 80px;
    padding: 2px;
    margin-bottom: 2px;
    position: relative;

}

.featItem img {
    float: left;
    padding-right: 0px;
}

.featAdder {
    background-color: #DDDDDD;
    width: 400px;
    height: 10px;
    padding: 2px;
    margin-bottom: 2px;
    position: relative;
    font-wight: bold;
}

.fData {
    vertical-align: top;
}

.fCover {
    padding-left: 2px;
    padding-right: 0px;
    text-align: center,
    border: 1px solid blue;
    width: 80px;


}

.fNames {
    width: 320px;
    font-size: 12px;
    padding-left: 83px;
}

.fBand {
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align: top;
    padding-left: 3px;
    padding-right: 2px;
    width: 100px;

}

.fBand a {
    color: #0000CC;
    width: 80px;
    text-align: center;
}

.fAlbum {
    margin: 0;
    padding: 0;
    vertical-align: top;
    padding-left: 2px;
    padding-right: 2px;
}
.fAlbum a {
    color: #000000;
}

.fAlbum a:hover {
    color: #888888;
}


.fDesc {
    padding-top: 4px;
    padding-left: 88px;
    psition: relative;
}

.fFormats {
    position: absolute;
    right: 2px;
    bottom: 0px;
    margin-right: 1px;
    margin-bottom: 1px;
}

#emptycart {
    margin-left: 20px;
}

#cartdiv {
    padding-left: 20px;
    border: 0px solid black;
    width: 570px;
    float: left;
}

#checkcartdiv {
    padding-left: 20px;
    border: 0px solid black;
    width: 570px;
    float: left;
}
#checkcartdiv table tr th {
    font-weight: bold;
}

.hide{display:none}


#quickcart {
    right: 0px;
}
.quickcart {
    position: absolute;
    background-color: #F1F1F1;
    right: 0px;
    width:200px;

    z-index:50000;
    border:1px solid #bebebe;
    padding:8px 10px 10px;
    text-align:left;
    color:#222;

}

.qitem {
    width: 100%;
    border-bottom: 1px solid #888888;
}

.qprice {
    text-align: right;
}

#qtotal {
    text-align: right;
    font-weight: bold;
}

#thankserror {
    margin-left: 20px;
    color: #FF0000;
}

#agbdiv {

}

#agbbtn {
}

#agb {

}

#addrform fieldset legend {
    font-weight: bold;
    margin-bottom: 10px;
}

#addrform fieldset h5 {
    margin-top: 4px;
}

#addrform fieldset div {
    width: 100%;
    text-align: right;
}

#address {

    float: right;
    top: 0px;
    clear: right;
    margin-right: 20px;
    margin-left: 20px;
    width: 220px;
    border: 0px solid black;
}

#address p {
    line-height: 1.2em;
}

#addresslink {
    text-align: right;
    width: 100%;
}


#cartform table tr th {
    font-weight: bold;
}


#cartform table tr td {
    vertical-align: text-bottom;
}

#cartform table tr td input {
    height: 10px;
    width: 20px;
}

#carttable {
    width: 570px;
    margin-top: 20px;
}
.cartname {

}
.cartqty {

}

.cartformat {

}
.cartprice {
    width: 60px;
    text-align: right;
    margin-left: 4px;
}

.cartpricetotal {

    width: 60px;
    text-align: right;

}

#sum {
    margin-top: 10px;
    font-weight: bold;
}

#cartlink {
    text-align: right;
    width: 100%;

}

.featLp {
    margin-left: 5px;

}

.featPcd {
    padding-left: 2px;
}
.featCd {
    margin-left: 5px;

}

.featPlp {
    padding-left: 2px;
}

.mtable {
    padding-left: 10px;
    padding-right: 10px;
}

#desc {
    position: relative;
}

#desc-cover {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

#socialshareprivacydesc2 {
    height: 30px;
    border-bottom: 1px solid black;

    position: relative;
    left:0px;
    margin-top: 7px;
    bottom: 0px;

}

#desc-data h2 {
    border: 0px;
    padding: 5px;
}

#desc-data h4 {
    border: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
}

#desc-data img {
    vertical-align:text-top;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
}

#desc-data-cover {
    left: 10px;
}

#desc-addtocart {
    text-align: right;
    color: #6A655D;
    font-size: 18px;
    line-height: 22px;

}


td.band:hover {
	color: red;
}

#desc-band h1 {
    padding-left: 0px;
    margin-left: 0px;
    width: 100%;
}

#desc-album h2 {
    border-width: 0px;
    padding-left: 0px;
    padding-top: 10px;
}


#desc-description {
    padding-left: 0px;
    margin-right: 80px;

}

#desc-lp-format {
    padding-left: 20px;
}

#desc-cd {
    text-align: right;
    width: 200px;
    border-width: 0px;
    position: absolute;
    right:0;
    bottom: 0;
    padding: 0;
}

#filter {
    margin: 10px;

}

.grid5 p, .grid6 p, .grid7 p {
    font-size: 12px;
    line-height: 17px;
    margin: 0 0 9px;
}
.grid7 p {
    line-height: 19px;
    margin-bottom: 11px;
}
.grid3, .grid4 {
    font-size: 11px;
    line-height: 15px;
}
.grid3 p, .grid4 p {
    margin: 0 0 7px;
}
.grid3 h5 {
    display: block;
    font-weight: bold;
    margin-top: 14px;
}
.grid7 ul, .grid7 ol, .grid5 ul, .grid5 ol, .grid6 ul, .grid6 ol, .grid3 ul, .grid3 ol, .grid4 ul, .grid4 ol {
    font-size: 12px;
    line-height: 17px;
    list-style-type: disc;
    margin-bottom: 9px;
    margin-left: 25px;
}
.grid4 ul, .grid4 ol, .grid3 ul, .grid3 ol {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 7px;
    margin-left: 15px;
}
.grid7 ol, .grid6 ol, .grid5 ol, .grid4 ol, .grid3 ol {
    list-style-type: decimal;
}
.grid4 h3 {
    margin-top: 0;
}
.content.landing hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #DEDCD9;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    clear: both;
    color: #DEDCD9;
    height: 1px;
    margin-left: -20px;
    margin-top: 20px;
    width: 720px;
}
.grid4 #twocol ul {
    float: left;
    margin-right: 20px;
    width: 90px;
}
#main-home {
    bottom: 48px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 4;
}
#home {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #6A655D;
    position: relative;
}
#home .intro {
    background: url("/images/lg-check-bg.gif") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #DEDCD9;
    padding: 10px 20px;
}
#home .intro h1 {
    border: 0 none;
    margin-bottom: 0;
    padding: 0;
    width: auto;
}
#home .intro h2 {
    border: 0 none;
    padding: 6px 0 0;
    width: auto;
}
#home .grosolar {
    left: 754px;
    line-height: 14px;
    position: absolute;
    top: 59px;
    width: 194px;
}
.home-news {
    height: 86px;
    overflow: hidden;
    position: relative;
}
.home-news a.news-item {
    border-left: 1px dotted #DEDCD9;
    display: block;
    float: left;
    height: 56px;
    line-height: 14px;
    padding: 15px;
    width: 204px;
}
.home-news a.news-item:hover, .home-news a.left-arrow:hover, .home-news a.right-arrow:hover {
    background: url("/images/lg-check-bg.gif") repeat scroll 0 0 transparent;
}
.home-news .carousel {
    margin-left: 20px;
    overflow: hidden;
    position: absolute;
    width: 940px;
}
.home-news .news-item span {
    display: block;
}
.home-news .news-date {
    color: #6A655D;
    font-weight: bold;
}
.home-news .news-type {
    color: #6A655D;
}
.home-news a.left-arrow {
    display: block;
    height: 90px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}
.home-news a.right-arrow {
    border-left: 1px dotted #DEDCD9;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.home-news a.right-arrow span {
    background: url("/images/blue-right-arrow.gif") no-repeat scroll 7px 41px transparent;
    display: block;
    height: 90px;
    width: 20px;
}
.home-news a.left-arrow span {
    background: url("/images/blue-left-arrow.gif") no-repeat scroll 7px 41px transparent;
    display: block;
    height: 90px;
    width: 20px;
}
.home-news .prev.disabled, .home-news .next.disabled {
    display: none;
}
.home-project-info {
    left: 0;
    position: fixed;
    top: 33%;
    z-index: 997;
}
.home-project-info p a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #A19F9E;
    display: block;
    line-height: 15px;
    min-height: 31px;
    overflow: hidden;
    padding: 11px 36px 11px 20px;
    width: 240px;
}
.home-project-info p a:hover {
    background: none repeat scroll 0 0 rgba(76, 91, 111, 0.9);
}
.home-project-info p a .icon {
    background: url("/images/home-right-arrow.png") no-repeat scroll right top transparent;
    display: block;
    height: 7px;
    margin-top: -4px;
    position: absolute;
    right: 22px;
    top: 50%;
    width: 4px;
}
.home-project-info p a:hover .icon {
    background-position: right bottom;
}
.home-project-info p a strong {
    color: #FFFFFF;
}
#home .gsa {
    position: absolute;
    right: 20px;
    top: 50px;
}
#supersized {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 139px;
    z-index: -999;
}
#supersized img {
    border: medium none;
    display: none;
    height: auto;
    outline: medium none;
    position: relative;
    width: auto;
}
#supersized.speed img {
    image-rendering: -moz-crisp-edges;
}
#supersized.quality img {
    image-rendering: optimizequality;
}
#supersized li {
    bottom: 0;
    display: block;
    left: 0;
    list-style: none outside none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 139px;
    z-index: -30;
}
#supersized a {
    display: block;
    height: 100%;
    width: 100%;
}
#supersized li.prevslide {
    z-index: -20;
}
#supersized li.activeslide {
    z-index: -10;
}
#supersized li.image-loading img {
    visibility: hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img {
    display: inline;
}
#breadcrumb {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    float: left;
    position: relative;
}
#crumbs {
    background: url("/images/lg-check-bg.gif") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #DEDCD9;
    display: block;
    padding: 10px 20px;
    position: relative;
    z-index: 5;
}
#crumbs li {
    display: inline;
}
#crumbs li a {
    background: url("/images/gray-right-arrow.gif") no-repeat scroll right center transparent;
    margin-right: 10px;
    padding-right: 14px;
}
.footer {
    background: none repeat scroll 0 0 #970F0F;
/*    background: none repeat scroll 0 0 #F0F0F0; */
    bottom: 0;
    box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
    height: 30px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 4;
}
.footer .container {
    margin-top: 7px;
}
.footer p.copy {
    float: left;
    width: 260px;
}

#foot {
    margin:0px;
    position: relative;
    margin-right: 14;
    padding-right: 8px;
    top: 0;
	text-align: right;
	color: #FFFFFF;
}

.footlinks {
	margin-left: 10px;
}

.footlinks a {
	text-decoration: none;
	color: #FFFFFF;
}

.footer ul {
    float: left;
    width: 720px;
}
.footer ul li {
    float: left;
    margin-right: 20px;
}
.footer ul li.credit {
    float: right;
    margin-right: 0;
}
.clear {
    clear: both;
}
.pad20 {
    padding: 20px;
}
.pad10 {
    padding: 10px;
}
.top0 {
    margin-top: 0;
}
.top20 {
    margin-top: 20px;
}
.bot10 {
    padding-bottom: 10px;
}
.bot20 {
    padding-bottom: 20px;
}
.bot-20 {
    margin-bottom: -20px;
}
.left-20 {
    margin-left: -20px;
}
.left20 {
    margin-left: 20px;
}
.right20 {
    margin-right: 20px;
}
.right-20 {
    margin-right: -20px;
}
.no-margin, p.no-margin {
    margin: 0;
}
.ten {
    height: 10px;
}
.twenty {
    height: 20px;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
.arrow-link {
    background: url("/images/blue-right-arrow.gif") no-repeat scroll left 4px transparent;
    display: block;
    margin-bottom: 0;
    margin-top: 8px;
    padding-left: 8px;
}
.content.location hr, .content.contact hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #DEDCD9;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    clear: both;
    color: #DEDCD9;
    height: 1px;
    padding-top: 20px;
    width: 740px;
}
.content.location .grid9 h2 {
    margin-left: 0;
}
.content.contact h3 {
    color: #7390B6;
    font-size: 18px;
}
.content.contact .grid9 {
    margin-top: 20px;
}
.content.contact .offices.last {
    padding-bottom: 20px;
}
.services .landing h2 {
    margin-bottom: 20px;
}
.services-diagram ul {
    float: left;
    padding: 15px 0 10px 20px;
    width: 200px;
}
.services-diagram ul li {
    font-size: 12px;
    margin-bottom: 10px;
}
.services-diagram ul li a {
    display: block;
}
.services-diagram ul.col2 {
    margin-left: 40px;
    width: 190px;
}
#tabs {
    margin-top: 40px;
    padding-bottom: 20px;
    position: relative;
    width: 740px;
}
#tabs ul.thetabs {
    margin-left: 20px;
    position: relative;
    width: 100%;
    z-index: 6;
}
#tabs ul.thetabs li {
    display: inline;
    margin-right: 10px;
    width: 80px;
}
#tabs ul.thetabs li a {
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    width: 80px;
}
#tabs ul.thetabs li a.selected {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DEDCD9 #DEDCD9 #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 1px;
}
#tabs #overview, #tabs #installation, #tabs #benefits {
    margin-top: -5px;
}
.oldie #tabs #overview, #tabs #installation, #tabs #benefits {
    margin-top: -7px;
}
#tabs #overview p, #tabs #installation p, #tabs #benefits p {
    font-size: 12px;
    line-height: 17px;
}
#tabs #benefits .environment p {
    font-size: 11px;
    line-height: 15px;
}
#tabs #quote p {
    font-family: georgia;
    font-size: 11px;
    line-height: 15px;
}
#tabs hr {
    background: none repeat scroll 0 0 #DEDCD9;
    border: 0 none;
    clear: both;
    color: #DEDCD9;
    display: block;
    height: 1px;
    margin-top: -1px;
    position: relative;
    width: 100%;
    z-index: 5;
}
.oldie #tabs hr {
    margin-top: -2px;
}
#tabs ul.thetabs li.pdf {
    left: 480px;
    position: absolute;
    top: 0;
}
#tabs ul.thetabs li.pdf a.dl-pdf {
    background: url("/images/dl-pdf.png") no-repeat scroll left center transparent;
    display: block;
    padding-left: 20px;
    text-align: left;
    width: 220px;
}
#tabs ul.thetabs li.pdf a.dl-pdf span {
    color: #999999;
}
.ie7 #tabs ul.thetabs li {
    float: left;
}
.ie7 #tabs #overview, #tabs #installation, #tabs #benefits {
    margin-top: -7px;
}
.ie7 #tabs hr {
    margin-top: -9px;
}
.ie7 #tabs-rfq ul.thetabs li {
    display: inline;
    float: left;
}
.ie7 #tabs-rfq hr {
    margin-top: -9px;
}
.project-details {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    line-height: 16px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 241px;
    z-index: 6;
}
.project-details span {
    color: #999999;
    float: left;
    font-size: 10px;
    padding: 10px;
    width: 100px;
}
.project-details strong {
    color: #DEDCD9;
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.ie7 .project-details .details-main {
    height: 50px;
}
.detail-kw strong {
    font-size: 22px;
    padding-top: 8px;
}
.detail-modules, .detail-roof-type {
    border-right: 1px dotted #666666;
}
.detail-modules, .detail-inverters, .detail-roof-type, .detail-pitch {
    border-top: 1px dotted #666666;
}
.set .left, .set .right {
    border-top: 1px dotted #666666;
}
.set .right {
    border-left: 1px dotted #666666;
}
.project-details .details-sub {
    display: none;
}
.details-main .left, .details-main .right {
    border-top: 0 none;
}
.ie7 .details-sub .set {
    min-height: 50px;
}
#related-projects {
    border: 0 none;
    margin-left: 0;
    margin-top: 30px;
    width: 740px;
}
#related-projects h3 {
    border-bottom: 1px solid #DEDCD9;
    font-size: 18px;
    margin: 0;
    padding: 0 20px 15px;
    width: 680px;
}
#related-projects .project-thumb {
    margin-top: 0;
}
#project-images {
    height: 358px;
    overflow: hidden;
    position: relative;
    width: 720px;
}
#no-hover {
    height: 250px;
    left: 0;
    position: absolute;
    top: 0;
    width: 720px;
    z-index: 2;
}
.ie7 #no-hover {
    background: url("/images/clear.gif") repeat scroll 0 0 transparent;
}
.galleria-container {
    background: none repeat scroll 0 0 #000000;
    height: 358px;
    overflow: hidden;
    position: relative;
    width: 720px;
}
.galleria-stage {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
.galleria-thumbnails-container {
    background: url("/images/project-drawer-bg.png") no-repeat scroll 0 52px transparent;
    bottom: -10px;
    height: 0;
    left: 0;
    padding: 100px 0 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}
.galleria-thumbnails .galleria-image {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #999999;
    cursor: pointer;
    float: left;
    height: 28px;
    margin: 0 0 0 10px;
    width: 59px;
}
.galleria-thumbnails .active {
    border-color: #AAAAAA;
}
.project-thumb {
    margin-top: 20px;
}
.project-thumb img {
    float: left;
    height: 124px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 220px;
    z-index: 5;
}
.project-thumb span {
    display: block;
    line-height: 14px;
}
.project-thumb a div {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #DEDCD9 #DEDCD9;
    border-image: none;
    border-right: 1px solid #DEDCD9;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    clear: left;
    padding: 10px;
}
.project-thumb a .project-name {
    color: #7390B6;
    font-weight: bold;
    height: 14px;
    overflow: hidden;
}
.project-thumb a:hover .project-name {
    color: #4C5B6F;
}
.oldie .project-thumb a:hover div {
    clear: left;
    float: left;
    width: 198px;
}
.project-thumb a .project-location {
    color: #6A655D;
}
.project-thumb a .project-industry {
    color: #A19F9E;
}
.project-kw {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 6;
}
#project-featured {
    height: 270px;
    overflow: hidden;
    position: relative;
    width: 720px;
}
#project-featured img {
    float: left;
    height: 270px;
    width: 480px;
}
#project-featured .project-kw {
    right: 250px;
}
#project-featured span {
    display: block;
}
#project-featured a.project-name {
    display: block;
    font-size: 18px;
    line-height: 20px;
    padding-top: 20px;
}
#project-featured .project-location {
    color: #6A655D;
    font-size: 14px;
    line-height: 20px;
}
#project-featured .project-description {
    color: #6A655D;
    font-size: 12px;
    line-height: 17px;
    padding-top: 12px;
}
.profile-photo {
    float: left;
}
.profile-map {
    border-bottom: 1px solid #DEDCD9;
}
.team-member {
    border: 1px solid #DEDCD9;
    height: 104px;
    margin-top: 20px;
    width: 218px;
}
.team-member a {
    display: block;
    height: 104px;
    width: 218px;
}
.team-member div {
    height: 84px;
    left: 90px;
    position: absolute;
    top: 10px;
    width: 118px;
}
.team-member img {
    left: 0;
    padding-right: 10px;
    position: absolute;
    top: 0;
}
.team-member span {
    display: block;
    line-height: 14px;
}
.team-member a span {
    color: #6A655D;
}
.team-member a .team-member-name {
    color: #7390B6;
}
.team-member a:hover .team-member-name {
    color: #4C5B6F;
}
.team-member .team-member-name {
    font-weight: bold;
}
.team-member a .team-member-category, .team-member .team-member-category {
    color: #A19F9E;
}
.team-member .team-member-location {
    bottom: 0;
    color: #A19F9E;
    left: 0;
    position: absolute;
    width: 110px;
}
.content.career h2 {
    border-bottom: 1px solid #DEDCD9;
    margin: 0 0 20px -20px;
    padding: 0 20px 20px;
}
.career-list {
    border-bottom: 1px solid #DEDCD9;
    margin: 0;
    padding-bottom: 5px;
}
.career-list p {
    margin: 0;
    padding: 5px 0 0;
}
.bottom-nav {
    border-bottom: 1px solid #DEDCD9;
    border-top: 1px solid #DEDCD9;
    margin-top: 30px;
}
.previous-link, .next-link {
    display: inline-block;
    height: 30px;
    padding-top: 18px;
}
.previous-link {
    background: url("/images/previous-arrow.png") no-repeat scroll left center transparent;
    float: left;
    padding-left: 30px;
}
.next-link {
    background: url("/images/next-arrow.png") no-repeat scroll right center transparent;
    float: right;
    padding-right: 30px;
}
.template_a .grid6 {
    padding-top: 20px;
}
.template_b h2 {
    margin-bottom: 0;
}
.template_b .grid5 {
    padding-top: 20px;
}
.template_b img {
    border-bottom: 1px solid #DEDCD9;
    margin-bottom: -2px;
    width: 720px;
}
.content.press h2 {
    border-bottom: 1px solid #DEDCD9;
    margin: 0 0 20px -20px;
    padding: 0 20px 20px;
    width: 460px;
}
.content.press .subhead {
    font-size: 13px;
    font-style: italic;
    margin-bottom: 20px;
}
.bg, .bg img {
    display: none;
    top: 139px;
    z-index: 0;
}
.bg {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
}
.bg img {
    left: 0;
}
.bg, .bg.default {
    background: url("/images/bg/default.jpg") no-repeat scroll center top / cover transparent;
}
.solutions .bg, .bg.solutions {
    background: url("/images/bg/solutions.jpg") no-repeat scroll center top / cover transparent;
}
.services .bg, .bg.services {
    background: url("/images/bg/services.jpg") no-repeat scroll center top / cover transparent;
}
.industries .bg, .bg.industries {
    background: url("/images/bg/industries.jpg") no-repeat scroll center top / cover transparent;
}
.projects .bg, .bg.projects {
    background: url("/images/bg/projects.jpg") no-repeat scroll center top / cover transparent;
}
.about .bg, .bg.about {
    background: url("/img/banksy.jpg") no-repeat scroll center top / cover transparent;
}
#bg {
    display: block;
    background-image: url("/img/banksy.jpg");
background-attachment: scroll;
background-clip: border-box;
background-color:
rgba(0, 0, 0, 0);
background-origin: padding-box;
background-size: cover;
}

#industries-index {
    margin-left: -20px;
}
.ie7 #industries-index {
    float: left;
    margin-left: -20px;
    position: relative;
}
#industries-index .grid3 {
    height: 177px;
    margin-top: 20px;
}
#industries-index .grid3 div a {
    font-size: 18px;
}
#industries-index .grid3 div img {
    float: left;
}
#industries-index .grid3 h3 a {
    height: 18px;
    left: 0;
    padding: 138px 0 20px 20px;
    position: absolute;
    top: 0;
    width: 198px;
}
#industries-index .grid3 h3 a:hover {
    background: url("/images/industries/lg-check-bg.gif") no-repeat scroll 1px 125px transparent;
}
.form strong {
    float: left;
    height: 10px;
    margin-top: 5px;
    width: 100px;
}
.form strong sup {
    font-size: 14px;
    top: 0;
}
.form input, .form textarea, .form select {
    border: 1px solid #A19F9E;
    display: block;
    float: left;
    padding: 3px 5px;
    width: 265px;
}
.form .grid5 {
    clear: left;
    margin: 10px 0 0;
}
.main .form h4 {
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0;
}
.form .contact-submit, input.application-submit {
    background: url("/images/contact-submit.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    clear: left;
    height: 31px;
    margin-left: 99px;
    margin-top: 20px;
    width: 73px;
}
.form .contact-submit:hover, .form .application-submit:hover {
    cursoor: pointer;
}

#musictable tr {
    cursor: pointer;
}

#musictable tr td:hover {
	color: red;
	text-decoration: underline;
}

#musictable tr td {
    color: #333333;
}


.form .radios .radio {
    clear: left;
    padding: 2px 0;
    width: 140px;
}
.form .radios input {
    margin-top: 1px;
    padding: 0;
    width: 12px;
}
.form .error {
    color: red;
}
.form .required-error {
    border-color: red;
}
.form input.hideme {
    display: none;
}
.form .other {
    display: none;
    padding-top: 10px;
}
.solutions .content.landing .grid3 p {
    font-size: 12px;
    line-height: 17px;
    padding-right: 10px;
}
.solutions .content.landing .grid3 h3 {
    font-size: 18px;
    margin: 10px 0 7px;
}
#solutions-diagram {
    border-bottom: 1px solid #DEDCD9;
    margin-left: -20px;
    padding: 0 10px 10px;
}
#solutions-diagram {
    padding-bottom: 10px;
}
.about .content.landing .grid3 p {
    font-size: 12px;
    line-height: 17px;
    padding-right: 10px;
}
.about .content.landing .grid3 h3 {
    font-size: 18px;
    margin: 10px 0 7px;
}
.about .content.landing hr {
    padding-top: 20px;
}
.content .grid3.services-landing ul {
    font-size: 12px;
    list-style-type: none;
    margin: 0;
}
.grid3.services-landing li {
    border-bottom: 1px solid #FFFFFF;
}
.grid3.services-landing li a {
    background: url("/img/lg-check-bg.gif") repeat scroll 0 0 transparent;
    display: block;
    padding: 10px 0 10px 15px;
}
.grid3.services-landing li a:hover {
    background: url("/img/lb-check-bg.gif") repeat scroll 0 0 transparent;
}
.news-headline {
    font-size: 14px;
    line-height: 20px;
}
.content .grid3 .testimonial p, .content .grid3 .quote p {
    color: #6A655D;
    font: 12px/17px georgia;
    margin: 0 0 10px;
    padding: 0;
}
.content .grid6.default {
    margin-top: 20px;
}
.content .grid6 ul.sitemap {
    color: #4C5B6F;
    font-size: 12px;
    line-height: 17px;
    list-style-type: none;
    margin-bottom: 9px;
    margin-left: 0;
    margin-top: 0;
}
.content .grid6 ul.sitemap li {
    list-style-type: disc;
    margin-left: 8px;
}
.content .grid6 ul.sitemap li ul li {
    list-style-type: circle;
    margin-left: 0;
}
.content .grid6 ul.sitemap h3 {
    background: url("/images/blue-right-arrow.gif") no-repeat scroll 2px center transparent;
    padding-left: 15px;
}
.content .grid6 ul.sitemap h3 a {
    color: #4C5B6F;
}
#contact-overlay {
    background-color: #000000;
    cursor: wait;
}
#contact-container {
    background: url("/images/rfq-bg.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 516px;
    position: relative;
    width: 514px;
}
#contact-container .contact-content {
    background: url("/images/lg-check-bg.gif") repeat scroll 0 0 transparent;
    color: #6A655D;
    display: none;
    font-size: 11px;
    height: 445px;
    left: 7px;
    overflow: hidden;
    position: absolute;
    top: 64px;
    width: 500px;
}
#contact-container br {
    clear: both;
}
#contact-container h2 {
    border: 0 none;
}
#contact-container .contact-input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDCD9;
    clear: left;
    color: #888888;
    float: left;
    font: 11px Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin: 10px 0;
    padding: 5px;
    width: 205px;
}
#contact-container .contact-input.phone {
    clear: none;
    margin-left: 20px;
    width: 120px;
}
#contact-container .contact-input.last-name, #contact-container .contact-input.email {
    clear: none;
    margin-left: 20px;
}
#contact-container .contact-input.phone-ext {
    clear: none;
    margin-left: 20px;
    width: 53px;
}
#contact-container .contact-input.site-state {
    clear: none;
    margin-left: 22px;
}
#contact-container .contact-select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDCD9;
    clear: left;
    color: #888888;
    float: left;
    font: 11px Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin: 10px 0;
    width: 215px;
}
#contact-container .contact-select.zone {
    clear: none;
}
#contact-container .description {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDCD9;
    clear: both;
    color: #888888;
    font: 11px Arial,"Helvetica Neue",Helvetica,sans-serif;
    height: 63px;
    margin: 10px 0;
    overflow: auto;
    padding: 5px;
    width: 442px;
}
#contact-container .contact-button {
    background: url("/images/rfq-send-quote-request.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    bottom: 27px;
    cursor: pointer;
    height: 31px;
    position: absolute;
    right: 20px;
    text-indent: -9999em;
    width: 139px;
}
#contact-container .simplemodal-close {
    position: absolute;
    right: 27px;
    top: 27px;
}
#contact-container .contact-close {
    bottom: 37px;
    font-size: 12px;
    position: absolute;
    right: 179px;
}
#contact-container .required-error {
    border-color: red;
}
#contact-container .focus {
    border-color: #6A655D;
    color: #6A655D;
}
#contact-container .error {
    bottom: 39px;
    color: red;
    display: none;
    font-size: 11px;
    left: 20px;
    position: absolute;
}
#contact-thanks {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    height: 445px;
    left: 7px;
    position: absolute;
    top: 64px;
    width: 500px;
    z-index: 99999;
}
#contact-thanks h2 {
    background: url("/images/lg-check-bg.gif") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #DEDCD9;
    color: #6A655D;
    margin: 0;
    padding: 20px;
    width: 460px;
}
#contact-thanks p {
    border-bottom: 1px solid #DEDCD9;
    color: #6A655D;
    display: block;
    font-size: 12px;
    padding: 15px 20px;
    width: 460px;
}
#contact-thanks span {
    display: inline-block;
    font-weight: bold;
    width: 100px;
}
#contact-thanks .contact-button {
    background: url("/images/rfq-close-this-window.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    bottom: 15px;
    cursor: pointer;
    height: 31px;
    position: absolute;
    right: 10px;
    text-indent: -9999em;
    width: 139px;
}
#tabs-rfq {
    margin-top: 10px;
    position: relative;
    width: 500px;
    z-index: 500;
}
#tabs-rfq ul.thetabs {
    margin-left: 20px;
    position: relative;
    width: 100%;
    z-index: 6;
}
#tabs-rfq ul.thetabs li {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline-block;
    font-size: 11px;
    margin-right: 10px;
    width: 80px;
}
#tabs-rfq ul.thetabs li a {
    border: 1px solid #DEDCD9;
    display: block;
    padding: 7px 0;
    text-align: center;
    width: 80px;
}
#tabs-rfq ul.thetabs li a.selected {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DEDCD9 #DEDCD9 #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #4C5B6F;
}
#tabs-rfq hr {
    background: none repeat scroll 0 0 #DEDCD9;
    border: 0 none;
    clear: both;
    color: #DEDCD9;
    display: block;
    height: 1px;
    margin-top: -1px;
    position: relative;
    width: 100%;
    z-index: 5;
}
#tabs-rfq #byphone, #tabs-rfq #byemail {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 352px;
    margin-top: -7px;
    padding-left: 20px;
    padding-top: 10px;
    position: relative;
}
#tabs-rfq #byphone hr, #tabs-rfq #byemail hr {
    bottom: 67px;
    left: 0;
    position: absolute;
}
body, #nav-contact li.request-a-quote, .lb-check, #subnav ul li, #tabs ul.thetabs li a {
    background: url("/img/lb-check-bg.gif") repeat scroll 0 0 transparent;
}
.lg-check, .project-thumb a:hover div, .team-member a:hover {
    background: url("/img/lg-check-bg.gif") repeat scroll 0 0 transparent;
}
#subnav h3 {
    color: #FFFFFF;
}

a {
    color: #2222FF;
}


#langselect li a {
    color: #FFFFFF;
}

a.top-link {
    color: #FFFFFF;
}

a:hover, #nav li.selected a, .footer ul li.credit a:hover, #subnav ul a.nav-selected, #subnav ul.projects li.nav-path-selected a {
    color: #BBBBBB;
}
.services-diagram ul li a:hover {
    color: #EC7F34;
}
.content, #nav-contact li, #breadcrumb li, .footer {
    color: #6A655D;
}
#nav .subnav-header, #subnav h6 {
    color: #A19F9E;
}
.content h1, .content h2, #subnav ul li {
    border-color: #DEDCD9;
}
.footer ul li.credit a {
    color: #BBBBBB;
}
#subnav ul li ul li, #subnav ul li ul li a, #subnav ul li.nav-title {
    background: none repeat scroll 0 0 #FFFFFF;
}
#progress-bar {
    padding: 25px 0 0;
}
#progress-bar li {
    background: url("/images/lg-check-bg.gif") repeat scroll 0 0 transparent;
    color: #6A655D;
    display: block;
    float: left;
    font-family: ff-meta-web-pro,sans-serif;
    font-size: 13px;
    line-height: 45px;
    padding-left: 25px;
    position: relative;
    text-align: center;
    width: 149px;
}
#progress-bar li.current {
    background: url("/img/lb-check-bg.gif") repeat scroll 0 0 transparent;
    color: #7390B6;
}
#progress-bar li .arrow {
    background: url("/images/progress-bar-arrow.png") repeat scroll 0 0 transparent;
    height: 45px;
    position: absolute;
    right: -25px;
    top: 0;
    width: 25px;
}
#progress-bar li.current .arrow {
    background: url("/images/progress-bar-arrow-current.png") repeat scroll 0 0 transparent;
}
#progress-bar li.step1 {
    padding-left: 15px;
}
#progress-bar li.step4 {
    padding-right: 14px;
}
.service-request .col {
    float: left;
    font-size: 11px;
    line-height: 15px;
    margin-left: 20px;
}
.service-request .col.form-holder {
    font-size: 12px;
    width: 240px;
}
.service-request .form-row {
    clear: both;
    margin-bottom: 10px;
}
.service-request .step1 {
    z-index: 4;
}
.service-request .step2 {
    z-index: 3;
}
.service-request .step3 {
    z-index: 2;
}
.service-request .step4 {
    z-index: 1;
}
.service-request #steps {
    padding: 0 20px;
}
.service-request #steps .step {
    display: none;
}
.service-request #steps .step.current {
    display: block;
}
.service-request h3 {
    clear: both;
    padding-bottom: 10px;
}
.service-request .step1 .sidebar {
    float: right;
    padding: 10px;
    width: 380px;
}
.main .service-request .step1 .sidebar h3 {
    margin: 0 0 9px;
    padding: 0;
}
.service-request .step1 .sidebar p {
    padding-bottom: 9px;
}
.service-request .step1 .sidebar .col {
    margin-left: 20px;
    width: 113px;
}
.service-request .step5 p {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 9px;
    width: 380px;
}
.service-request .step1 label {
    font-weight: normal;
    width: auto;
}
.service-request label {
    display: inline-block;
    font-weight: bold;
    width: 100px;
}
.service-request input[type="text"], .service-request select, .service-request textarea {
    border: 1px solid #A19F9E;
    padding: 3px 5px;
    width: 265px;
}
.service-request select {
    height: 21px;
    padding: 0;
    width: 277px;
}
.service-request .ext-label {
    margin-left: 10px;
    margin-right: 5px;
    width: auto;
}
.service-request input.phone {
    width: 172px;
}
.service-request input.ext {
    width: 40px;
}
.service-request select.error, .service-request input.error[type="text"], .service-request textarea.error {
    border-color: red;
}
.service-request label.error {
    display: none !important;
}
.service-request .service-contract {
    padding-left: 100px;
}
.service-request .service-contract label {
    margin-right: 15px;
    width: auto;
}
.service-request .state-zip select {
    width: auto;
}
.service-request .state-zip input {
    width: 52px;
}
.service-request textarea.comments {
    float: right;
    height: 100px;
    margin-right: 280px;
}
.service-request .next-link.btn {
    background: url("/images/contact-submit.png") no-repeat scroll 0 0 transparent;
    height: 31px;
    margin-top: 11px;
    padding: 0;
    text-indent: -999em;
    width: 73px;
}
.service-request .error-msg {
    color: red;
    display: none;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 95px;
}
.service-request .region-inputs {
    display: inline-block;
    float: right;
    margin-top: -4px;
    padding-bottom: 10px;
    width: 557px;
}
.service-request .region-inputs label {
    font-weight: inherit;
    width: auto;
}
.service-request .region-inputs .radio {
    padding-bottom: 4px;
}
.service-request .denotes-required {
    bottom: 65px;
    color: #999999;
    position: absolute;
    right: 0;
}
.btn-osr {
    background-image: url("/images/btn-osr.png");
    display: block;
    height: 35px;
    margin-bottom: -4px;
    margin-left: -4px;
    text-indent: -999em;
    width: 159px;
}
#aa-form {
    clear: both;
    display: none;
}
#aa-form h3 {
    font-size: 15px;
    margin-bottom: 4px;
}
.aa-form input[type="submit"] {
    margin-left: 0;
}
.aa-form .form-row {
    padding-top: 10px;
}
.aa-form .radio-row label {
    display: inline-block;
    font-size: 12px;
    min-width: 40px;
}
.aa-form .radio-row strong {
    float: left;
    font-size: 12px;
    line-height: 18px;
    width: 125px;
}
.aa-form .check-row {
    padding-left: 25px;
}
#aa-form .check-row p {
    margin-bottom: 0;
}
.aa-form .check-row input {
    float: left;
    margin-left: -25px;
}
.aa-form .actions input {
    cursor: pointer;
    margin-right: 10px;
}
.aa-form .application-decline {
    background: url("/images/btn-decline.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 31px;
    width: 66px;
}
.row:before, .clearfix:before, .row:after, .clearfix:after {
    content: " ";
    display: table;
}
.row:after, .clearfix:after {
    clear: both;
}
.row, .clearfix {
}
.hide-text {
    background-color: transparent;
    border: 0 none;
    color: transparent;
    font: 0px/0 a;
    text-shadow: none;
}
.input-block-level {
    -moz-box-sizing: border-box;
    display: block;
    min-height: 1px;
    width: 100%;
}

#mailsettings {
	padding-left: 20px;
}

#mailsettings {
	width: 600px;
	border: 1px solid red;
}

#ms-address{
	padding-bottom: 10px;
}

#ms-frequency {
	padding-bottom: 10px;
}

#ms-categs {
	padding-bottom: 10px;
}

#ms-captcha {
	padding-bottom: 10px;
}

#ms-captcha input {
	width: 40px;
}

   #savewarning  {
       z-index: 9999;
       position:fixed;
       top:2%;
       right:2%;
       display:block;
       background-color:yellow;
       border-color: red;
       border-width:1px;
       border-style:solid;
       margin: 10px;
       padding:5px;
   }

@media screen and (max-width: 1000px) {
	.container {
		width: 92vw;
	}
	.content {
		width: 90vw;
	}

	.categ-nav {
		width: 85vw;

	}

	.subnavitem {
		font-size: 0.7em;
	}

}

@media screen and (max-width: 480px) {
	.container {
		width: 100%;
		border: 0px solid red;
		margin: 0;
	}

	.bg {
		top: 10vw;
	}

	.header {
		height: 10vw;
		width: 100vw;
	}

	#logo, #logo a {
	    display: block;
	    height: 10vw;
	    width: 10vw;
	}
	#logo {
	    padding: 10px 0 0 0px;
	}

    #kplogo {
        display: none;
    }

	#logo img {
		width: 100%;
		height: 100%;
	}

	#nav {
		top: 0;
		padding-right: 20vw;
	}

	.categ-nav {
		position: relative;
		width: 100%;

	}


	.main {
		top: 10vw;
	}

	.content {
		position: relative;
		width: 90%;
	}

	#mainheader h1 {
		position: relative;
		width: 85vw;
	}


	#features-latest {
		position: relative;
		width: 95%;
		float: none;
		margin: 0;
		padding: 0;
	}

	#features-featured {
		position: relative;
		width: 95%;
		float: none;
		margin: 0;
		padding: 0;
	}
	#features {
		position: relative;
		width: 88vw;
	}

	.featItem {
		position: relative;
		width: 88vw;
	}
	.featAdder {
		position: relative;
		width: 88vw;
	}

	#langselect li {
		float: none;
		padding: 0;
		padding-right: 5vw;
		padding-top: 1vw;
		margin: 0;
		line-height: 1.5em;

	}

	#nav {
		padding-right: 10vw;
		padding-left: 15vw;
		padding-top: 0.4vw;
	}

	#nav li {
		font-size: 1em;
		height: auto;
		padding: 0;
	}

	#nav li.top a.top-link {
	    display: block;
	    height: auto;
	    padding: 0;
	    padding-left: 10px;
	}



}