@import url( http://tradepaper.net/res/css/welcome/reset.css );
body {
	background: url("../../../images/old_wall.jpg") left top rgb(247, 247, 247); color: rgba(0, 0, 0, 0.8); font-family: "Kelly Slab","Myriad Pro", Arial, sans-serif; font-size: 15px;
}
a {
	text-decoration: none;
}
.container {
	width: 100%; position: relative;
}
.clr {
	clear: both;
}
h1 {
	margin: 0px 15px; padding: 30px 5px 10px; color: rgba(153, 157, 181, 0.6); font-size: 24px; font-weight: 400; border-bottom-color: rgba(17, 17, 22, 0.1); border-bottom-width: 1px; border-bottom-style: solid; position: relative; text-shadow: 0px 1px 1px #fff;
}
.header {
	background: rgb(0, 0, 0); text-transform: uppercase; line-height: 24px; font-family: "Arial Narrow", Arial, sans-serif; font-size: 11px; position: relative; z-index: 9999; opacity: 0.9; box-shadow: 1px 0px 2px #000; -moz-box-shadow: 1px 0px 2px #000; -webkit-box-shadow: 1px 0px 2px #000;
}
.header a {
	padding: 0px 10px; color: rgb(221, 221, 221); letter-spacing: 1px; float: left; display: block;
}
.header a:hover {
	color: rgb(255, 255, 255);
}
.header span.right {
	float: right;
}
.header span.right a {
	float: none; display: inline;
}
.demos {
	padding: 10px; text-align: center; float: right; position: relative; z-index: 1000;
}
.demos a {
	background: rgb(0, 0, 0); padding: 4px 6px; transition:0.2s linear; color: rgb(255, 255, 255); text-transform: uppercase; font-family: Arial; font-size: 11px; display: inline-block; box-shadow: 1px 1px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-font-smoothing: antialiased;
}
.demos a:hover {
	background: rgb(201, 0, 71); color: rgb(255, 255, 255);
}
.demos a.current-demo {
	background: rgb(201, 0, 71); color: rgb(255, 255, 255); font-weight: bold; cursor: default;
}
.demos a.current-demo:hover {
	background: rgb(201, 0, 71); color: rgb(255, 255, 255); font-weight: bold; cursor: default;
}