﻿/*--- after 00:00  -----*/
body.night {
}
body.night #timer {
	background-position: 7px top;
	background: url('../images/time/hello.jpg') no-repeat 7px
top;
	width: 467px;
	height: 44px;
	padding-left: 20px;
}
body.night #bannerpic {
	background-image: url('../images/time/banner2.jpg');
	background-repeat: no-repeat;
	width: 965px;
	height: 228px;
	position: relative;
}
body.night h1 {color: #8f8f8f;}

/*--- after 07:00  -----*/
body.morning {
}
body.morning h1 {color: #515e64;}
body.morning #timer {
	background-position: top;
	background: url('../images/time/morning.jpg') no-repeat 7px
top;
	width: 467px;
	height: 44px;
	padding-left: 20px;
}
body.morning #bannerpic {
	background-image: url('../images/time/banner4.jpg');
	background-repeat: no-repeat;
	width: 965px;
	height: 228px;
	position: relative;
}


/*--- after 11:00  -----*/
body.noon {}
body.noon #timer {	background-position: top;
	background: url('../images/time/hello.jpg') no-repeat 7px top;
	width: 467px;
	height: 44px;
	padding-left: 20px;
}
body.noon #bannerpic {
	background-image: url('../images/time/banner3.jpg');
	background-repeat: no-repeat;
	width: 965px;
	height: 228px;
}

body.noon h1 {color: #7b8574;}

/*--- after 13:00  -----*/
body.afternoon {
}
body.afternoon #timer {
	background-position: top;
	background: url('../images/time/afternoon.jpg') no-repeat 7px top;
	width: 467px;
	height: 44px;
	padding-left: 20px;
}
body.afternoon #bannerpic {
	background-image: url('../images/time/banner6.jpg');
	background-repeat: no-repeat;
	width: 965px;
	height: 228px;
	position: relative;
}

body.afternoon h1 {color: #9b967e;}

/*--- after 17:00  -----*/
body.late-afternoon {}
body.late-afternoon #timer {
	background-position: 7px top;
	background: url('../images/time/evening.jpg') no-repeat 7px
top;
	padding-left: 20px;
	width: 467px;
	height: 44px;
}
body.late-afternoon #bannerpic {
	background-image: url('../images/time/banner10.jpg');
	background-repeat: no-repeat;
	width: 965px;
	height: 228px;
	position: relative;
}
body.late-afternoon h1 {color: #856e57;}

/*--- after 20:00  -----*/
body.evening {
}
body.evening #timer {
	background-position: 7px top;
	background: url('../images/time/evening.jpg') no-repeat 7px
top;
	padding-left: 20px;
	width: 467px;
	height: 44px;
}
body.evening #bannerpic {
	background-image: url('../images/time/banner9.jpg');
	background-repeat: no-repeat;
	width: 965px;
	height: 228px;
	position: relative;
}
body.evening h1 {color: #6f5832;}
