/* 
 * PRIMARY STYLESHEET
 *******************************************/
 
/*
 * TAG BASED STYLES
 *******************************************/
 html, body{
 	padding: 0;
	margin: 0;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
 }
 
 body{
 	
	background: url('../images/body-background.gif') repeat-y top left;
	background-color: #421d42;
 }
 
 img{
 	border: none;
 }
 
 p {
 	line-height: 1.25em;
 }
 
 a {
 	color: #421d42;
	text-decoration: underline;
	}
	
a:hover {
	color: #421d42;
	text-decoration: none;
}
	
 
/* 
 * CLASS BASED STYLES
 *******************************************/
 .preview-block{
 	width: 230px;
 	margin: auto;
	padding: 0;
	text-align: center;
 }
 
 .preview-block-text{
 	padding-top: 0.5em;
 }
 
 .table{
 	border: 1px solid #000;
 }
 
 .table-column-left{
 	float: left;
	border: 1px solid #990000;
 }
 
 .table-column-right{
 	float: right;
	border: 1px solid #009900;
 }
 
/*
 * ID BASED STYLES
 *******************************************/
 #outer-container{
	width: 650px;
 }
 
 #panel-left{
	background-color: #fff;
	margin: 0;
	padding: 0;
	float: left;
	width: 400px;
 }

 #panel-left-header{
	background: url('../images/header-background.jpg') no-repeat top left;
	width: 400px;
	height: 132px;
	padding: 0;
	margin: 0;
 	}
 
 #panel-left-content{
 	margin: 0;
 	padding: 0.5em; 
 }
 
 #panel-left-content  a {
 	color: #421d42;
	text-decoration: underline;
	}
	
#panel-left-content a:hover {
	color: #421d42;
	text-decoration: none;
	}
 
 #panel-right{
	width: 250px;
	margin: 0;
	float: right;
 }
 
 #panel-right-content{
 	padding: 0.5em;
	margin: 0;
	color: #fff;
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: .25em;
 }
 
 #panel-right-content a, a:hover, a:visited{
 	color: #fff;
 }
 
 #navigation{
 	color: #fff;
	text-align: right;
	width: 380px;
	height: 130px;
	padding: 0.5em;
	padding-top: 110px;
 }
 
 #navigation a, a:visited{
 	color: #fff;
	text-decoration: underline;
 }
 
 #navigation a:hover {
 	a:hover
	text-decoration: none;
	}
 
/*
 * BROWSER HACKS
 *******************************************/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */