/**
 * LICENSE: GNU General Public License
 *
 * @author     Sven Philipsen
 * @copyright  Sven Philipsen (c) 02, 2010
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    1.10
 * @platform   Website Baker 2.8
 *
 * Changes can be made to the design, but copyright and link to http://www.hjemmesideshoppen.dk in the footer must remain intact.
*/
a{
  color: #fff;
  font: 14px Arial, Helvetica, sans-serif;
  text-decoration: none;
}

a:hover{
  color: #79a1b2;
}

a img{
  border: none;
}

p{
  font: 14px Arial, Helvetica, sans-serif;
}

h1{
  font: 28px Arial, Helvetica, sans-serif;
}

h2{
  font: 20px Arial, Helvetica, sans-serif;
}

h3, h4, h5{
  font: 16px Arial, Helvetica, sans-serif;
}

body{
  background: #2d6482;
  padding-top: 10px;
  margin: 0;
  color: #fff;
  font: 14px Arial, Helvetica, sans-serif;
}

#site{
  background: url(img/bg.jpg) no-repeat center top;
  width: 1000px;
  padding: 0;
  margin: 0 auto 0 auto;
}

#header{
  background: url(img/bg-header.png) no-repeat center top;
  position: relative;
  width: 1000px;
  height: 356px;
  padding: 0;
  margin: 0 auto 0 auto;
}

#logo{
  display:none;

}

#menu{
  width: 1000px;
  height: 60px;
  padding: 0;
  margin: 0 auto 0 auto;
  text-align: center;
  floa/t: left;
  margin-right: 10px;
}

#menu ul{
  margin: 20px 10px 0 0;
  display: inline;
  padding: 0;
  list-style: none;
  float: left;
}

#menu li{
  float: left;
  margin: 0;
}

#menu a{
  display: block;
  height: 22px;
  padding: 10px 7px 5px 7px;
  color: #001E2E;
  font: 14px Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bolder ;
}

#menu a:hover, #menu .current{
  color: #fff;
  background: #001E2E;
}

#submenu{
  width: 500px;
  height: 20px;
  padding: 0;
  margin: 0;
  text-align: left;
  float: left;
  margin-left: 10px;
}

#submenu ul{
  margin: 16px 10px 0 0;
  display: inline;
  padding: 0;
  list-style: none;
  float: left;
}

#submenu li{
  float: left;
  margin: 0;
}

#submenu a{
  color: #fff;
  font: 12px Arial, Helvetica, sans-serif;
  text-decoration: none;
  padding: 0 10px 0 10px;
}

#submenu a:hover, #menu .current{
  color: #79a1b2;
}

#page-title{
  width: 500px;
  height: 69px;
  padding: 0;
  margin: 0 auto 0 auto;
  text-align: left;
  float: left;
  margin-left: 10px;
}

#page-title h1{
  padding: 0;
  margin: 56px 0 0 25px;
  font: 32px Arial, Helvetica, sans-serif;
}

#login_box{
  text-align: center;
  width: 486px;
  height: 30px;
  padding: 0;
  margin: 12px 0px 0px 0px;
  float: left;
}

#login_box input{
  background: none;
  border: none;
  color: #fff;
  height: 28px;
  font-weight: bold;
}

#login_box p{
  font: 14px Arial, Helvetica, sans-serif;
  color: #fff;
  height: 28px;
  font-weight: bold;
  width: 250px;
  padding: 0;
  margin: 6px 0 0 0px;
  text-align: right;
  float: right;
}

.login_string{
  background: url(img/bg-block.png) repeat center bottom;
  border: none;
  height: 28px;
  width: 120px;
  padding: 0;
  margin: 0 0 0 10px;
  float: right;
}

.login_button{
  background: url(img/bg-block.png) repeat center bottom;
  border: none;
  height: 28px;
  width: 100px;
  padding: 0;
  margin: 0 0 0 10px;
  float: right;
  text-align: center;
}

.login_string_input{
  width: 110px;
  margin: 6px 0px;
}

#register{
  text-align: right;
  width: 486px;
  height: 15px;
  padding: 0;
  margin: 0;
  float: left;
}

#register a{
  color: #fff;
  font: 10px Arial, Helvetica, sans-serif;
  text-decoration: none;
}

#register a:hover{
  color: #79a1b2;
}

#search_box{
  text-align: center;
  width: 486px;
  height: 30px;
  padding: 0;
  margin: 200px 0px 0px 0px;
  float: left;
}

#search_box input{
  background: none;
  border: none;
  color: #fff;
  height: 28px;
  font-weight: bold;
}

.search_string{
  background: url(img/bg-block.png) repeat center bottom;
  border: none;
  height: 28px;
  width: 250px;
  padding: 0;
  margin: 0 0 0 0px;
  float: right;
}

.search_button{
  background: url(img/bg-block.png) repeat center bottom;
  border: none;
  height: 28px;
  width: 100px;
  padding: 0;
  margin: 0 0 0 10px;
  float: right;
  text-align: center;
}

.search_string_input{
  width: 240px;
  margin: 6px 0px;
}

#content-top{
  background: url(img/bg-content-top.png) no-repeat center bottom;
  width: 1000px;
  height: 4px;
  padding: 0;
  margin: 0 auto 0 auto;
  float: right;
}

#content-middle{
  background: url(img/bg-block.png) repeat center bottom;
  min-height: 200px;
  width: 990px;
  padding: 0;
  margin: 0 5px 0 5px;
}

#content-bottom{
  background: url(img/bg-content-bottom.png) no-repeat center top;
  width: 1000px;
  height: 40px;
  padding: 0;
  margin: 0 auto 0 auto;
}

#content{
  margin: 0 30px 0 30px;
  padding: 10px 0 10px 0px;
}

#content p{
  margin: 0;
  padding: 2px 0px;
}

#light{
  clear: both;
  background: url(img/bg-footer.png) repeat-x center top;
  height: 286px;
  padding: 0;
  margin: 0;
}

#shine{
  width: 990px;
  max-height: 200px;
  min-height: 200px;
  padding: 0;
  padding: 0;
  margin: 0 auto 0 auto;
}

.rotator{
  width: 990px;
  height: 200px;
  position: relative;
}

#divMainRotator{
  width: 990px;
  height: 200px;
  overflow: hidden;
}

.featured_project{
  width: 990px;
  height: 200px;
  overflow: hidden;
}

.featured_project img{
  float: right;
  display: inline;
}

.featured_project p{
  font: 16px Arial, sans-serif;
  line-height: 20px;
  padding: 0;
  margin: 0;
  color: #fff;
}

#divMainRotatorNav{
  position: absolute;
  bottom: 22px;
  z-index: 99;
  height: 33px;
  width: 400px;
  overflow: hidden;
}

#divMainRotatorNav a{
  display: block;
  float: left;
  width: 50px;
  height: 33px;
  background: transparent url(img/bg-block.png) top right repeat;
  text-align: center;
  line-height: 33px;
  font-size: 1.2em;
  color: #ffffff;
  margin-right: 12px;
}

#divMainRotatorNav a:hover{
  text-decoration: none;
}

#divMainRotatorNav a.activeSlide{
  text-decoration: none;
  color: #ffffff;
}

#divMainRotatorNav a:focus{
  outline: none;
}

#bottom{
  width: 990px;
  height: 86px;
  padding: 0;
  margin: 0 auto 0 auto;
}

#copyright-bottom{
  background: url(img/copyright-footer.png) no-repeat right bottom;
  border: none;
  height: 71px;
  width: 250px;
  padding: 0;
  margin: 20px 0 0 0px;
  float: left;
}

#copyright{
  background: url(img/copyright.png) no-repeat center bottom;
  border: none;
  height: 71px;
  width: 150px;
  padding: 0;
  margin: 0 0 0 0px;
  float: left;
}

#copyright:hover{
  background: url(img/copyrighthover.png) no-repeat center bottom;
}

#sharebox{
  height: 71px;
  width: 100px;
  padding: 0;
  margin: 0;
  line-height: 25px;
  float: left;
}

.shareempty{
  height: 25px;
  width: 25px;
  padding: 0;
  margin: 5px;
  float: left;
}

#facebook{
  background: url(img/share_icons.gif) no-repeat 0px 0px;
  border: none;
  height: 25px;
  width: 25px;
  padding: 0;
  margin: 5px;
  float: left;
}

#facebook:hover{
  background-position: -25px 0px;
}

#twitter{
  background: url(img/share_icons.gif) no-repeat 0px -25px;
  border: none;
  height: 25px;
  width: 25px;
  padding: 0;
  margin: 5px;
  float: left;
}

#twitter:hover{
  background-position: -25px -25px;
}

#myspace{
  background: url(img/share_icons.gif) no-repeat 0px -50px;
  border: none;
  height: 25px;
  width: 25px;
  padding: 0;
  margin: 5px;
  float: left;
}

#myspace:hover{
  background-position: -25px -50px;
}

#mail{
  background: url(img/share_icons.gif) no-repeat 0px -75px;
  border: none;
  height: 25px;
  width: 25px;
  padding: 0;
  margin: 5px;
  float: left;
}

#mail:hover{
  background-position: -25px -75px;
}

#footer{
  height: 71px;
  width: 690px;
  padding: 0;
  margin: 35px 0 0 10px;
  float: left;
}

#galerie{
  position: absolute;
  top: 120px;
  left: 700px;
  display: block;
  background: #f02011;
  background-image: linear-gradient(bottom, rgb(240,32,17) 7%, rgb(248,89,75) 54%);
  background-image: -o-linear-gradient(bottom, rgb(240,32,17) 7%, rgb(248,89,75) 54%);
  background-image: -moz-linear-gradient(bottom, rgb(240,32,17) 7%, rgb(248,89,75) 54%);
  background-image: -webkit-linear-gradient(bottom, rgb(240,32,17) 7%, rgb(248,89,75) 54%);
  background-image: -ms-linear-gradient(bottom, rgb(240,32,17) 7%, rgb(248,89,75) 54%);
  background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.07, rgb(240,32,17)),	color-stop(0.54, rgb(248,89,75)));
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  color: #fff;
  padding: 5px 12px;
  border: 2px solid #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 9px #F8584B;
  text-shadow: 0px 0px 4px #f02011;
  text-transform: uppercase;
  }
#galerie:hover{
  color: #0c2232;
  }
#galerie:active{
  border-color: #0c2232;
  }