body{
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #2F3A80;
    	margin: auto; 
    	padding: 0;
    	text-align: center; 
    	color: #2F3A80;
		height: 100%;
		   }
	
.container {	
	width: 95%;  
    	background: #2F3A80;
		padding-top: 10px;
    	margin-left: auto; margin-right: auto;
    	text-align: center; 
		height: 100%}
		
	.mainnav {
		float: left;
		
width: 35%;
height: 225px;
text-align: left;

background-color: #fffecb;
font: 75% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
	}
	
	
.logo {
		float: left;

width: 31%;
height: 225px;
background-image: url(/images/cat/LogoMarat.jpg);
background-repeat: no-repeat;
background-color: #fffecb;
	}



.coord {
		float: left;
width: 34%;
height: 225px;
text-align: center; 
background-color: #fffecb;
	}
	
	


.maincol {
    float: left;
    width: 100%;
   background-color: #8cacfd;
}
	
		
	
	.footer	
	{clear: both;
	width: 100%;
	height: 40px;	
		font: 75% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
		background-color: #fffecb;
	}
	
/*upper navigation menu*/
	
#menunav{
	width: 100%;
	margin: 10px;
	}
	
#menunav li a {
	
	text-decoration: none;
	list-style-image: url("buttony.jpg"); 
	}	

	
	
/*footer navigation menu*/
#navbar {

width: 100%;
margin: 8px;

}

	#navbar li {
	display: inline;
	
	}

	#navbar li a {	
	text-decoration: none;	
	padding: 10px;
	
	
}



	
	
h2 {
font: 110% Verdana, Arial, Helvetica, sans-serif;
}

h3 {
font: 90% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #2f3a80; 
}

h4 {
font: 75% Verdana, Arial, Helvetica, sans-serif;
color: #2f3a80; 
}


#catimage {

width: 200px;
}

.thumbnail {
width: 125px;

}
.prodphoto {
width: 300px;
}

a:link {color: #2F3A80;}
a:visited {color: #ff4500;}
a:hover{color: #8cacfd;}
a:active{color: #ff4500;}