Right Sidebar Alignment

I am experiencing some issues with properly aligning the right sidebar…
When I set it to float to the right, it ends up shifting the 3 column “sidebar” I have below, near the footer, or else pushing it off to the side.

This is the CSS that controls the columns:

#wrapper {
	width:1068px;
	margin-left:auto;
	margin-right:auto;
}
.content {
	padding-bottom:0px;
}
.main {
	background: url('images/mbgtop.png') top center no-repeat;
	font-family: "HelvCondensed";
	color: #CCCCCC;
	font-size:16px;
	padding:30px;
	min-height:275px;
}
.mainwrap {
	background: url('images/mbgbottom.png') bottom center no-repeat #2c2c2c;
}
.left {
	width:600px;
	padding:0;
}
.right {
	width:320px;
	text-align:center;
	float:right;
	padding:0;
}

http://www.nwimt.com/cnc/ <– this is where I am currently trying to address the issue.
Any help would be greatly appreciated!