body {
 text-align:center;
 background:#ffffff url("./images/header-bg.gif") repeat-x 0 10px;
}

div#header {
 margin:10px auto 0 auto;
 padding:0;
 width:800px;
 height:200px;
 text-align:left;
 position:relative;
}

div#container {
 margin:10px auto;
 width:800px;
 clear:both;
 text-align:left;
}

div#header object {
 margin:0;
 padding:0;
 position:relative;
 top:0;
 left:0;
 z-index:0;
 float:left;
}

/**
h1 {
 width:465px;
 height:200px;
 float:left;
 background:url("./images/405-logo.png") no-repeat 0 0;
 text-indent:-9999px;
}
**/

h1 {
 display:none;
}

ul#menu {
 margin:0;
 padding:0;
 width:335px;
 height:200px;
 position:absolute;
 top:0;
 left:465px;
 z-index:5;
}

ul#menu li {
 list-style-type:none;
}

ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active, ul#menu li a:hover {
 width:335px;
 height:47px;
 margin-bottom:4px;
 display:block;
 text-indent:-9999px;
}

ul#menu li#aboutus a:link, ul#menu li#aboutus a:visited {
 background:url("./images/menu.png") no-repeat 0 -51px;
}

ul#menu li#aboutus a:active, ul#menu li#aboutus a:hover {
 background:url("./images/menu.png") no-repeat 0 -252px;
}


ul#menu li#about a:link, ul#menu li#about a:visited {
 background:url("./images/menu.png") no-repeat 0 -102px;
}

ul#menu li#about a:active, ul#menu li#about a:hover {
 background:url("./images/menu.png") no-repeat 0 -303px;
}


ul#menu li#service a:link, ul#menu li#service a:visited {
 background:url("./images/menu.png") no-repeat 0 0;
 
}

ul#menu li#service a:active, ul#menu li#service a:hover {
 background:url("./images/menu.png") no-repeat 0 -201px;
 
}


ul#menu li#contact a:link, ul#menu li#contact a:visited {
 background:url("./images/menu.png") no-repeat 0 -153px;
 margin-bottom:0;
}

ul#menu li#contact a:active, ul#menu li#contact a:hover {
 background:url("./images/menu.png") no-repeat 0 -354px;
 margin-bottom:0;
}

a:link, a:active {
 color:#002233;
 text-decoration:underline;
}

a:visited, a:hover {
 color:#147db5;
 text-decoration:none;
}

p {
 font-size:83%;
 line-height:140%;
}

p.lnkpu {
 text-align:right;
}

a.proban:link, a.proban:visited, a.proban:active {
 border:1px solid #b0b0b0;
}

a.proban:hover {
 border-color:333333;
}

.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:264px;
	height:264px;
	background:#111 url(images/progress.gif) no-repeat center center;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.mosaic-block a {
 text-decoration:none;
}

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.circle .mosaic-overlay {
			background:url(../img/hover-magnify.png) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../img/bg-black.png);
		}
		
		.bar .mosaic-overlay {
			bottom:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		
		.bar2 .mosaic-overlay {
			bottom:-50px;
			height:100px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
			.bar2 .mosaic-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
			}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		/*** End Animation Styles ***/
.details {
 position:absolute;
 top:10px;
 left:10px;
}

.details p {
 font-size:15px;
 color:#ffffff;
 letter-spacing:2px;
}