body {
	margin-top: 30px;
	margin-left: 50px;
}

p.nav, span.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	word-spacing: 2px;
	letter-spacing: 1px;
}

p.navActive, span.navActive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight:normal;
	word-spacing: 2px;
	letter-spacing: 1px;
}

a, a:visited, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	word-spacing: 2px;
	letter-spacing: 1px;
	text-decoration:none ;
}

a:hover {
	color:#666 ;
}

a:focus {
	outline: none;
}

a.contact, a.contact:visited, a.contact:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	word-spacing: 2px;
	letter-spacing: 1px;
	text-decoration:none ;
}

a.contact:hover {
	color:#999 ;
}

a.imageLink img {
	opacity:1.0;filter:alpha(opacity=100)
	-moz-opacity: 1.0;-khtml-opacity: 1.0;
}

a.imageLink:hover img {
	opacity:0.75;filter:alpha(opacity=75)
	-moz-opacity: 0.75;-khtml-opacity: 0.75;
}

a.logoLink img {
	opacity:0.70;filter:alpha(opacity=70);
}

a.logoLink:hover img {
	opacity:1.0;filter:alpha(opacity=100);
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	word-spacing: 2px;
	letter-spacing: 1px;
}

/**
 * START : jScrollPane CSS
**/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff url(../images/scrollbar.gif) repeat-y;
}

.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden; /*background-color: #666;*/
	height: 9px;
}

a.jScrollArrowUp:hover {
/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden; /*background-color: #666;*/
	height: 9px;
}

a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}

.jScrollPaneDrag {
	background: url(../images/scrollbar_cursor.png) no-repeat 0 50%;
}

/**
 * END : jScrollPane CSS
**/

/**
  * BEGIN : the overlayed element
 **/
div.overlay {

	/* growing background image */
	background-image:url(../images/white.png);

	/* dimensions after the growing animation finishes  */
	width:400px;
	height:300px;

	/* initially overlay is hidden */
	display:none;

	/* some padding to layout nested elements nicely  */
	padding:40px;
}

/* default close button positioned on upper right corner */
/*div.overlay div.close {
	background-image:url(../images/close_black.png);
	position:absolute;
	left:-10px;
	top:-5px;
	cursor:pointer;
	height:35px;
	width:35px;
}*/


/* black */
div.overlay.black {
	background:url(../images/transparent.png) no-repeat !important;
	color:#fff;
}

#contact {
	background-image:url(../images/contact.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	vertical-align:top;
}
/**
  * END : the overlayed element
 **/