body {
	background-color: #ff9800;
	font-family: Helvetica, Arial, sans-serif;
}

#container {
	overflow: auto;
}

/* @group sidebar */

.sidebar {
	float: left;
	width: 167px;
	height: 654px;
	background: url(../images/ribbon.png) no-repeat left top;
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 20px 0 43px;
	font-weight: bold;
	text-transform: uppercase;
}

.sidebar ul li a {
	color: #fff;
	text-decoration: none;
}

.sidebar a:hover, .sidebar a.selected {
	color: #263248;	
}

.sidebar h1 a {
	color: #fff;
	letter-spacing: 1px;
	width: 151px;
	height: 68px;
	background: url(../images/logo.png) no-repeat center top;
	text-indent: -500em;
	margin: 15px 0 34px 1px;
	line-height: 1;
	font-size: 50px;
	display: block;
}

.sidebar h1 a:hover {
	background: url(../images/logo.png) no-repeat center bottom;	
}

.sidebar ul li {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 6px;
}

.sidebar ul li ul {
	margin: 7px 0 15px 11px;
}

.sidebar ul li ul li {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 10px !important;
}

/* @end */

/* @group content */

#maincontent{
	position: absolute;
	left: 245px;
	padding: 0 0 50px 0px;
	top: 105px;
	width: 720px;
	color: #fff;
	font-family: Georgia, "Times New Roman", times, serif;
}

#maincontent a {
	color:  #fff;
	text-decoration: none;
}

#maincontent a:hover {
	color: #263248;	
}

.content {
	float: left;
	display: inline;
	padding-left: 10px;
}

.content h1 {
	font-weight: normal;	
	font-size: 64px;
	line-height: 1;
	margin-bottom: 16px;
}

.content p {
	font-size: 28px;
	line-height: 1.3;
	margin-bottom: 80px;
}

/* @group homepage */

.home {
	width: 700px;
}
.content h1.quote {
	line-height: 1.2;
	padding-left: 20px;
	text-indent: -30px;
}

.content h2.quote {
	text-align: right;
	font-size: 38px;
	font-style: italic;
	margin-bottom: 10px !important;
	line-height: 1;
	font-weight: normal;
}

.content p.quotelinks {
	text-align: right;
	text-transform: uppercase;
	font: 0/0 Helvetica, Arial, sans-serif;
	overflow: auto;
	color: #ff9800;
}

p.quotelinks a.tweet {
	color: #ff9800 !important;
	float: right;
	display: block;
	width: 95px;
	height: 38px;
	background: url(../images/tweet.png) no-repeat center top;
}

p.quotelinks a.another {
	color: #ff9800 !important;
	float: right;
	display: block;
	width: 95px;
	height: 38px;
	background: url(../images/another.png) no-repeat center top;
}

.content p.quotelinks a.tweet:hover, .content p.quotelinks a.another:hover {
	background-position: center bottom;
	color: #ff9800 !important;
}

/* @end */

.content p.about {
	font-size: 32px;
	width: 585px !important;
	margin-bottom: 40px;
}

.content p.last {
	margin-bottom: 80px;
}

.content .slide {
	margin-bottom: 80px;
}

.content .slide p {
	margin-top: 7px;
	font: 11px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.content h3 {
	padding-left: 10px;
	font-size: 28px;
	line-height: 1.3;
	margin-bottom: 80px;	
	text-indent: -10px;
	font-weight: normal;
	width: 650px;
}

.content p.cite {
	margin-top: -70px;
	text-align: right;
	font-size: 18px;
	font-style: italic;
}
/* @end */

/* @group footer */

.footer {
	float: left;
	margin-top: 30px;
	width: 100%;
	padding: 10px 0;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
	font: bold 14px/1 Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	overflow: auto;
	display: inline;	
}

.footer a.backtotop {
	float: left;
	display: inline;
}

.footer .nav {
	float: right;
	display: inline;
}

.footer .nav a {
	margin-left: 60px;
}

.copyright {
	float: left;
	text-align: right;
	width: 100%;
	margin-top: 20px;
	font: 11px Helvetica, Arial, sans-serif;
	text-transform: uppercase;	
	display: inline;	
}

/* @end */