@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; }

html, body {
  font-family:"Trebuchet MS",Arial,sans-serif;
  background-color:#369;
  color:#000;
  font-size:14px;
}

#wrap { width:100%; margin:0 auto; }


/* Header */
#header_box {
  border-bottom:2px solid #222;
  -moz-box-shadow:0 0 5px #888;
  -webkit-box-shadow:0 0 5px #888;
  box-shadow:0 0 5px #888;
  min-height:75px;
}
#header { padding:25px 0; width:1000px; margin:0 auto; }
  #header h1 { display:inline; width:500px; font-size:36px; padding:0; margin:0; }
    #header h1 .red { color:#f00; }
	#header h1 .white { color:#fff; }
	#header h1 .black { color:#000; }
	#header h1 a:link, #header h1 a:visited { text-decoration:none; }
  #header h2 { display:inline; float:right; clear:right; width:350px; font-weight:100; font-size:15px; color:#fff; }


/* Menu */
#nav { text-align:center !important; margin:0 auto; }
*+html #nav { margin-top:10px !important; }
.fancyNav {
  overflow:hidden;
  display:inline-block;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  box-shadow:0 0 4px rgba(255, 255, 255, 0.6);
  -moz-box-shadow:0 0 4px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow:0 0 4px rgba(255, 255, 255, 0.6);
  margin:15px auto 0 auto !important;
}
  .fancyNav li {
    background-color:#f0f0f0;
    border-right:1px solid rgba(9, 9, 9, 0.125);
    box-shadow:1px -1px 0 rgba(255, 255, 255, 0.6) inset;
    -moz-box-shadow:1px -1px 0 rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow:1px -1px 0 rgba(255, 255, 255, 0.6) inset;
    position:relative;
    float:left;
    list-style:none;
  }
  .fancyNav li:after {
    content:'.';
    text-indent:-9999px;
    overflow:hidden;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
    opacity:0;
    background-image:-moz-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
    background-image:-o-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
    background-image:-ms-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
    background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
    box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
    -moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
    -webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
    -moz-transition:0.25s all;
    -webkit-transition:0.25s all;
    -o-transition:0.25s all;
    transition:0.25s all;
  }
  .fancyNav li:first-child { border-radius: 4px 0 0 4px; }
  .fancyNav li:first-child:after, .fancyNav li.selected:first-child:after {
    box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
    -moz-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
    -webkit-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
    border-radius:4px 0 0 4px;
  }
  .fancyNav li:last-child { border-radius:0 4px 4px 0; }
  .fancyNav li:last-child:after, .fancyNav li.selected:last-child:after {
    box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
    -moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
    -webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
    border-radius:0 4px 4px 0;
  }
  .fancyNav li:hover:after, .fancyNav li.selected:after, .fancyNav li:target:after { opacity:1; }
  .fancyNav:hover li.selected:after, .fancyNav:hover li:target:after { opacity:0; }
  .fancyNav li.selected:hover:after, .fancyNav li:target:hover:after { opacity:1 !important; }
    .fancyNav li a {
      color:#5d5d5d;
      display:inline-block;
      font:16px/1 Lobster,Arial,sans-serif;
      padding:12px 24px 14px 24px;
      position: relative;
      text-shadow:1px 1px 0 rgba(255, 255, 255, 0.6);
      z-index:2;
      text-decoration:none !important;
      white-space:nowrap;
    }
    .fancyNav a.homeIcon {
      background:url('images/home.png') no-repeat center center;
      display:block;
      overflow:hidden;
      padding-left:12px;
      padding-right:12px;
      text-indent:-9999px;
      width:16px; 
      padding-bottom:15px;
    }
	*:first-child+html .fancyNav a.homeIcon { padding-bottom:15px; }
	

/* Middle */
#middle_box { background-color:#fff; }
#middle { width:1000px; margin:0 auto; padding:10px 0 25px 0; }
  #middle #text { float:right; clear:right; width:525px; padding:5px 0 0 0; }
    #middle #text ul { padding:15px 0 0 15px; }
	  #middle #text li { padding:0 0 2px 0; }
	#middle #text h2 { font-size:32px; color:#f00; }
	#middle #text h3 { font-size:17px; }
	#middle #text h3.big { font-size:22px; }
	#middle #text h4 { font-size:15px; }
    #middle #text #twentyfourhr { float:right; width:100px; }
	
  #middle #quotes {
    float:right;
    margin:10px 0 0 10px;
    width:250px;
    min-height:190px;
    background-color:#eee;
    border:2px solid #000;
    -moz-box-shadow:0 0 5px #888;
    -webkit-box-shadow:0 0 5px #888;
    box-shadow:0 0 5px #888;
  }
    #middle #quotes p { padding:5px 10px; }
  
  #middle #images {
    width:450px;
    max-width:450px;
    margin:10px 0;
    background-color:#eee;
    border:1px solid #ccc;
    border-radius:10px;
    -moz-border-radius:10px; position:relative;
    -moz-box-shadow:0 0 5px #888;
    -webkit-box-shadow:0 0 5px #888;
    box-shadow:0 0 5px #888;
  }
    #middle #images img {
      padding:25px;
      max-width:450px;
      width:auto !important;
      width:400px !important;
      position:relative;
    }
  
  #middle .horizontal_scroller {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 1000px;
    display: block;
    position: relative;
    /* margin: 10px auto; */
    margin: 5px auto 30px auto !important;
  }
    #middle .horizontal_scroller span { display:inline-block; }
	  #middle .horizontal_scroller span strong { color:#f00; text-decoration:underline; }
	
	#middle #prenumbers h2.black { text-align:center; font-size:26px !important; color:#000 !important; }
	  
  #middle a:link, #middle a:visited { color:#f00; text-decoration:underline; }
  #middle a:hover { color:#000; text-decoration:none; }

/* Footer */
#footer { background-color:#369; border-top:2px solid #222; text-align:center; padding:35px 0; }
  #footer p { margin:0 auto; color:#fff; }
    #footer p a:link, #footer p a:visited { color:#ddd; }
	#footer p a:hover { color:#bbb; }


.spacer { clear:both; }
span.ul { text-decoration:underline; }