.page {
	
	background-image:url(../images/layout/default-base-bg.png);
}

.footer {
	background-image:url(../images/layout/default-footer-bg.png);
}

.header {
	height:210px;
}

	.logo {
		display:block;
		width:460px;
		height:131px;
		left:50%;
		margin-left:-230px;
		z-index:10;
	}

	.header .header-image {
		width:100%;
		height:210px;		
		background-image:url(../images/layout/default-header-image.png);
	}
	
	.header .cs {
		width:23px;
		height:23px;
		background:url(../images/layout/default-header-cs.png);
		top:207px;
		left:50%;
	}
		.header .left {
			margin-left:-460px;
			background-position:-23px 0;
		}
		.header .right {
			margin-left:437px;
		}
	
	.pl-8 { padding-left:8px; }
	.pr-8 { padding-right:8px; }
	.pt-8 { padding-top:8px; }
	.pb-8 { padding-bottom:8px; }
		
	.pl-20 { padding-left:20px; }
	.pr-20 { padding-right:20px; }
	.pt-20 { padding-top:20px; }
	.pb-20 { padding-bottom:20px; }
	.pa-20 {
		padding:20px;
	}
	
	.sub-menu {
		height:49px;		
		overflow:hidden;		
	}
		.s1 .sub-menu {
			background:url(../images/layout/sub-menu/s1/bg.png);
		}
		.s2 .sub-menu {
			background:url(../images/layout/sub-menu/s2/bg.png);
		}
		.s3 .sub-menu {
			background:url(../images/layout/sub-menu/s3/bg.png);
		}
		.s4 .sub-menu {
			background:url(../images/layout/sub-menu/s4/bg.png);
		}
	
		.sub-menu .cs {
			height:49px;
			width:40px;
		}
		
		.s1 .sub-menu .cs {			
			background:url(../images/layout/sub-menu/s1/cs.png);
		}
		.s2 .sub-menu .cs {			
			background:url(../images/layout/sub-menu/s2/cs.png);
		}
		.s3 .sub-menu .cs {			
			background:url(../images/layout/sub-menu/s3/cs.png);
		}
		.s4 .sub-menu .cs {			
			background:url(../images/layout/sub-menu/s4/cs.png);
		}
		
		.sub-menu .left {
			left:0;			
			margin-left:-20px;
		}
		.sub-menu .right {
			margin-left:100%;
			left:-20px;
		}
	
		.sub-menu ul {
			list-style:none;
			width:auto;
			margin:0 auto;
		}
		
		.sub-menu-items, .sub-menu-items-wrapper {
			position:relative;
		}
		.sub-menu-items {
			float:right; 
			right:50%; 
			width:auto;
		}
		.sub-menu-items-wrapper {
			float:none!important; 
			float:left; 
			right:-50%;
		}
			
		.sub-menu ul li {
			margin:0;
			padding:0;
			display:block;
			float:left;
			background-repeat:no-repeat;
			background-position:top right;			
		}
		.s1 .sub-menu ul li {			
			background-image:url(../images/layout/sub-menu/s1/separator.png);
		}
		.s2 .sub-menu ul li {			
			background-image:url(../images/layout/sub-menu/s2/separator.png);
		}
		.s3 .sub-menu ul li {			
			background-image:url(../images/layout/sub-menu/s3/separator.png);
		}
		.s4 .sub-menu ul li {			
			background-image:url(../images/layout/sub-menu/s4/separator.png);
		}
		.sub-menu ul li.last {			
			background:none;
		}
		.sub-menu a {
			display:block;
			height:49px;
			float:left;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
			font-weight:bold;			
		}
		.s1 .sub-menu a:hover {
			background:url(../images/layout/sub-menu/s1/hl-bg.png);
		}
		.s2 .sub-menu a:hover {
			background:url(../images/layout/sub-menu/s2/hl-bg.png);
		}
		.s3 .sub-menu a:hover {
			background:url(../images/layout/sub-menu/s3/hl-bg.png);
		}
		.s4 .sub-menu a:hover {
			background:url(../images/layout/sub-menu/s4/hl-bg.png);
		}
		.sub-menu a span {
			display:block;
			margin-top:16px;
			margin-left:21px;
			margin-right:23px;
		}
		
	.bottom-menu {
		list-style:none;	
		font-size:11px;
		width:650px;
		left:50%;
		top:18px;
		margin-left:-290px;
	}
		.bottom-menu li {
			display:block;
			float:left;	
			margin:0;
			padding:0;
			background:none;	
		}
			.bottom-menu li a {
				background:url(../images/bullets/bottom-menu.png) no-repeat left center;
				padding-left:14px;
				margin-right:35px;
			}
			
			.bottom-menu li a:hover {				
				padding-left:14px;
				background-repeat:no-repeat;
				background-position:left center;
			}
			
			.s1 .bottom-menu a {
				color:#0c7ec5;			
			}
			.s2 .bottom-menu a {
				color:#71a92a;				
			}
			.s3 .bottom-menu a {
				color:#f5740c;				
			}
			.s4 .bottom-menu a {
				color:#9d0a0e;				
			}
			
			.s1 .bottom-menu a:hover {				
				background-image:url(../images/bullets/s1/hl-bottom-menu.png);
			}
			.s2 .bottom-menu a:hover {				
				background-image:url(../images/bullets/s2/hl-bottom-menu.png);
			}
			.s3 .bottom-menu a:hover {				
				background-image:url(../images/bullets/s3/hl-bottom-menu.png);
			}
			.s4 .bottom-menu a:hover {				
				background-image:url(../images/bullets/s4/hl-bottom-menu.png);
			}

