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

body, h1, h2, h3, h4, h5, ul, li, ul li, div, img, form {
	margin: 0px;
	padding: 0px;
}

body	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #fff;
}

img	{
	border: 0;
}

.clear {
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* ***************************** */
/* *******LAYOUT CLASSES******** */
/* ***************************** */

#navWrapper {margin: 0 auto; width: 900px;}
#nav {float: right; margin-top: 10px;background: url(../images/nav.gif) no-repeat;}
#nav ul {}
#nav ul li {list-style: none; float: left; display: inline; height: 44px;background: url(../images/nav-contact.gif); width: 103px; text-align: center; padding-top: 20px;}
#nav ul li a {font-size: 0.8em; color: #565E65; text-decoration: none;}
#nav ul li a:hover {color: #000;}

.navon {color: #000; font-weight: bold;}

#topbarWrapper {width: 900px; margin: 0 auto; margin-top: 20px;}
#logo {float: left; width: 312px;}
#intro-text {float: left; width: 588px; color: #6A7179; font-size: 1.2em; font-family: "Agfa Rotis Semisans", Arial, Verdana, Helvetica, sans-serif;}

#contentWrapper {width: 100%;}
#topShade {width: 100%; height: 15px; display: block; background:url(../images/topshade.gif) repeat-x;}
#bottomShade {width: 100%; height: 15px; display: block; background:url(../images/bottomshade.gif) repeat-x;}
#contentArea {width: 100%; margin: 0 auto; background: #565E65;}
#content {width: 900px; margin: 0 auto;}
#contentLeft {float: left; width: 312px; min-height: 200px;display: block;padding: 30px 0 40px 0;}
#contentRight {float: left;width: 588px; color: #fff; font-size: 0.8em; padding: 40px 0 40px 0;}
#contentRight a {color: #fff; text-decoration: underline;}
#contentRight a:hover {color: #000; text-decoration: underline;}
#contentRight ul {}
#contentRight ul li {list-style-image: url(../images/arrow.gif); margin-left: 20px;}
#contentRight ul li a {}


#footerWrapper {width: 900px; margin: 0 auto; padding: 100px 0 20px 0;}
#footer {font-size: 0.7em; color: #6A747D; text-align: center;}
#footer a {color: #6A747D; text-decoration: underline;}
#footer a:hover {color: #000;}






/* *********************************** */
/* *******GENERAL TEXT CLASSES******** */
/* *********************************** */

h1 {font-size: x-large; font-weight: lighter; color: #fff;}
h2 {font-size: large; font-weight: lighter; color: #fff;}
h3 {font-size: medium; color: #fff;}
h4 {font-size: small; color: #fff;}
h5 {font-size: x-small; color: #fff;}
h6 {font-size: xx-small;color: #fff;}