@import url("stylesheets/reset.css");
@import url("stylesheets/typography.css");


body { background: url(images/gradient.gif) repeat-x #fff;}
#wrapper { position: relative; width: 940px; background: url(images/background.jpg) no-repeat top right; margin: 0 auto; padding: 0; padding-right: 18px;}
#header { height: 90px; }
#logo { text-indent: -9999px; display: block; width: 276px; height: 66px; position: relative; top: 12px; left: -10px; }
#logo a { display: block; width: 276px; height: 70px; background: url(images/logo.gif); overflow: hidden; border: 0; padding: 0;}
#logo a:hover { background-position: bottom left; }

#sub-links { position: absolute; left: -20px; top: 69px;}
#sub-links li { float: left; display: inline; }
#sub-links a { float: left; text-indent: -9999px; border: 0; background: url(images/sub-text.gif); height: 17px; padding: 0; }
#sub-links #glasmasteri a { width: 106px; }
#sub-links #bilrutor a { background-position: -106px 0; width: 68px; }
#sub-links #solskydd a { background-position: -174px 0; width: 79px; }
#sub-links #glasmasteri a:hover { background-position: 0 -17px; }
#sub-links #bilrutor a:hover { background-position: -106px -17px; }
#sub-links #solskydd a:hover { background-position: -174px -17px; }


#navigation { overflow: hidden; width: 653px; padding-left: 30px; height: 58px; background: url(images/nav.jpg); position: absolute; top: 14px; right: -11px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
#navigation a#home-icon { background: url(images/home.gif) no-repeat; width: 17px; height: 15px; text-indent: -9999px; float: left; margin-top: 20px;}
#navigation a:hover#home-icon { background-position: 0 -18px; }
#navigation li { float: left; display: inline; font-size: 1.5em; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75); margin-right: 1.75em; line-height: 56px; }
#navigation a { color: #16181a; text-decoration: none; border: 0; padding: 0; background: none;}
#navigation a:hover { color: #454d52; }
#navigation .active,
#navigation .active-trail { font-weight: bold; background: url(images/active.png) 50% 40px no-repeat; }

#subnav { list-style: none; overflow: hidden; display: block; margin-bottom: 5px; margin-left: 0; margin-top: 5px; height: 21px;}
#subnav li { float: left; display: inline; margin-right: 1.5em;}
#subnav li a { padding: 0; border: 0; color: #000; background: none; float: left;}
#subnav li a:hover { color: #666;}
#subnav .active a { background: url(images/subnav-left.gif) top left no-repeat; padding-left: 12px; height: 24px; color: #000; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.55); }
#subnav .active a:hover { background-position: 0 50%; color: #aa5019; }
#subnav .active a span { background: url(images/subnav.gif) top right; float: left; height: 24px; line-height: 22px; padding-right: 13px; }
#subnav .active a:hover span { background-position: 100% 50%; }

#subnav .active a:focus {background-position: 0% 100%; }
#subnav .active a:focus span {background-position: 100% 100%; }

#top-search { background: url(images/search-input.gif) no-repeat; width: 156px; height: 25px; position: absolute; top: 29px; right: 30px;}
#top-search label { text-indent: -99999px; position: absolute; }
#top-search .form-item { padding: 0; margin: 0; }
#top-search input[type=text] { background: transparent; border: 0; width: 105px; padding-left: 9px; padding-top: 6px;}
#top-search button { border: 0; background: url(images/search-btn.gif); width: 44px; height: 25px; text-indent: -9999px; position: absolute; right: 0; top: 0; }
#top-search button:hover { background-position: 0 50%; }
#top-search button:focus { background-position: 0 100%; }

#content { padding-top: 18px; }

#car-mastahead { position: relative; margin-top: 9px; margin-left: 3px; margin-bottom: 3em;}
#car-mastahead h1 { position: absolute; left: 460px;}

.bottom-boxes { width: 940px; height: 242px; background: url(images/bottom-box.jpg); padding-left: 5px; position: relative; margin-bottom: .5em;}
.bottom-boxes .bottom-left { position: absolute; left: 3px; bottom: 4px; margin: 0;}
.bottom-boxes .bottom-left img { margin: 0; }
#call-badge { width: 106px; height: 106px; position: absolute; top: -40px; right: -40px; text-indent: -9999px; cursor: pointer;}
#call-badge a { position: absolute; background: url(images/jourtelefon.png); display: block; width: 106px; height: 106px; padding-right: 0; border: 0;}

.columns-4,
.columns-3,
.columns-2,
.columns-1,
.column { overflow: hidden; }

.column { float: left; display: inline; }
.columns-4 .column { width: 220px; }
.columns-4 .column-2 { margin: 0 20px; }
.columns-4 .column-3 { margin-right: 20px; }
.columns-4 input[type=text],
.columns-4 textarea { width: 200px; }
.ajax-loader { display: none; }

.columns-3 .column { width: 300px; }
.columns-3 .column-2 { margin: 0 20px; }

.columns-2 .column { width: 460px; }
.columns-2 .column-1 { margin-right: 20px; }

.columns-1 .column { width: 940px; }

.bottom-boxes { width: 940px; }
.bottom-boxes .column { width: 210px !important; padding: 10px; height: 190px; padding-bottom: 0; padding-top: 30px; }
.bottom-boxes .column-2 { padding: 10px; padding-left: 10px; padding-top: 30px; margin: 0; }
.bottom-boxes .column-3 { padding: 10px; padding-left: 20px; padding-right: 20px; padding-top: 30px; }
.bottom-boxes h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
.bottom-boxes p { font-size: 0.9167em; line-height: 1.44em; margin-bottom: 1.6364em;}
.bottom-boxes li { font-size: 0.9167em; line-height: 1.44em; }
.bottom-boxes .car-window { background: url(images/car-broken-win.jpg) bottom left no-repeat; margin-left: -2px; padding-right: 12px; height: 207px;}

.bottom-contact { background: url(images/contact.gif); width: 212px; height: 53px; list-style: none; margin-left: 0; text-shadow: 0px 1px 0px #fff;}
.bottom-contact li { margin-bottom: 0; line-height: 22px; margin-bottom: 0.8em; padding-left: 1em;}
.bottom-contact a { padding: 0; background: transparent; color: #e15e0e; border: 0;}
.bottom-contact a:hover { color: #000;}

.colophon { font-size: 0.8334em; }
.colophon address { font-style: normal; }

.showcase { width: 940px; height: 360px; margin: 0 auto; border: 1px solid #d0d0d0; background: #eeeeee; overflow: hidden; position: relative; margin-bottom: 1.5em; margin-top: 5px;}
.showcase h2 { font-size: 2.5em; letter-spacing: -1px; }
.showcase { position: relative;}
.showcase .button { position: absolute; top: 20px; right: 20px; }
.showcase .background { width: 930px; height: 350px; position: absolute; top: 5px; left: 5px; background-repeat: no-repeat;}
.showcase .canvas { position: absolute; top: 5px; left: 5px; }
.detail-image { position: absolute; left: 0px; top: 0; height: 350px; }
.canvas { width: 930px; height: 350px;}
.text-wrapper { position: absolute; top: 0px; z-index: 9999; width: 300px; height: 350px; background: #fff; top: 5px; right: 5px; padding: 20px; padding-left: 660px;}


.button a { text-shadow: #fff 0px 1px 1px; border: 0; padding: 0;}
.button a { background: url(images/button-right.png) center right no-repeat; height: 24px; line-height: 24px; display: inline-block;  }
.button a span { background: url(images/button.png); padding-left: 11px; margin-right: 11px; display: inline-block; height: 24px; }
.button a { text-decoration: none; color: #787878; }
.button a:hover { color: #555;}

#footer { padding-top: .5em; }
.intro { color: #fff; position: relative; }
.intro img { float: none; display: block; margin: 0; width: 940px; }
.intro p { margin: 0; }
.intro h1,
.intro h2 { position: absolute; color: #fff; font-size: 3.5em; bottom: -30px; right: 15px; }
.intro h2 { letter-spacing: -1px; font-size: 2.5em; bottom: -20px;}
.intro { border-bottom: 4px solid #000; margin-bottom: 1.5em; width: 940px; overflow: hidden; }

.intro .part { float: left; width: 235px; overflow: hidden; position: relative; height: 260px;}
.intro .part img { margin: 0; display: inline; }
.intro .part a { background: none; border: 0;}
.intro .part .text { position: absolute; bottom: 10px; right: 10px; color: #fff; font-size: 1.5em; }

#privat-masthead img { width: auto; }

#design-glass-mastahead { position: relative; }
#design-glass-mastahead h1 { color: #fff; position: absolute; left: 660px; top: 180px; font-size: 3.5em;}
#design-glass-mastahead .quiet { color: #fff; margin-left: 5px; }

#partier-mastahead { position: relative; }
#partier-mastahead h1 { position: absolute; color: #fff; font-size: 3.5em; right: 20px; bottom: -50px; text-align: right;}
#partier-mastahead .quiet { color: #fff; margin-left: 5px; }

#car-mastahead { position: relative; }
#car-mastahead h1 { position: absolute; color: #fff; font-size: 3.5em; left: 20px; top: 50px; text-align: left; }
#car-mastahead .quiet { color: #fff; }

#inglasning-masthead { position: relative; }
#inglasning-masthead h1 { position: absolute; color: #fff; font-size: 3.5em; left: 180px; top: 100px; text-align: left; }
#inglasning-masthead .quiet { color: #fff; }

#order-masthead { position: relative; }
#order-masthead h1 { position: absolute; color: #fff; font-size: 3.5em; right: 20px; top: 170px; text-align: left; }
#order-masthead .quiet { color: #fff; }

#privat-masthead { position: relative; }
#privat-masthead h1 { position: absolute; color: #fff; font-size: 3.5em; right: 20px; top: 170px; text-align: left; }
#privat-masthead .quiet { color: #fff; }

#sun-masthead { position: relative; }
#sun-masthead h1 { position: absolute; color: #fff; font-size: 3.5em; right: 20px; top: 190px; text-align: left; }
.intro .quiet { color: #fff; }

#contact-masthead { position: relative; }
#contact-masthead h1 { position: absolute; color: #fff; font-size: 3.5em; left: 20px; top: 20px; text-align: left; }
#contact-masthead .quiet { color: #fff; }

#solfilm-masthead h1 { bottom: -40px; }

#kontakt-masthead h1 { bottom: -10px; }

#referensjobb .intro { margin-bottom: 1.5em; }
#referensjobb > p { margin-bottom: 3em; }
.center { text-align: center; }


.infiniteCarousel {
  width: 940px;
  position: relative;
  height: 353px; 
  margin-bottom: 1.5em;
}

.infiniteCarousel .wrapper {
  width: 940px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  position: absolute;
  top: 0;
  height: 353px;
}

.infiniteCarousel ul {
  margin: 0; margin-bottom: 1.5em;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  height: 350px;
  width: 940px;
}

.carousel-controls { display: block; position: relative; height: 85px; margin-bottom: 1.5em; }

.arrow {
  display: block;
  height: 45px;
  width: 45px;
  background: url(images/arrows.gif) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
  position: absolute;
  border: 0;
  padding: 0;
}

.back {
  background-position: -3px 0;
  left: 0;
}

.forward {
  background-position: -49px 0;
  right: 0;
}
* html .forward { left: 880px; }
.back:hover {
  background-position: -3px -48px
}

.forward:hover {
  background-position: -49px -48px;
}

.googleMap { border: 1px solid #aaa; }