﻿body 
{
	background-color:#ADCDE9;
}
#bg
{
	background-image:url('images/background.jpg');	
	background-repeat:no-repeat;
	background-position:center;
	height:701px;
	width:855px;
	border:solid white 3px;
}
#dog
{
	top:-173px;	
	margin-left:450px;	
	z-index:1;
	position: relative;
	
}
	.navigation {
		float:left;
		padding:0;
		margin:495px 0px 0px 10px;
		z-index:3;
		position: relative;
	
}

	.navigation li {
		display:inline;
}

	.navigation li a {		
		text-decoration:none;
		border:none;
}
.blog
{
	list-style-type:none;
	margin-left:-350px;
}

.blog li a img
{
	text-decoration:none;
	border:none;
	z-index:7;
	position:relative;
	top:-30px;
}
	
#rollover_first1 {
 display:block;
 width:160px; 
 height: 122px;  
 background: url('images/b_about.png') 0 0 no-repeat;
 position: relative;
 float:left;
 
 }
#rollover_first1:hover {
 background: url('images/b_about_shine.png'); 
 position: relative;
}

#rollover_first2 
{
 display:block;
 width:160px; 
 height: 122px;  
 background: url('images/b_gallery.png') 0 0 no-repeat; 
 position: relative;
 float:left;
 }
#rollover_first2:hover {
 background: url('images/b_gallery_shine.png'); 
 position: relative;
 float:left;
}

#rollover_first3 
{
 display:block;
 width:160px; 
 height: 122px;  
 background: url('images/b_publication.png') 0 0 no-repeat;  
 z-index:3;
 position: relative;
 float:left;
 }
#rollover_first3:hover {
 background: url('images/b_publication_shine.png'); 
 z-index:3;
 position: relative;
  float:left;
}

#rollover_first4 
{
 display:block;
 width:160px; 
 height: 122px;  
 background: url('images/b_events.png') 0 0 no-repeat;  
 z-index:3;
 position: relative;
 float:left;
 }
#rollover_first4:hover {
 background: url('images/b_events_shine.png');
 z-index:3;
 position: relative;
  float:left;
}

#rollover_first5 
{
	 display:block;
 width:160px; 
 height: 122px;
 background: url('images/b_contact.png') 0 0 no-repeat;  
 z-index:3;
 position: relative;
 float:left;
 }
#rollover_first5:hover {
 background: url('images/b_contact_shine.png'); 
 z-index:3;
 position: relative;
  float:left;
}

#rollover_first1 img, #rollover_first2 img, #rollover_first3 img, #rollover_first4 img, #rollover_first5 img
{
	border:none;
}
	
