body 
{
	background:#000 url(header-bg.png) repeat-x top center;
}
.header
{
    background:url(header.png) no-repeat 360px 0;
}
.login-panel
{
    background:url(login-box.png) no-repeat 0 0;
}
.logo
{
    background:url(logo.png) no-repeat 0 0;
    width:291px;
    height:115px;
    margin-top:5px;
}
.top-title a {
	color:red;	
}
.top-menu-wrap
{
    background:url(menu-r.png) no-repeat right top;
}
.top-menu-in
{
    background:url(menu-l.png) no-repeat 0 0;
}
.top-menu
{
    background:url(menu-bg.png) repeat-x top;
}
.top-menu ul li
{
    background:url(menu-sep.gif) no-repeat center right;
}
.top-menu ul li a.trigger
{
	color:#fff;
}
.title h1, .title h2, .up-link a
{
    background-color:#000;
}
.bot-links
{
	background:url(header-bg.png) repeat-x center;
}
.bot-logo
{
    width:163px;
    height:64px;
    background:url(small-logo.png) no-repeat 0 0;
	margin-top:9px;
}
.bot-title {
	margin-top:11px;	
}
.footer
{
	background:#000;
}

/* =============================================================================================== */
/* mobile version */
/* ============== */

@media screen and (max-width: 480px), screen and (device-aspect-ratio: 40/71), screen and (device-aspect-ratio: 2/3)
{
	.header
	{
		min-height:150px;
		background:none;
	}
	
	.logo
	{
		width:163px;
		height:64px;
		float:none;
		margin:0 auto;
		background:url(small-logo.png) no-repeat;
	}
}