/*
Theme Name: Gottsunda Factory
Theme URI: http://gottsundafactory.se/
Description: Gottsunda Factorys hemsida
Version: 1.0
Author: Fredrik Wärnsberg / populate.se
Author URI: http://populate.se
*/



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

:focus
{
  -moz-outline-style: none;
}


html { background: url(images/bg.jpg) center 0 no-repeat #000; }
body { background: none; width: 870px; margin: 0 auto; position: relative; padding-bottom: 50px; }

#logo { margin: 0; margin-top: 18px; text-indent: -9999px; display: block; width: 163px; height: 51px; background: url(images/logo.gif) no-repeat; position: absolute; left: 0; top: 18px;}
#logo a { overflow: hidden; display: block; width: 163px; height: 51px; top: 0; left: 0; position: absolute;}

#header { width: 684px; height: 63px; background: url(images/menu.gif) no-repeat bottom left; position: absolute; left: 190px; top: 20px; }
#content { padding-top: 150px; width: 685px; margin-left: 185px; min-height: 640px; }
* html #content { height: 640px; }
#content h2 { text-align: right;}

#navigation { list-style: none; }
#navigation li { float: left; display: inline; margin-right: 2em;}
#navigation li a { color: #fff; text-decoration: none; line-height: 53px; position: relative; top: 8px;}
#navigation li a:hover { color: #8e8e8e;}
#navigation .current_page_parent a,
#navigation .active a,
#navigation .current_page_item a {top: 0; background: url(images/nav-active.gif) center top no-repeat; width: 104px; padding-top: 10px; height: 53px; display: block; color: #000; text-align: center; white-space: nowrap; }
#navigation .current_page_parent a.long,
#navigation .current_page_item a.long,
#navigation .active a.long {top: 0; background: url(images/nav-active-long.gif) center top no-repeat; width: 194px; padding-top: 10px; height: 53px; display: block; color: #000; text-align: center; white-space: nowrap; }

#sub-navigation { position: absolute; left: 190px; list-style: none; top: 100px; margin-left: 0; }
#sub-navigation li { float: left; display: inline; margin-right: 1em; }
#sub-navigation li a { color: #fff; text-decoration: none; font-size: 0.9167em; height: 23px; line-height: 23px; float: left; }
#sub-navigation li a:hover{color: #8e8e8e;}
#sub-navigation .current_page_item a { background: url(images/sub-corner.gif) top right no-repeat;}
#sub-navigation .current_page_item a span {background: url(images/sub.gif); line-height: 23px; float: left; margin-right: 8px; padding-left: 8px;}

#top-search { float: left; position: absolute; right: 10px; top: 18px;}
* html #top-search{left: 497px;}
#top-search label { display: none; }
#top-search div { float: left;}
#top-search-field { background: url(images/search-input.gif); width: 122px; overflow: hidden; padding-left: 10px; padding-top: 2px; height:22px;}
#top-search-field input { background: transparent; border: 0; color: #fff;}
#top-search-submit { background: url(images/search-submit.gif) top left;}
#top-search-submit:hover { background: url(images/search-submit.gif) bottom left;}


/*#slider-controls { list-style: none; width: 131px; margin-right: 1em; float: left;}
#slider-controls a { display: block; width: 95px; padding-left: 25px; height: 32px; line-height: 32px; overflow: hidden; background: url(images/slide-nav.gif); font-weight: bold; color: #fff; text-decoration: none; cursor: pointer;}
#slider-controls a:hover { background: url(images/slide-nav.gif) 0 -38px; }
#slider-controls .active a { width: 95px; padding-left: 25px; padding-right: 11px; height: 32px; background: url(images/slide-active.gif); color: #000; cursor: pointer;}
#slider-controls .active a:hover { color: #000; background: url(images/slide-active.gif); color: #000;}*/


#slider-controls { list-style: none; width: 131px; margin-right: 1em; float: left;}
#slider-controls a { display: block; width: 105px; padding-left: 15px; height: 32px; line-height: 32px; overflow: hidden; background: url(images/slide-nav2.gif); font-weight: bold; color: #fff; text-decoration: none; cursor: pointer;}
#slider-controls a:hover { background: url(images/slide-nav2.gif) bottom left; }
#slider-controls .active a { width: 95px; padding-left: 25px; padding-right: 11px; height: 32px; background: url(images/slide-nav2.gif) top right; color: #000; cursor: pointer;}
#slider-controls .active a:hover { color: #000; background: url(images/slide-nav2.gif) top right; color: #000;}


#sliders-content { width: 500px; overflow: hidden; float:left; }
#sliders-clip { width: 2500px; }
#sliders-clip .panel { width: 460px; padding: 1.5em 20px; float: left; overflow: hidden; background: url(images/black-bg.png); }
/** html #sliders-clip .panel { background: url(images/black-bg.png) no-repeat; behavior: url(http://www.gottsundafactory.se/wp-content/themes/gottsundafactory/javascripts/iepngfix.htc); }*/
* html #sliders-clip .panel { background-image: none; background-color: #000; }

#footer { clear: both; position: relative; overflow: hidden; padding-top: 3em; }
#footer #eu-flag { position: absolute; left: 20px; width: 120px; font-size: 0.8334em; }
#footer #eu-flag img { border: 0px solid #151515; }
#footer .col-1,
#footer .col-2,
#footer .col-3,
#footer .col-4 { float: right; width: 145px; }
#footer .copyright { clear: both; float: right; width: 580px;}
#footer h4 { color: #68c33a; font-size: 0.9167em; margin-bottom: 0;}
#footer div p,
#footer div li { font-size: 0.8334em;}
#footer div ul { list-style: none; margin-left: 0;}
#footer div li a { color: #fff; text-decoration: none;}
#footer div li a:hover { color: #fff; text-decoration: underline;}
#footer .copyright { font-size: 0.8334em; color: #68c33a;}

#content-col { position: relative; width: 684px; }

.overlay { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: #000; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); }
#content-col .content { width: 644px; padding: 20px; }
.content { position: relative; }
* html #content-col .overlay { height: expression(document.getElementById("content-col").offsetHeight); }