body 
{
	background-image: url('../images/WayneDiamondPlate2.png');
	background-repeat: repeat;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ededed;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

.logo
{
	background-image: url('../images/OtsegovilleLogo.png');
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 500px;
	height: 170px;
}

.grid
{ 
	display: table;
}

.row
{
	display: table-row;
}

.cell
{
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

A:link
{
	color: white;
	text-decoration: none;
}
A:visited
{
	color: grey;
	text-decoration: none;
}
A:hover
{
	color: grey;
	text-decoration: underline;
}
A:active
{
	color: white;
	text-decoration: none;
}

.blackTransparent
{
	background-color: black;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	border: solid 1px #dedede;
	padding: 10px;
}

/* Menu Body */
ul#menu {
	width:868px;
	height:80px;
	list-style:none;
	margin:0;
	padding:0px;
	padding-top:0px;
	
}

/* Float LI Elements - horizontal display */
ul#menu li {
	float:left;
	padding: 0px;
}

/* Link - common attributes */
ul#menu li a {
	background:url(../images/OtsegovilleMenuSprite.png) no-repeat scroll top left;
	display:block;
	height:80px;
	position:relative;
	padding: 0px;
}

/* Specify width and background position attributes specifically for the class: "photos" */
ul#menu li a.photos {
	width:182px;
}

/* Specify width and background position attributes specifically for the class: "disoc" */
ul#menu li a.disco {
	width:137px;
	background-position:-182px 0px;
}

ul#menu li a.family {
	width:169px;
	background-position:-319px 0px;
}

ul#menu li a.faq {
	width:99px;
	background-position:-488px 0px;
}

ul#menu li a.news {
	width: 152px;
	background-position:-587px 0px;
}

ul#menu li a.links {
	width:129px;
	background-position:-739px 0px;
}

/* Span (on hover) - common attributes */
ul#menu li a span {
	background:url(../images/OtsegovilleMenuSprite.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}

/* Span (on hover) - display pointer */
ul#menu li a span:hover {
	cursor:pointer;
}

/* Shift background position on hover for the class: "home" */
ul#menu li a.photos span {
	background-position:0px -80px;
}

/* Shift background position on hover for the class: "portfolio" */
ul#menu li a.disco span {
	background-position:-182px -80px;
}

ul#menu li a.family span {
	background-position:-319px -80px;
}

ul#menu li a.faq span {
	background-position:-488px -80px;
}

ul#menu li a.news span {
	background-position:-587px -80px;
}

ul#menu li a.links span {
	background-position:-739px -80px;
}