/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.title {
	width: 595px;
	height: 25px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	background: #586844;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #A0C07C;
}
.marbletitle {
	width: 290px;
	height: 20px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	background: #586844;
	color: #ffffff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.trademarbletitle {
	width: 400px;
	height: 20px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	background: #586844;
	color: #ffffff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.labtestdata {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	background: #a86c2d;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 18px;
	color: #ACACAC;
}
.ltdcolumn1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
}
.ltdcolumn2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 18px;
	background: #404040;
}
.titlaki {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #A0C07C;
}
.titlaki2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #a86c2d;
}
.text_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ACACAC;
}
.address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 18px;
	color: #7C7C7C;
}
.addresstitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 18px;
	color: #C17B36;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ACACAC;
	background: #000000;
}
a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ACACAC;
}
a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C17B36;
}
a:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C17B36;
}
a:active {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C17B36;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #ACACAC;
}
.text4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #ffffff;
	padding-left: 10px;
}
input {
	border: 1px solid #586844;
	background-color: #CCCCCC;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	border: 1px solid #000000;
}
.text1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #ffffff;
}
.text3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #FFFFFF;
}
.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 15px;
	color: #FFFFFF;
	background: #000000;
}
.titlos2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #000000;
}



/* horizontal menu */

#menu

{
	z-index:100;
	position:absolute;
	top:80px;}
#menu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0px;
	list-style: none;
	}

#menu li { /* all list items */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	position: relative;
	width: 100px;
	}

#menu li ul {/* second-level lists */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	display: block; 
	top: 0px;
    left: 0;
	}

#menu li>ul {/* to override top and left in browsers other than IE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	top: auto;
	left: auto;
	}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul { display: block; }

#menu li:hover>ul { visibility:visible; }

#menu ul ul { visibility:hidden; }		

/* Make-up styles */
#menu ul, li {
    margin: 0 0 0 0; 
	color: #C17B36; 
}

/* Styles for Menu Items */
#menu ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	text-decoration: none;
	color: #CACACA;
	padding: 2px;
	border: 0px solid #262B20;
}
/* Hover Styles */
#menu ul a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C17B36; 
} 

/* Sub Menu Styles */
#menu li ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #262B20;
	background: #CDE4AC;
	border: 1px solid #262B20;
    padding: 1px; 
} 

/* Sub Menu Hover Styles */
#menu li ul a:hover { 
	color: #C17B36; 
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #262B20;
} 

#menu li ul a:active { 
	color: #C17B36; 
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #262B20;
} 


/* set the size of the definition list <dl> and add the background image */
#imap {
  display:block;
  width:595px;
  height:423px;
  background:url(../images/map_quarries.jpg) no-repeat;
  position:relative;
  }
  
/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
  display:block;
  width:595px;
  height:0;
  padding-top:423px;
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
  background:transparent url(../images/map_quarries_hover.jpg) no-repeat 595px 595px;
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:423px;
  he\ight:0;
  }
  
/* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0;
  z-index:10;
  }
  
  
/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute;
  padding:0;
  margin:0;
  }
#imap #picritsonared {
  left:160px;
  top:217px;
  z-index:20;
  }
#imap #picritsonayellow {
  left:170px;
  top:245px;
  z-index:20;
  }
#imap #pictheologos {
  left:293px;
  top:180px;
  z-index:20;
  }
#imap #picaliveri {
  left:416px;
  top:229px;
  z-index:20;
  }
  
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#ritsonared, a#ritsonayellow, #imap a#theologos, #imap a#aliveri {
  display:block;
  width:25px;
  height:25px;
  background:transparent url(../images/hover.gif) -100px -100px no-repeat;
  text-decoration:none;
  z-index:20;
  }
 
/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }
  
/* move the link background image to position 0 0 when hovered */
#imap a#ritsonared:hover, a#ritsonayellow:hover, #imap a#theologos:hover, #imap a#aliveri:hover {
  background-position:0 0;
  }
  
/* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width:200px; 
  display:block; 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:10pt;
  line-height: 18px;
  color: #ACACAC; 
  border:1px solid #000; 
  padding:5px;
  }
/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:200px; w\idth:200px;
  }
  
/* move the span text to a common position at the bottom of the image map */
#imap a#ritsonared:hover span {
  left:480px; 
  top:-215px;
  }
#imap a#ritsonayellow:hover span {
  left:470px; 
  top:-240px;
  }
#imap a#theologos:hover span {
  left:355px; 
  top:-170px;
  }
#imap a#aliveri:hover span {
  left:230px; 
  top:-220px;
  }
  
/* add the style for the link span text - first line */
#imap a span:first-line {
	width: 200px;
	height: 25px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	background: #C17B36;
	color: #ffffff;
	font-weight:bold; 
	font-size: 18px;
  }