/* CSS Document */

BODY
{
	background-color:#000000;
	color:#F5EDA8;
	font-family: Helvetica, sans-serif;
	line-height:20px;
}

a
{

	text-decoration: none;
	color: #776800;

}

div.cam
{
	position: absolute;
	bottom: 25px;
	left: 25px;
}

div.mainDiv
{
	width:750px;
}

div.logoDiv
{
	position:absolute;
	background-image:url(img/dg_logo_300x250.jpg);
	width:300px;
	height:250px;
}

div.topDiv
{
	position:absolute;
	left:300px;
	background-image:url(img/Image450x100.jpg);
	width:450px;
	height:100px;
	
	z-index: 10;

}

div.locDiv
{
	position:absolute;
	left:100px;
	top: 255px;
	width:300px;
	height:250px;
	
	background:url(img/celtknot.jpg) 45px 10px no-repeat;
}

div.naviDiv
{

	position:absolute;
	top:275px;
	width:275px;
	height:215px;

}

	div.homeB
	{
		background-image:url(img/Home130x33UP.jpg);
		margin-top:100px;
		margin-left:125px;
		width:130px;
		height:33px;
		
		cursor: pointer;
	}
	
	div.aboutB
	{
		background-image:url(img/About130x33UP.jpg);
		margin-left:125px;
		width:130px;
		height:33px;
		
		cursor: pointer;

	}
	
	div.prodB
	{
	
		background-image:url(img/Prod130x33UP.jpg);
		margin-left:125px;
		width:130px;
		height:33px;
		
		cursor: pointer;

	}
	
	div.servB
	{
		background-image:	url(img/Serv130x33UP.jpg);
		margin-left:125px;
		width:130px;
		height:33px;
		
		cursor: pointer;

	}
	
	div.contactB
	{
		background-image:	url(img/Con130x33UP.jpg);
		margin-left:125px;
		width:130px;
		height:33px;
		
		cursor: pointer;

	}
	
	div.arrow
	{
		background-image:	url(img/celtarrow.jpg);
		margin-left:255px;
		position:absolute;
		top:100px;
		width:32px;
		height:33px;

	}
	

div.contentDiv
{
	position:absolute;
	top:100px;
	left:300px;
	width:450px;
	height:450px;
}

div.content1
{
	position:absolute;
	width:450px;
	height:450px;
	
	visibility: visible;
}

div.content2
{
	position:absolute;
	width:450px;
	height:450px;
	
	background: transparent;
	background-color: #000000;
	opacity: .65;
	filter: alpha(opacity=65); /* IE's opacity*/ 
	
	visibility: hidden;
}