@import url('common.css');
@import url('shop.css');
@import url('lightbox.css');

body {
	background: #212330;
	margin: 0px;
}

div#wrapper-head {
	background: #212330;
	height: 160px;
	text-align: center;
}
	div#head {
		width: 1000px;
		margin: 0px auto;
		text-align: left;
		padding-top: 15px;
	}
		div#head img {
			vertical-align: middle;
			margin-left: 60px;
		}
div#wrapper-body {
	background-color: #b2c7d2;
	background-image: url('img/bg-body.png');
	background-repeat: repeat-x;
	background-position: top left;
	overflow: hidden;
	text-align: center;
}

	div#wrapper-content {
		text-align: left;
		width: 1000px;
		margin: 0px auto;
		overflow: hidden;
	}
		div#sidebar {
			width: 250px;
			float: left;
			padding-top: 40px;
		}
			div#sidebar div.box {
				background: url('img/bg-sidebar-box.png') repeat-y top left;
				padding: 0px 25px;
				margin-bottom: 30px;
				position: relative;
				color: #fff;
			}
			
			div#sidebar div.box a,
			div#sidebar div.box a:hover,
			div#sidebar div.box a:visited,
			div#sidebar div.box a:active {
				color: #b2c7d2;
				text-decoration: none;
			}
				div#sidebar div.box a:hover { 
					color: #fff;
				}
			
				div#sidebar div.box div.top,
				div#sidebar div.box div.bottom {
					position: absolute;
					margin: 0px -25px;
					width: 250px;
					height: 20px;
					background: url('img/bg-sidebar-box-top.png') no-repeat top left;
				}
				div#sidebar div.box div.top {
					top: -20px;
				}
				
				div#sidebar div.box div.bottom {
					background: url('img/bg-sidebar-box-bottom.png') no-repeat bottom left;
					bottom: -20px;
				}
				
				div#sidebar ul {
					border-top: solid 1px #3c4360;
					margin: 0px -10px;
				}
				
				div#sidebar ul li a,
				div#sidebar ul li a:visited,
				div#sidebar ul li a:hover,
				div#sidebar ul li a:active {
					display: block;
					border-bottom: solid 1px #3c4360;
					padding: 3px 10px;
					padding-left: 20px;
					color: #f6fcff;
					text-decoration: none;
					background-image: url('img/sidebar-li.gif');
					background-repeat: no-repeat;
					background-position: 5px center;
				}
					div#sidebar ul li a:hover {
						background-color: #1c61f0;
					}
					
					div#sidebar ul li.selected a,
					div#sidebar ul li.selected a:visited,
					div#sidebar ul li.selected a:hover,
					div#sidebar ul li.selected a:active {
						background-color: #1c63f4;

					}
					
						div#sidebar ul li.selected ul  { 
							border: 0px; 
							border-bottom: solid 1px #3c4360;
							margin: 0px; 
							background-image: url('img/bg-sidebar-ul-ul.png');
							background-repeat: repeat-x;
							background-position: top left;
							background-color: #003fb2;
						}
							div#sidebar ul li.selected ul li a,
							div#sidebar ul li.selected ul li a:visited,
							div#sidebar ul li.selected ul li a:hover,
							div#sidebar ul li.selected ul li a:active{
								border: 0px;
								padding-left: 25px;
								background: transparent;
							}
					
		div#content {
			width: 720px;
			float: right;
			background-color: #fff;
			background-image: url('img/bg-content.png');
			background-repeat: repeat-x;
			background-position: top left;
			padding: 20px 15px 10px 15px;
		}
			div#content-bottom {
				clear: right;
				float: right;
				width: 750px;
				height: 4px;
				background: url('img/bg-content-bottom.gif') no-repeat top center;
			}

div#wrapper-footer {
	background-color: #212330;
	background-image: url('img/bg-footer.png');
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 55px;
	text-align: center;
}
	div#footer {
		background: url('img/logo-small.gif') no-repeat 0px 10px;
		width: 880px;
		margin: 0px auto;
		text-align: left;
		height: 80px;
		padding-top: 15px;
		padding-left: 60px; 
		color: #b2c7d2;
		font-size: 8pt;
	}
		div#footer a,
		div#footer a:hover,
		div#footer a:visited,
		div#footer a:active {
			color: #fff;
			text-decoration: none;
		}
			div#footer a:hover {
				text-decoration: underline;
			}
			
		div#footer ul {
			text-align: center;
		}
		div#footer ul li {
			display: inline; 
			padding: 0px 10px;
			border-left: 1px solid #fff;
		}
			div#footer ul li.first{ 
				border: none; 
				padding-left: 0px;
			}