* { padding: 0; margin: 0; }
body { 	background-image: url('../images/body_bg.jpg'); 
		background-color: #fff; 
		font: 72% Verdana, Tahoma, Arial, sans-serif;
		line-height: 1.2em; }
img {	border: none; }
a {		color: #40546D; }		
#wrapper { width: 780px; margin: 0 auto; border: 1px solid #40546D; }

	/*
	 * #wrapper
	 * #header
	 * #header2
	 * #content
	 * #footer
	 */
	 
/*
 * First Header of the page - Holds the tabs and has room for text uptop.
 */
	 
#header {
	height: 110px;
	background-image: url('../images/header1_bg.jpg');
	background-repeat: repeat-x;
	background-color: #fff; }
	
	#header .tabs {
		height: 47px; }
		
	#header .tabs img {
		border: none; }
		
	#header .float {
		color: #fff;
		height: 63px;
		text-align: right; }
	
		#header .float h1 {
			padding: 10px;
			font-size: 10pt; }
	
		
		
/*
 * Second Header of the page - Holds the image and probably some prices
 */
		
#header2 {
	height: 208px;
	background-image: url('../images/header2_bg.jpg');
	background-repeat: repeat-x;
	background-color: #fff; }
		
	#header2  h1 {
		padding-top: 10px;
		padding-left: 5px;
		font-size: 14pt;
		text-transform: uppercase;
		color: #9BA2AB; }
		
	#header2 ul {
		padding-top: 10px;
		padding-left: 25px; }
		
		#header2 li {
			letter-spacing: 0px; }
		
	#header2 .float {
		height: 170px;
		width: 285px;
		margin: 0 0 0 475px;
		padding: 30px 0 0 10px;
		font-size: 9pt;
		letter-spacing: -5px;	 }
		
	#header2 .fade {
		color: #40546D;
		font-weight: bold;
		font-size: 16pt; }
	
	
	
/*
 * Content Container - Meant for everything else being put on the page.
 */
 
#content {
	min-height: 650px;
	background-image: url('../images/content_bg.jpg');
	background-repeat: repeat-x;
	background-color: #fff; }
	
	#content img.portfolio {
		margin-right: 10px;
		margin-top: 7px;
		width: 100px;
		height: 100px;
		border: 1px solid #000;
		clear: left;
		float: left; }

	#content .left {
		float: left;
		width: 455px;
		padding: 15px 10px; }
		
		#content .left h2, .right h2 {
			font-size: 9pt;
			color: #fff;
			padding: 5px;
			background: #40546D url('../images/corner.png') no-repeat top right; }
			
		#content .left p, .right p {
			font-size: 8pt;
			padding: 10px;
			line-height: 1.5em; }
			
			#content .left form h2 {
				margin-top: 20px; }
			
			#content .left form .submit {
				width: 75px; }
				
			#content .left form input, select, textarea {
				color: #40546D;
				padding: 2px;
				font-size: 8pt;
				font-weight: bold;
				margin-left: 25px;
				width: 175px; }
				
			#content .left form.login {
				width: 75%;
				margin-top: 20px;
				text-align: right; }
				
				#content .left form select, textarea {
					width: 375px; }
					
				#content .left form textarea {
					height: 400px; }
			
	#content .right {
		float: right;
		height: 270px;
		width: 285px;
		padding: 15px 10px; }
		
		#content .right script {
			display: block;
			margin-left: 25px;
			text-align: center; }
				
		#content .right table {
			margin-bottom: 25px;
			width: 285px;
			 }
			 
			 #content .right td p {
			 	padding: 3px; }
			 
			 #content .right td.title {
			 	background-color: #f7f7f7;
			 	font-weight: bold;
			 	width: 115px; }	
			
		#content .right div {
			color: #f7f7f7;
			font-size: 8pt;
			font-weight: bold;
			margin-top: 25px;
			margin-bottom: 25px; }
			
			#content .right div a {
				color: #a7a7a7;
				text-decoration: none;
				display: block;
				padding: 5px; }
				
				#content .right div a:hover {
					color: #40546D;
					background-color: #f7f7f7; }
			
			#content .right div.alignr {
				text-align: right; }
				
				#content .right div.alignr a {
					border-bottom: 1px solid #eee; }
				
			#content .right div.alignc {
				text-align: center; }	
			
			 
/*
 *	Footer
 */
 
#footer:after {
	content: ".";
	display: block;
	height: 0;
	text-align: right;
	clear: both;
	visibility: hidden; }
	
#footer {
	display: inline-table; }