/* general tag styles */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7D7D7D;
	padding: 0;
	margin: 15px 0 0 0;
	text-align: center;
	font-size: x-small;
	background: #F7F7F5 url(../images/back_general.jpg) center top no-repeat;
	scrollbar-base-color: #F3F3F7; 
	scrollbar-arrow-color: #615F5F;
	scrollbar-DarkShadow-Color: #D0D2D3; 
}

p, td, li, form, label {
	font-size: x-small;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 130%;
	padding: 0 0 10px 0;
	color: #7D7D7D;
	font-weight: normal;
	border: 0;
	margin: 0;
}

.error {
  color: #ff0000;
}

.input_error {
  color: #ff0000;
  margin: 0; 
  padding: 0;
}

.required {
  color: #ff0000;
  margin: 0;
  padding: 0;
}

p.clearit {
  clear: both;
  line-height: 1px;
} 

h1 {
    font-size: 15px;
	line-height: 130%;
	padding: 0 0 13px 0;
	borer: 0;
	margin: 0;
	color: #FB7F1A;
}

h2, h3, h4 {
    font-size: x-small;
	line-height: 120%;
	padding: 0 0 20px 0;
	borer: 0;
	margin: 0;
	color: #FF6000;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-size: x-small;
}

a {
	color: #FA9A3C;
}

a:hover {
	color: #FA9A3C;
}

label {
	color: #000;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

ul {
	margin: 0 0 0 13px;
}

li {
	padding: 0;
	list-style: square;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}

/* main containers */ 

#main-container {
	text-align: left; 
	margin: 0 auto;
	width: 964px;
}

#content {
	background: #9D9EA1 url(../images/content_bg.jpg) left top repeat-y;
	width: 925px;
}

#content-l {
  width: 202px;
}

#content-ll {
  width: 194px;
  padding: 0;
  border-right: 8px solid #CBCCCE;
}

#content-c {
  width: 336px;
  background: #fff;
}

#content-r {
  width: 363px;
  background: #D2D2D4;
}

#content-r1 {
  width: 183px;
  background: #D2D2D4;
}

#content-r2 {
  width: 177px;
  background: #D2D2D4;
}

#main-content {
	margin: 0 0 27px 0;
}

/* main navigation */

.lnav {
	width: 41px;
	text-align: right;
	
}

.lnav-home {
	width: 41px;
	padding: 49px 0 0 0;
	text-align: right;
}

/* left column */

.banner {
	background: #F2FDDB;
}

#lang {
	text-align: center;
	padding: 10px 0 27px 0;
	color: #BCBEC0;	
}

#lang span {
	color: #8AC012;
}

#lang a {
	color: #BCBEC0;
	text-decoration: none;
}

#lang a:hover {
	text-decoration: underline;
}

#util {
	padding: 0 5px 0 0;
}

#util a {
	float: right;
	background: url(../images/util_bg.jpg) left top no-repeat;
	width: 173px;
	padding: 10px 0 13px 16px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

/* main area */

#latest {
	margin: 0 0 0 0;
	padding: 19px 15px 0 8px;
	_padding: 19px 14px 0 8px;
	width: 150px;
}

#latest h2 {
	color: #c2c2c4;
	font-size: 11px;
	margin: 0 0 20px 0;
	padding: 0;
}

#latest p {
	color: #C1C1C1;
	margin: 0;
	padding: 0 0 10px 0;
}

#latest .scroll-area {
	overflow: auto;
	height: 84px;
	width: 150px;
	padding: 0 10px 6px 0;
}


#latest img.main  {
	border: 1px solid #C3D8DB;
}

p.more {
	text-align: right;
	vertical-align: middle;
	padding: 5px 0 10px 0;
}

p.more a {
	padding: 0 0 0 3px;
}

p.more img {
	vertical-align: bottom;
}

p.more-black {
	text-align: right;
	vertical-align: middle;
	padding: 15px 0 0 0;
	margin: 0;
}

p.more-black a {
	padding: 0 6px 0 0;
	margin: 0;
	color: #333;
	text-decoration: none;
}

p.more-black a:hover {
	text-decoration: underline;
}

p.arrow-link a {
	padding: 0 3px 0 0;
}

p.arrow-link img {
	vertical-align: bottom;
}

.scroll, .scroll:hover {
	background: url(../images/img_scroll.jpg) left top no-repeat;
	padding: 7px 10px 11px 11px;
	margin: 6px 3px 20px 0;
	float: left;
	color: #fff;
	text-decoration: none;
}


.scroll-selected, .scroll-selected:hover {
	background: url(../images/img_scroll_selected.jpg) left top no-repeat;
	padding: 7px 10px 11px 11px;
	margin: 6px 3px 20px 0;
	float: left;
	color: #333;
	text-decoration: none;
}

#newsletter {
	margin: 0 0 0 27px;
	padding: 7px 0 0 0;
	border-top: 1px solid #000;
}

#newsletter h2 {
	color: #fff;
	font-size: 10px;
	margin: 0 0 8px 0;
	padding: 0 0 0 10px;
	height: 100%;
	font-weight: normal;
}

#newsletter p {
	color: #fff;
	background: #000;
	padding: 12px 0 12px 10px;
}

#newsletter span {
	color: #8BC112;
}

#newsletter img {
	vertical-align: middle;
	margin: 0 0 0 33px;
}

#content-block {
	padding: 19px 10px 0 15px;
}

#content-block .scroll-area {
	overflow: auto;
	height: 350px;
	padding: 0 10px 16px 0;
}

#content-block-prj {
	padding: 19px 8px 10px 8px;
}

#callout-l {
	padding: 19px 22px 0 7px;
}

#callout-l p {
	color: #DADAD8;
}

#callout-l h2 {
	font-size: 12px;
	margin: 0 0 15px 0;
	padding: 0;
	color: #FB7F1A;
}

p.comp {
	vertical-align: middle;
	padding: 65px 0 0 0;
}

p.comp a {
	padding: 0 0 0 3px;
	text-decoration: none;
}

p.comp img {
	vertical-align: bottom;
}

#callout-r {
	padding: 19px 35px 0 10px;
}

#callout-r .scroll-area {
	width: 159px;
	overflow: auto;
	height: 328px;
	padding: 15px 10px 6px 0;
}

#callout-r h2 {
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #D0F671;
}

#callout-r p {
	color: #E1E1E1;
}

.dotted-line {
	background: url(../images/grey_dot.gif) left top repeat-x;
	padding: 0;
	margin: 0;
}

/* left menu */

#lnav {
	margin: 0 0 0 27px;
	height: 314px;
	border-bottom: 1px solid #5C5C5F;
	background: #434449 url(../images/left_callout_bg.jpg) left top repeat-x;
}

#lnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#lnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#lnav li.title {
	background: #8AC012;
	color: #0E0D0F;
	font-weight: bold;
	padding: 5px 5px 5px 25px;
	width: 137px;
	border-bottom: 1px solid #4E5159;
}

#lnav li a {
	background: #313238;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 5px 25px;
	display: block;
	float: left;
	width: 137px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#lnav li a:hover {
	background: #040704;
}

#lnav li.selected a {
	background: #040704 url(../images/lnav_arrow.jpg) left top no-repeat;
	color: #8AC012;
	font-weight: bold;
	padding: 5px 5px 5px 25px;
	display: block;
	float: left;
	width: 137px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#lnav li.selected a:hover {
	background: #040704 url(../images/lnav_arrow.jpg) left top no-repeat;
}

/* portfolio */

.projects {
	padding: 0;
}

span.visit a {
	color: #8AC012;
	background: none;
	padding: 0 0 4px 19px;
	display: block;
	background: url(../images/icon_mouse.jpg) left top no-repeat;
}

.projects a {
	background: url(../images/portfolio_scroll.jpg) left top no-repeat;
	width: 21px; 
	height: 22px;
	display: block;
	text-decoration: none;
	margin: 0 0 4px 0;
}

.projects a.selected {
	background: url(../images/portfolio_scroll_selected.jpg) left top no-repeat;
	width: 21px; 
	height: 22px;
	display: block;
}

.frame {
	background: url(../images/frame_bg.jpg) bottom left no-repeat;
	padding: 0 3px 4px 3px;
}

span {
	color: #FB7F1A;
	padding: 0 0 5px 0;
}

span.press {
	color: #FB7F1A;
	padding: 0 0 5px 0;
	font-size: 12px;
}

#content-block-news {
	padding: 19px 0 0 10px;
}

#content-block-news .scroll-area {
	overflow: auto;
	height: 350px;
	padding: 0 10px 16px 0;
}

#content-block-news p {
	padding: 10px 5px 10px 13px;
}

.current {
	background: #D2D2D4;
	color: #363636;
}

#contact-left {
	margin: 0 0 0 27px;
	padding: 19px 0 5px 10px;
	height: 290px;
	border-bottom: 1px solid #5C5C5F;
	background: #434449 url(../images/left_callout_bg.jpg) left top repeat-x;
}

#contact-left p {
	color: #fff;
	margin: 0;
	padding: 0 10px 10px 0;
}

.grey-border {
	border: 1px solid #9D9EA1;
}

/* footer */

#footer {
	color: #89BF12;
	padding: 17px 0 17px 26px;
}

#footer p {
	color: #89BF12;
}

#footer a {
	color: #89BF12;
	text-decoration: none;
}

#footer a:hover {
	color: #89BF12;
	text-decoration: underline;
}

.float-right {
	float: right;
	text-align: right;
}

#formular td {
	padding: 0 5px 0 0;
}

#formular td input {
		vertical-align: middle;
}

#contact td {
	padding: 0 5px 3px 0;
}

#contact th {
	vertical-align: top;
	text-align: right;
	font-weight: normal;
	padding: 1px 3px 3px 0;
}

#contact input, #contact textarea {
	border: 1px solid #B5B5B5;
	font-size: 10px;
	font-family: Verdana;
}

/* overlayer */

/* 2007 */

#overlayer2007 {
	position: absolute;
	top: 10%;
	left: 30%;
	z-index: 100;
	width: 450px;
	height: 541px;
	background: url(../images/overlayer2007_bg.jpg) top left no-repeat;
}

#overlayer2007 .close{
	text-align: right;
	padding: 0 20px 75px 0; 
}

#overlayer2007 #ov_content{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	padding: 0 65px 0 50px;
	font-size: 11px;
	color: #84171F;
}

#overlayer2007 #ov_content p{
	font-size: 11px;
	color: #84171F;
	background: none;
	padding: 0 0 8px 30px;
}

#overlayer2007 #ov_content .list{
	margin: 0;
	padding: 2px 0 8px  10px;
}

#overlayer2007 #ov_content .list li{
	font-size: 11px;
	color: #84171F;
	list-style: none;
	line-height: 160%;
	padding: 0 0 2px 20px;
	background: url(../images/overlayer2007_li_bg.jpg) top left no-repeat;
}

/* OLD */
#overlayer {
	position: absolute;
	top: 137px;
	margin: 0 0 0 106px;
	z-index: 100;
	width: 727px;
	background: none;
}

#overlayer-content {
	background: url(../images/overlayer_bg.gif) left top repeat-y;
	padding: 0;
}

#overlayer-container {
	background: url(../images/overlayer_image.gif) left top no-repeat;
	padding: 0 0 30px 0;;	
	height: 280px;
	min_height: 280px;
}

#overlayer-container h1 {
	color: #fff;
	font-size: 15px;
	padding: 30px 50px 15px 50px;
}

#overlayer-container p {
	color: #313131;
	font-size: 11px;
	padding: 0 50px 13px 50px;
}

#overlayer-container a {
	color: #313131;
}

#overlayer-container p.right {
	text-align: right;
	margin: 0 0 0 0;
	padding: 0 30px 0 0;
	_padding: 1px 30px 0 0;
	line-height: 100%;
}

#overlayer-container p.right a {
	color: #fff;
	font-size: 10px;
	padding: 0 15px 0 0;
	text-decoration: none;
}

/* new home page styles */

#home-content {
	background: url(../images/home_bg.jpg) left top repeat-y;
	padding: 0 0 0 26px;
}

#text {
	width: 341px;
}

#compet {
	width: 178px;
}

#news-events {
	width: 202px;
}

#flash-place {
	border-bottom: 10px solid #D2D2D4;
	width: 169px;
	position: relative;
}

#flash-link {
	position: absolute;
	top: 0;
	left: 0;
}

#newsletter-home {
	padding: 7px 0 0 0;
	border-top: 1px solid #000;
	width: 168px;
}

#newsletter-home h2 {
	color: #fff;
	font-size: 10px;
	margin: 0 0 8px 0;
	padding: 0 0 0 10px;
	height: 100%;
	font-weight: normal;
}

#newsletter-home p {
	color: #fff;
	background: #000;
	padding: 8px 0 8px 10px;
}

#newsletter-home span {
	color: #8BC112;
}

#newsletter-home img {
	vertical-align: middle;
	margin: 0 0 0 33px;
}

