#img0 {
	width: 224px;
	height: 123px;
	overflow: hidden;
	background: url(http://www.devppl.com/images/layout/logo.gif) top left no-repeat;
	display: inline;
	float: left;
}

#img1 {
	width: 98px;
	height: 123px;
	overflow: hidden;
	background: url(http://www.devppl.com/images/layout/menu-1.png) top left no-repeat;
	display: inline;
	float: left;
}
 
#img1:hover {
	background-position: bottom left;
}

#img2 {
	width: 99px;
	height: 123px;
	overflow: hidden;
	background: url(http://www.devppl.com/images/layout/menu-2.png) top left no-repeat;
	display: inline;
	float: left;
}
 
#img2:hover {
	background-position: bottom left;
}

#img3 {
	width: 99px;
	height: 123px;
	overflow: hidden;
	background: url(http://www.devppl.com/images/layout/menu-3.png) top left no-repeat;
	display: inline;
	float: left;
}
 
#img3:hover {
	background-position: bottom left;
}

#img4 {
	width: 99px;
	height: 123px;
	overflow: hidden;
	background: url(http://www.devppl.com/images/layout/menu-4.png) top left no-repeat;
	display: inline;
	float: left;
}
 
#img4:hover {
	background-position: bottom left;
}

#img5 {
	width: 98px;
	height: 123px;
	overflow: hidden;
	background: url(http://www.devppl.com/images/layout/menu-5.png) top left no-repeat;
	display: inline;
	float: left;
}
 
#img5:hover {
	background-position: bottom left;
}

#img6 {
	width: 99px;
	height: 123px;
	overflow: hidden;
	background: url(http://www.devppl.com/images/layout/menu-6.png) top left no-repeat;
	display: inline;
	float: left;
}
 
#img6:hover {
	background-position: bottom left;
}

#img7 {
	width: 107px;
	height: 123px;
	overflow: hidden;
	background: url(http://www.devppl.com/images/layout/menu-7.png) top left no-repeat;
	display: inline;
	float: left;
}
 
#img7:hover {
	background-position: bottom left;
}

.newest-images-top-left {
	float: left;
	width: 5px;
	height: 5px;
	background: white url(http://www.devppl.com/images/newest-images-top-left.gif);
}

.newest-images-top-bkg {
	float: left;
	height: 5px;
	background: white url(http://www.devppl.com/images/newest-images-top-bkg.gif);
}

.newest-images-top-right {
	float: left;
	width: 5px;
	height: 5px;
	background: white url(http://www.devppl.com/images/newest-images-top-right.gif);
}

.newest-images-left-bkg {
	float: left;
	width: 5px;
	background: white url(http://www.devppl.com/images/newest-images-left-bkg.gif) repeat-y;
}

.newest-images-image {
	background: url(http://www.devppl.com/images/loading.gif) no-repeat center;
	float: left;
}

.newest-images-right-bkg {
	float: left;
	width: 5px;
	background: white url(http://www.devppl.com/images/newest-images-right-bkg.gif);
}

.newest-images-bottom-left {
	float: left;
	width: 5px;
	height: 5px;
	background: white url(http://www.devppl.com/images/newest-images-bottom-left.gif);
}

.newest-images-bottom-bkg {
	float: left;
	height: 5px;
	background: white url(http://www.devppl.com/images/newest-images-bottom-bkg.gif);
}

.newest-images-bottom-right {
	float: left;
	width: 5px;
	height: 5px;
	background: white url(http://www.devppl.com/images/newest-images-bottom-right.gif);
}

.popup {
	width: 40px;
}
         
.popup-header {
	background:#EFEFEF;
	font-weight: bold;
	border: 1px solid #646464;
	padding: 5px;
	width: 200px;
}
         
.popup-body {
	background: white;
	color: #646464;
	border-left: 1px solid #646464;
	border-right: 1px solid #646464;
	border-bottom: 1px solid #646464;
	padding: 5px;
	width: 200px;
}

#a { width:951px; height:751px; }
#b { position:absolute; top:148px; left:50%; margin-left: -220px; background-color:white; width:661px; height:600px; }
#c { background-color: red; width: 300px; height: 400px; float:left; }

#photoholder {
	width:450px;
	height:338px;
	background:#fff url('/images/loading.gif') 50% 50% no-repeat;
}