﻿* { padding: 0; margin: 0; }
a { color: #777 }
body { color:#000000; font: normal normal normal 12px arial, helvetica, sans-serif; }
div.hr { width: 100%; height: 4px; background: #18462C; border-width: 0;  }
.clear { clear: both; }
.clear-right { clear: right; }
.caption { font-size: 10px; }
.left { float: left; }
.right { float: right; }


table.dimensions tr td { border: 0px solid #ccc; border-bottom-width: 1px; border-right-width: 1px; }

#container { width: 921px; margin: 0 auto; }
	#header { width: 100%; font-size: 30px; line-height: 50px; text-align: center; text-transform: uppercase; letter-spacing: 10px; padding-top: 5px; color:#CCCCCC; }
		#header a { font-weight: bold; color: #ccc; text-decoration: none; }
	
	#main-menu { width: 100%; text-align: center; line-height: 20px; }
		#main-menu ul { list-style-type: none; }
			#main-menu ul li { display: inline; line-height: 18px; text-transform: uppercase; text-decoration: none; }
				#main-menu ul li a { color: #555; text-decoration: none; padding: 3px 10px; letter-spacing: 2px; height: 18px; }
				#main-menu ul li.selected a, #main-menu ul li a:hover { background: #18462C; color: #eee; }
		
	#sub-menu { width: 100%; background: #999; line-height: 24px; }
		#sub-menu ul { list-style-type: none; }
			#sub-menu ul li { display: inline; text-decoration: none; }
				#sub-menu ul li a { color: #fff; text-decoration: none; padding: 5px 10px; letter-spacing: 1px; }
				#sub-menu ul li.selected a, #sub-menu ul li a:hover { background: #18462C; }
	
	#content-bg { width: 921px; height: 419px; background: url('../images/background/PR1_Lockers.jpg') no-repeat top left; opacity: .8; filter: alpha( opacity: 80 ); position: absolute; z-index: 0}	
	
	#content { width: 921px; height: 419px; z-index: 999999; /*opacity: .90; filter: alpha( opacity: 90 );*/ position: absolute; }
		#left-window { width: 320px; height: 355px; margin: 30px 0; margin-left: 35px;  padding: 0 20px; float: left; background: #fff; overflow: auto; }
		#right-window { width: 320px; height: 355px; margin: 30px 0; padding: 0 20px; float: left; background: #fff; overflow: auto; }
		.window {  }
		.window img { margin: 5px; }
		.window td img { margin: 0; }
		.window p, .window { margin: 15px 0; color:#404040; font-size:11px; letter-spacing:0; line-height:16px; }
		.window h2 { margin-top: 10px; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; }
		.window ul, .window ol { margin-left: 20px; }
		
		#vert-menu { width: 110px; height: 355px; margin: 30px 10px; background: #18462C; float: left;  }
		#vert-menu ul { list-style-type: none; }
			#vert-menu ul li { font-size: 10px; display: block; text-decoration: none; height: 23px; padding-top: 9px; border-bottom: 1px solid #999; }
				#vert-menu ul li a { color: #999; text-decoration: none; padding: 5px 5px; letter-spacing: 1px; }
				#vert-menu ul li.selected a, #vert-menu ul li a:hover { color: #fff; }
		
		
	#footer { margin-top: 15px; font-size: 12px; color: #999; }
		#footer ul { list-style-type: none; }
			#footer ul li { display: inline; }
				#footer ul li a { font-size: 12px; color: #ccc; text-decoration: none; padding: 3px 10px; letter-spacing: 2px; height: 18px;  text-transform: uppercase; }
				#footer ul li a:hover { color: #999; }
	
	

#prevImage { position: absolute; top: 0; left: 0; }
#prevImage img { }
	