/* css "pixel.css", by Michael Reiner, http://www.pixelimage.de */
/* Added: 2009 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission.*/



/* .......... pixel css .......... */

* {
     margin: 0;
     padding: 0;
     }
body {
      background-color: #101010;
      }
#main {
      background-image: url(images/head.jpg);
      height: 205px;
      width: 850px;
      margin-left: auto;
      margin-right: auto;
      }
#navcontainer ul {
      display: block;
      margin-left: auto;
      margin-right: auto;
      list-style-type: none;
      font-size: 1.0em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      }
#top_list {
      background-image: url(images/words.jpg);
      height: 80px;
      width: 850px;
      margin-left: auto;
      margin-right: auto;
      }
#linkbar {
      display: block;
      background-image: url(images/navigation.jpg);
      height: 70px;
      width: 850px;
      margin-left: auto;
      margin-right: auto;
      }
#main_list {
      background-image: url(images/float.jpg);
      width: 850px;
      margin-left: auto;
      margin-right: auto;
      }
#main_list_p {
      width: 400px;
      padding-top: 50px;
      padding-left: 275px;
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      font-size: 0.7em;
      text-align: left;
      color: #777777;
      }
#footer {
      background-image: url(images/footer.jpg);
      width: 850px;
      height: 305px;
      padding-top: 0px;
      padding-left: 0px;
      margin-left: auto;
      margin-right: auto;
      }
#footer_p {
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      padding-top: 280px;
      padding-left: 580px;
      font-size: 0.6em;
      color: #800000;
      text-align: center;
      }

/* .......... pic right .......... */

#pic_p1 {
     width: 100px;
     height: 100px;
     display: block;
     background-image: url(images/p1.gif);
     background-repeat: no-repeat;
     position: absolute;
     margin: 370px 0px 0px 155px;
      }

/* .......... Menue-Permanent-Navigation .......... */

#menu1, #menu2, #menu3, #menu4 {
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      text-align: center;
      margin-top: 0px;
      background-image: url(images/nav.gif);
      background-repeat: repeat-y;
      } 
#menu1 {
      margin-left: 200px;
      }
#menu2 {
      margin-left: 300px;
      }
#menu3 {
      margin-left: 400px;
      }
#menu4 {
      margin-left: 500px;
      }
#menu1 ul, #menu2 ul, #menu3ul, #menu4 ul {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      font-size: 1em;
      }
#menu1 li, #menu2 li, #menu3 li, #menu4 li {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      background-image: url(images/nav.gif);
      float: left;
      }
#menu1 a, #menu2 a, #menu3 a, #menu4 a {
      display: block;
      height: 70px;
      line-height: 70px;
      width: 0px;
      padding-left: 100px;
      overflow: hidden;
      }
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu1 a:focus, #menu2 a:focus, #menu3 a:focus, #menu4 a:focus {
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      text-align: center;
      text-decoration: none;
      font-weight: normal;
      outline: none;
      }
#menu1 a:hover, #menu1 a:focus {
      background-image: url(images/nav_hover1.gif);
      }
#menu2 a:hover, #menu2 a:focus {
      background-image: url(images/nav_hover2.gif);
      }
#menu3 a:hover, #menu3 a:focus {
      background-image: url(images/nav_hover3.gif);
      }
#menu4 a:hover, #menu4 a:focus {
      background-image: url(images/nav_hover4.gif);
      }

/* ......................... */

p {
      padding-bottom: 4px;
      padding-top: 4px;
      }
li {
      display: inline;
      border-style:none;
      }
li a:link {
      color: #fff;
      text-decoration: none;
      }
li a:active {
      color: #fff;
      }
li a:hover {
      font-weight: normal;
      color: #fff;
      outline: none;
      }
a img  { 
      border: 0px none;
      outline: none;
      }
a    {
     font-family: "Century Gothic",arial,helvetica,sans-serif;
     text-decoration: none;
     color: #fff;
     text-decoration: none ! important;
     outline: none;
     }
a:link {
     font-family: "Century Gothic",Arial,Helvetica,sans-serif;
     color: #777777;
     text-decoration: none;
     }
a:active {
     font-family: "Century Gothic",Arial,Helvetica,sans-serif;
     color: #777777;
     }
a:hover {
     font-family: "Century Gothic",arial,helvetica,sans-serif;
     text-decoration: none;
     color: #fff;
     }

/* .......... h .......... */

h1, h2 {
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      color: #000000;
      display: none;
      }
h1 {
      font-size: 18px;
      font-style: normal;
      padding-top: 70px;
      padding-left: 470px;
      }
h2 {
      font-size: 12px;
      font-style: normal;
      padding-top: 0px;
      padding-left: 500px;
      }
h3 {
      font-weight: bold;
      font-size: 1.0em;
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      letter-spacing: 3px;
      text-align: left;
      padding-left: 35px;
      padding-top: 10px;
      margin: 10px;
      color: #fff;
	background: url(images/paws.gif) no-repeat top left; 
	width: 500px; 
	height: 31px; 
      }
h4 {
      font-weight: normal;
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      color: #800000;
      }
h5 {
      margin-top: -1px;
      margin-right: 2px;
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      font-size: 15px;
      font-weight: normal;
      float: left;
      color: #800000;
      }
h6 {
      margin-top: -1px;
      margin-right: 2px;
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      font-size: 15px;
      font-weight: normal;
      float: left;
      color: #fff;
      }

/* .......... wise-words .......... */

blockquote {
      padding: 70px 0px 0px 0px;
      margin-left: 275px;
      margin-right: 250px;
      color: #666666;
      font: 0.7em "Century Gothic",arial,helvetica,sans-serif;
      text-align: left;
      }

/* .......... acronym .......... */

acronym {
	border-bottom: 1px dotted maroon;
      cursor: help;
	}


/* .......... SLIMBOX .......... */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
      opacity: 0.1;
      }

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #101010;
      }

.lbLoading {
	background-color: #000;
      background-image: url(images/loading.gif);
      background-repeat: no-repeat;
      background-position: center;
      }

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #fff;
	background-repeat: no-repeat;
      }

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
      }

#lbPrevLink {
	left: 0;
      }

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
      }

#lbNextLink {
	right: 0;
      }

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
      }

#lbBottom {
	font-family: "Century Gothic",arial,helvetica,sans-serif;
	font-size: 10px;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 1px solid #000;
	border-top-style: none;
      }

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background-color: transparent;
      background-image: url(images/closelabel.gif);
      background-repeat: no-repeat; 
      background-position: center;
	margin: 5px 0;
	outline: none;
      }

#lbCaption, #lbNumber {
	margin-right: 71px;
      }

#lbCaption {
	font-weight: bold;
      }