/* @group core layout */

html, body {
		height: 100%;
}

body {
		background: #000000;
		color: #ffffff;
		font: 95%/1.25em Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
}

#wrapper {
		margin: 0 auto;
		padding: 0;
		font-size: 86%;
		width: 785px;
		background: url(images/bkgd-stripes.png) no-repeat left top;
		height: 100%;
}

#banner {
		display: block;
		height: 57px;
		margin: 0;
		padding: 3px 0 0;
		background: inherit;
}

#navcontainer {
		display: block;
		height: 55px;
		margin: 0;
		width: 535px;
		padding: 0;
}

#left-content {
		width: 435px;
		padding: 0;
		float: left;
		text-align: right;
		margin: 0 0 15px 0;
}

#right-content {
		width: 215px;
		padding: 0;
		border: 66ffcc;
		margin: 0;
		float: right;
}

#footer {
		clear: both;
		width: 435px;
		border-top: 1px solid #cccccc;
		margin: 15px 0;
		padding: 7px 0 0;
		display: block;
		text-align: right;
		font-size: .85em;
		letter-spacing: 1px;
		overflow: hidden;
}

.clear {
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		clear: both;
}

/* @end */

/* @group typography */

p {
		margin: 0 0 10px;
		padding: 0;
	font-size: 1.1em;
	line-height: 1.85em;
}

#right-content h2, #left-content h2 {
		font-size: 1.35em;
		margin: 0 0 15px;
		padding: 0 0 5px;
		border-bottom: 1px solid #ffffff;
		font-weight: normal;
		clear: both;
}

#banner h1 {
		text-indent: -10000px;
		margin: 0;
		padding: 0;
}

#banner h1 span {
		width: 637px;
		height: 18px;
		margin: 0;
		background: url(images/qmf-logo.gif) no-repeat;
		z-index: 1;
		padding: 0;
		display: block;
}

.qmf-red {
		color: #ff0000;
}

#footer p {
		margin: 0;
		padding: 0;
	font-size: 1em;
}

.gray {
		color: #999999;
}

#left-content ul {
		text-align: left;
		margin-left: 75px;
}

.flushright {
		list-style: none;
		width: 100%;
}

.flushright li {
		list-style: none;
		margin: 0;
		text-align: right;
		padding: .25em 145px 0 0;
		background-image: url(images/arrow.gif);
		background-repeat: no-repeat;
		background-position: 300px .85em;
}

/* @end */

/* @group navigation */

#nav {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: .85em;
		line-height: 20px;
		text-transform: uppercase;
}

#nav li {
		height: 20px;
		margin: 0 1px 0 0;
		padding-top: 2px;
		padding-bottom: 2px;
		float: left;
}

#nav li a {
		margin: 0 0 0 2px;
		padding: 3px 6px;
		text-decoration: none;
		display: block;
}

#nav li a:link, #nav li a:visited {
		color: #999999;
}

#nav li a:hover, #nav li a:active {
		color: #ffffff;
}

#nav li ul {
		position: absolute;
		width: 100px;
		left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
		left: auto;
		list-style: none;
		margin: 0;
		padding: 0;
}

#nav li ul li {
		background: #666666;
		color: #cccccc;
		margin: 0;
		width: 100px;
		height: 25px;
		padding: 0;
}

#nav li ul li a {
		width: 95px;
		text-align: left;
		margin: 0;
		padding: 0 0 0 5px;
		height: 25px;
		line-height: 25px;
}

#nav li ul li a:hover {
		background: #333333;
		color: #ff0000;
}

#nav li a.active {
		color: #ff0000;
}

#right-content ul {
		list-style: none;
		margin: 10px 0 0;
		padding: 0;
}

#right-content ul li {
		margin: 0 0 15px;
		padding: 0;
		font-size: 1.15em;
}

#right-content ul li a {
		color: #ccc;
		letter-spacing: 1px;
		text-decoration: none;
}

#right-content ul li a:hover {
		text-decoration: underline;
}

#right-content ul li a.active {
		color: #f00;
}

/* @end */

/* @group links */

a:link {
		color: #ff0000;
		text-decoration: underline;
}

a:hover {
		color: lime;
		text-decoration: none;
}

a:visited, a:active {
		color: #ff0000;
		text-decoration: underline;
}

/* @end */

/* @group news items */

div.newsItem {
		margin: 40px 0;
		padding: 0;
		display: block;
}

div.newsItem h3 {
		font-size: 1.1em;
		border-bottom: 1px solid #333;
		margin: 0 0 3px;
		padding: 0 0 3px;
}

div.newsItem p {
		font-size: 1em;
		margin: 0;
		padding: 0;
		line-height: 1.2em;
}

div.newsItem p.date {
		color: #ccc;
		letter-spacing: 1px;
		padding: 0;
		font-size: .9em;
		margin: 0 0 3px;
}

div.newsItem p.readMore {
		padding: 0;
		letter-spacing: 1px;
		font-size: .9em;
		margin: 3px 0 0;
}

/* @end */

/* @group right content */

div.recentproject {
		width: 300px;
		padding: 0;
		display: block;
	margin: 0 0 20px;
}

div.recentproject h4 {
		margin: 5px 0;
		padding: 0;
	font-size: 1.3em;
	color: white;
	font-weight: normal;
	font-style: normal;
}

div.recentproject p {
		margin: 0;
		padding: 0;
	font-size: 1em;
	line-height: 1.2em;
}

div.recentproject p.instructions {
		font-size: .8em;
		color: #999;
		padding: 0;
		margin: 5px 0;
}

div.vidChoices {
		display: block;
		white-space: nowrap;
		height: 16px;
		color: #999;
		margin: 3px 0 0;
		padding: 0;
		font: .8em/16px Georgia, Times New Roman, Times, serif;
}

div.vidChoices a {
		text-decoration: none;
		border-style: none;
		border-width: 0;
		color: #999;
		line-height: 16px;
}

div.vidChoices img {
		border-style: none;
}

/* @end */

/* @group left content */

#left-content img {
		border: 1px solid #666666;
		margin: 5px 0 25px;
		padding: 0;
}

/* @end */

/* @group portfolio */

ul.vid_portfolio {
		padding: 0;
		width: 435px;
	display: inline;
	list-style-type: none;
}

ul.vid_portfolio li {
		float: left;
		width: 130px;
		height: 100px;
		margin: 0 0 40px 15px;
	text-align: right;
}

ul.vid_portfolio li p {
		margin: 0;
		padding: 0;
		font-size: 1em;
		line-height: 1.2em;
}

ul.vid_portfolio li img {
	border-style: none;
	border-width: 0;
}

/* @end */

#left-content h2 {
	margin: 0 0 25px;
}