/* -------- UI -------- */
/*
* { margin: 0; padding: 0; }
*/

/* -------- 3DCube -------- */
.mod_flash { padding: 10px 0 0 40px; }
#myfl-id { }
.mod_flash noscript { position: absolute; margin: -10px 0 0 40px; border: 0px solid red;}

.ce_text a {color: #7d8e6d; border: 0; }
.ce_text a:link { text-decoration: none; color: #7d8e6d; }
.ce_text a:visited { text-decoration: none; color: #7d8e6d; }
.ce_text a:hover { text-decoration: none; color: #7d8e6d; border: 0px solid #fff; }
.ce_text a:active { text-decoration: none; color: #7d8e6d; }



@font-face {
	font-family: 'nevisBold';
	src: url('type/nevis-webfont.eot');
	src: local('?'), url('type/nevis-webfont.woff') format('woff'), url('type/nevis-webfont.ttf') format('truetype'), url('type/nevis-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 { 
  color: #7d8e6d; 
  text-transform: uppercase;
  font-size: 18px;
  /*font:  bold 18px/1.4em Georgia, serif;*/
  
}

.ce_text .teaser-text, div.teaser-text p {
  font: italic normal 16px/1.3em Georgia, serif;
  color: #7d8e6d;
}

.ce_text p {
 font: normal 14px/1.6em Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font: normal 13px/1.6em Verdana, Arial, Helvetica, sans-serif;*/
}

.xtra-padding { padding: 0 0 0 10px; }

body {
margin: 0; padding: 0;
  font: normal 12px/1.6em Verdana, Arial, Helvetica, sans-serif;

  color: #666;
  background-color: #202020;

}

#wrapper { margin: 0; padding: 0;}

#main { border: 0px solid red; width: 1000px; margin: 0 auto;
	background: transparent url('img/back-content.jpg') no-repeat top left;
}

#header .inside, #main .inside, #footer .inside {
	margin: 0; padding: 0;
  width:960px; margin:0 auto;
}

#header {
  margin: 0; padding: 0;
  height: 140px;
}

#container {
margin: 0; padding: 0;
  background-color: #E8E8E8;
  min-height: 400px;

} /* IE5.5|6.0 - min-height */
* html #container {height: 400px; }

#logo {
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
 }

#sloganintro {
  position: absolute;
  left: 15px;
  top: 165px;
  margin: 0;
  padding: 0;
}

.slogan { 
  padding: 0 0 10px 0;
}


#footer {
margin: 0; padding: 0;
background: #202020 url('img/footer-back.png') repeat-x top left;
}

#footer-contact {
  position: relative;
  top: 25px;
  font: bold 14px/1.6em  Arial, Helvetica, sans-serif;
}
#footer-contact .col_first {
width: 27px;
height: 25px;
}
#footer-contact .col_1 {
	width: 200px;
}
#footer-contact a:link { text-decoration: none; color: #666; }
#footer-contact a:visited { text-decoration: none; color: #666; }
#footer-contact a:hover { text-decoration: none; color: #666; border: 0px solid #fff; }
#footer-contact a:active { text-decoration: none; color: #666; }



/* -------- MENU-SMALL -------- */
#header .mod_customnav {

margin: 0;
padding: 0;
height: 30px;

}

#header .mod_customnav  ul
{
float: right;
  margin: 0;
  padding: 0;
}

#header .mod_customnav li
{
  float: left;
  margin: 0 0 0 15px;
  padding: 0.5em 0;
  list-style-type:none;

}

#header .mod_customnav a, #header .mod_customnav span
{
  font: bold 12px/1.6em Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0.7em 0 0.7em 0;
  text-decoration: none;
  color: #999;
}

#header .mod_customnav .trail { color: #666; background: url('img/menu-small-active.png') no-repeat top left;}
#header .mod_customnav .active { color: #666; background: url('img/menu-small-active.png') no-repeat top left;}
#header .mod_customnav li a:hover  { color: #666; background: url('img/menu-small-active.png') no-repeat top left;}



/* -------- MENU-MAIN -------- */
#header .mod_navigation {
  margin: 0;
  padding: 0;
z-index: 999;
height: 50px;
}

#header .mod_navigation ul
{
float: right;
  margin: 0;
  padding: 0;
}

.mod_navigation li
{
  float: left;
  margin: 0 0 0 15px;
  padding: 1.2em 0;
  list-style-type:none;

}
#header .mod_navigation a, #header .mod_navigation span 
{
  font: normal 18px/1.6em 'nevisBold', Arial, Helvetica, sans-serif;
  line-height:normal;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #CCC;
}

#header .mod_navigation .trail { color: #888; }
#header .mod_navigation .active { color: #888; }
#header .mod_navigation  li a:hover  { color: #888; }


/* -------- MENU-SUB-------- */
#submenu.mod_navigation {
  margin: 6px 0 0 0;
  padding: 0;
z-index: 999;
height: 50px;
}

#submenu.mod_navigation ul
{
float: right;
  margin: 0;
  padding: 0;
}

#submenu.mod_navigation li
{
  float: left;
  margin: 0 0 0 15px;
  padding: 1.2em 0;
  list-style-type:none;

}
#submenu.mod_navigation a, #submenu.mod_navigation span
{
  font: normal 16px/1.6em 'nevisBold', Arial, Helvetica, sans-serif;
  line-height:normal;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #4d6e2f;
}

#submenu.mod_navigation .trail { color: #e8e8e8; }
#submenu.mod_navigation .active { color: #e8e8e8; }
#submenu.mod_navigation  li a:hover  { color: #e8e8e8; }


/* -------- form -------- */

.ce_form  { width: 560px; border: 1px solid #ddd; padding: 20px 20px;}

.formbody {}

.formbody  br { }

.formbody span.mandatory {
font: bold 14px/1.6em  Arial, Helvetica, sans-serif;
margin: 0 0 0 2px;
}

.formbody .headline {
font: bold 13px/1.6em  Arial, Helvetica, sans-serif;
color: #666;
padding: 0;
margin: 0 0 10px 0;
}

.formbody label {
font: normal 14px/1.6em  Arial, Helvetica, sans-serif;
  display: block;
margin: 10px 0 0 0;

}

.radio_container {margin: 20px 0 0 0; padding: 0; }

.radio_container span label, .checkbox_container label {
  display: inline;
  padding: 0 10px 0 4px;
}

.formbody .text { width: 250px;}

.formbody textarea { width: 540px; }

.formbody input, .formbody textarea {
color: #666;
background-color: #eee;
padding: 0.6em 0.6em;
margin: 0;
border: 1px solid #ddd;
font: normal 12px/1.6em  Arial, Helvetica, sans-serif;
}

.formbody .captcha { width: 20px;}

.formbody span.captcha_text { margin: 0 0 0 5px; }

.formbody .submit{ float: left; margin: 10px 0 0 0; font-weight: bold;}

.formbody .text, .formbody .captcha {}

.formbody p.error {
font-style: italic;
color: #666;
font-weight: bold;
}


/* -------- PAGINATION -------- */
.pagination {
  margin: 15px 0 0 0;
  padding: 0;
}

.pagination p {
  margin: 0;
  padding: 0;
  font: normal 12px/1.6em  Arial, Helvetica, sans-serif;
  color: #666;
}

.pagination ul {
  margin: 4px 0 0 0;
  padding: 0;
  list-style-type: none;
}

.pagination li {
  float: left;
  padding: 0 2px 0 2px;
  margin:0;
  width: auto;
  background-image: none;
}

.pagination a.link, .pagination .current {
  font: normal 12px/1.4em Arial, Helvetica, sans-serif;
  margin: 0 4px 0 0;
  padding: 2px;
  background-color: #ccc;
  color: #666;
}
.pagination .current {
  color: #fff;
}

.pagination a {
  font: normal 12px/1.4em Arial, Helvetica, sans-serif;
  color: #666;
}
.pagination a:link { text-decoration: none; color: #666; }
.pagination a:visited { text-decoration: none; color: #666; }
.pagination a:hover { text-decoration: none; color: #666; border: 0px solid #fff; }
.pagination a:active { text-decoration: none; color: #666; }



/* -------- Accordion -------- */
.ce_accordion {
  clear:both;
}

.ce_accordion .toggler {
  font: bold 12px/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
  margin: 5px 0 5px 0px;
  padding: 0 0 0 15px;
  cursor: pointer;
  background:transparent url(img/status-plus.png) 0px 5px no-repeat;
}

.ce_accordion .toggler:hover {
  color: #963;
}

.ce_accordion  .toggler.active {
  background:transparent url(img/status-minus.png) 0px 5px no-repeat;
  color: #963;
}

.ce_accordion .accordion  div  {
  margin: 0 0 0 0;
  padding: 10px 2px 1px 10px;
  background-color: #eee;
}

.ce_accordion .accordion  div p {
  font: normal 12px/1.4em Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 15px 0;
  padding: 0;
}
.ce_accordion .accordion   p {}



/* NoobSlide*/

.buttons{
    text-align: left;

	padding: 10px 0 0 0;
}

.noobWrapper{
	position:relative;
	overflow:hidden;
}

.buttons span{
border: 1px solid #ccc;
background:#dadada;
color:#999;
padding: 4px 8px;
margin: 0 4px 0 0;
cursor:pointer;
  font: bold 12px/1.6em  Arial, Helvetica, sans-serif;

}
.buttons span.noobActive, .buttons span:hover {
color: #fff;
}

/* portfolio slide */

#noobContainer61 div.block{
width:940px;
float:left;
vertical-align: text-top;
}

#noobContainer61{
position:absolute;
}

.noobWrapper {
width: 940px;
height: 200px;
 }

#noobContainer61 .buttons{
text-align:left;
}
#noobContainer61 .next{
float:right;
}
/* portfolio slide */