@charset "UTF-8";


div.container
{

width:900px;
margin-left:0px;
border:none;
line-height:150%;
}

div.left
{
float:left;
width:130px;
padding-top:2em;
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF8D3;
	text-decoration: none;
	font-variant: normal;
	letter-spacing: .2em;
	margin-left: 80px
}
div.content
{
	width:600px;
	color: #DDE0E1;
	font-family: Georgia, "Times New Roman", Times, serif;
margin-left:200px;
border-left:none;
padding-right:10px;
padding-top:0em;
}
body {bgcolor:#000; 
background-image:url( or not) ;
background-repeat:no-repeat;
line-height: 130%} 

h1 {color:#FFD477;
line-height: 150%}

h2 {color:#FFD477;
line-height: 150%}

h3 {color:#FFf;
line-height: 150%}

a:link { 

	text-decoration: none; 
	color: #8CC4C4;
	}
a:visited { 

	text-decoration: none; 
	color: #9BDABE;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #99CC00;
}
.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	font-style: italic;
	line-height: 130%;
	font-weight: normal;
	margin-right:120px;
	color: #cccccc;

}

.quote2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 130%;
	font-weight: normal;
	margin-right: 30px;
	color: #D2E1D4;
	letter-spacing: 3px;
	}
	
	.quote3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: bold;
	line-height: 150%;
	font-weight: normal;
	margin-right:120px;
	color: #cccccc;

}



/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */