/*
    ============== (C) Copyright Relate.IT - All rights reserved ===============

    The copyright to the contents herein is the property of Relate.IT. The 
    contents may be used and/or copied only with the written permission of
    Relate.IT, or in accordance with the terms and conditions stipulated in 
    the agreement/contract under which the contents have been supplied.

    Internet:                   http://www.relate-it.eu

    ============================================================================
    $Id: default.css,v 1.5 2008/12/18 13:47:21 cvs Exp $ 
    ============================================================================
*/

BODY { 
	font: 11px tahoma, arial, sans-serif; color: #222222; line-height: 1.6; 
	background: #000000 url(../img/bg_gradient.png) repeat-x; 
	background-position: 0px -100px; 
	scrollbar-arrow-color: #777777; 
	scrollbar-base-color: #ffffff; scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #ffffff; scrollbar-highlight-color: #dddddd; }
	
#main {	
	width: 900px; position: absolute; left: 50%; margin-left: -450px; 
	top: 20px; }
#main.wide {
	background: white url(../img/waterfall.jpg) top right no-repeat; }
#main.narrow {
	background: white url(../img/waterfall_narrow.jpg) top right no-repeat; }
#logo {
	padding: 5px; height: 135px;  }
#contextSensitive {
	padding-left: 8px; vertical-align: bottom; text-align: center; }

#cmsNavigation {
	font-family: arial; padding-left: 7px; padding-bottom: 20px; 
	color: #DD9F57; text-align: left; }
#cmsNavigation A {
	text-decoration: none; color: #8E1908; }
#cmsNavigation A:hover {
	text-decoration: underline; color: #DD9F57; }
#printButton {
	padding-bottom: 20px; }
	
#menu {
	width: 170px; padding-top: 8px; padding-bottom: 2px; font-family: arial; }
#menu UL {
	margin-top: 0px; margin-left: 0px; margin-bottom: 4px; }
#menu UL LI {
	list-style: none; list-style-position: outside; padding-top: 1px; 
	padding-left: 18px; padding-bottom: 5px; }
#menu UL LI A {
	text-decoration: none; color: #8E1908; font-size: 12px; font-weight: bold; 
	display: block; }
#menu UL LI A:hover {
	color: #DD9F57; text-decoration: underline; }
#menu UL LI.selected, #menu UL LI.subMenuSelected {
	text-decoration: underline; color: #DD9F57; }
#menu UL LI.selected A, #menu UL LI.subMenuSelected A {
	color: black; }
#menu UL LI.subMenu, #menu UL LI.subMenuSelected {
	padding-bottom: 3px; padding-top: 0px; }
#menu UL LI.subMenu A, #menu UL LI.subMenuSelected A {
	padding-left: 16px; font-size: 11px; font-weight: normal; }
	
#news {	
	width: 165px; vertical-align: bottom; }
#news DIV {
	background: url(../img/bg_black.gif); height: 300px; width: 165px;
	position: relative; right: 17px; color: white; line-height: 1.2;
	margin-bottom: 15px; }
#news H1 {
	font-family: arial; font-size: 14px; text-align: center; 
	background: #000000; padding: 2px; margin-bottom: 15px; width: 100%; 
	border-bottom: none; font-variant: small-caps; }
#news DIV TABLE TD.date {
	font-family: arial; font-size: 10px; padding-bottom: 18px; 
	padding-left: 7px; padding-right: 7px; }
#news DIV TABLE TD.date P {
	display: bock; color: #ffffff; background: #8E1908; text-align: center; 
	margin: 0px; padding: 2px; border: 1px dotted #000000; 
	font-variant: small-caps; }
#news DIV TABLE TD.title, #news A {
	color: #ffffff; font-weight: bold; font-size: 11px; padding-bottom: 18px; 
	text-decoration: none; }
#news A:hover {
	text-decoration: underline; }
#newsItem {
	padding-right: 190px; }

#content {
	vertical-align: top; padding-left: 15px; padding-right: 30px; }
#content A {
	color: #8E1908; text-decoration: none; }
#content A:hover {
	color: #DD9F57; text-decoration: underline; }
#content A:visited {
	color: #8E1908; }
#contentScroller {
	padding-right: 15px; padding-bottom: 20px; width: 100%; height: 350px; 
	overflow: auto; overflow-x: hidden; }
#content TD.lined {
	border-bottom: 1px solid #EFEFEF; }

#companyInfo {	
	background: white url(../img/companyinfo_bg.gif) left bottom no-repeat; 
	padding-left: 18px; padding-bottom: 12px; color: #fefefe; height: 110px; 
	font-size: 10px; vertical-align: bottom; }
#companyInfo A {
	color: #fefefe; text-decoration: none; display: block; padding-bottom: 4px; }
#companyInfo A:hover {
	color: #F7E7D5; }

TD.footer {
	background: #000000; color: #777777; padding-top: 8px; padding-right: 8px; 
	padding-left: 8px; font-size: 9px; }
TD.footer IMG {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5; opacity: 0.5; }
TD.footer A:hover IMG, TD.footer IMG.selected {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; opacity: 1; }
TD.footer IMG.selected {
	border: 2px solid #777777; }
	
H1, H2, H3 {
	font-family: arial; }
H1 {
	font-size: 16px; margin-top: 0px; border-bottom: 2px dotted #78a6da; 
	margin-bottom: 6px; }
H2 {
	font-size: 14px; padding-top: 15px; border-bottom: 1px dotted #78a6da; 
	margin-bottom: 6px; margin-top: 0px; }
H2.spaceRight {
	margin-right: 25px; }
H3 {
	font-size: 12px; padding-top: 8px; margin-top: 0px; margin-bottom: 3px; 
	border-bottom: 1px dotted #bbbbbb; }

UL, OL {
	list-style-position: outside; margin-left: 12px; padding-left: 10px; }

P {
	margin-top: 7px; margin-bottom: 0px; text-align: left; }
P.bigBlue {
	font-family: tahoma; font-weight: bold; font-size: 20px;  
	padding-bottom: 24px; padding-left: 30px; }
P.quote {
	font-family: arial; font-weight: bold; font-size: 14px; font-style: italic;
	padding-top: 8px; padding-bottom: 15px; color: #C1C1C1; }
P.bigBlue A {
	color: #78a6da; text-decoration: none; }
TD.uspPoint, TD.uspPoint A {
	font-family: tahoma; font-weight: normal; font-size: 18px; color: #333333; 
	text-decoration: none; display: block; }
TD.uspPoint A:hover {
	color: #DD9F57; text-decoration: none; }

IMG { 
	border:0px; }