/********************************************  
HTML ELEMENTS  
********************************************/  
/* top elements */  
* {
	margin: 0;
	outline: 0;
} /*sets no padding or margin around the body of our document*/  
  
body {
	background-color: #fafafc; /*website background color (white)*/
	background-repeat: repeat; /*repeats our background over and over*/
	color: #333333; /*sets our text color for the website*/
	margin: 15px 0; /*sets no padding and a 15px margin around the body of our document*/
	font-family:  Arial, "Verdana", Helvetica, sans-serif; /*sets the font family for our website*/
	font-size: 80%; /*sets the font size in % */
	line-height: 1.5em; /*sets the height between each line of text.*/
}  
 
  
/********************************************  
WEBSITE LAYOUT  
********************************************/  
#wrap {
	width: 810px; /*width of wrap*/
	background: #CCC url(content.jpg) repeat-y center top; /*sets the background color to white and uses content.jpg as a background, the background is also repeated along the Y axis*/
	margin: 0 auto; /*center our margin to auto will center website*/
	text-align: left; /*aligns  text to the left*/
}   
#content-wrap {   
clear: both; /*The clear property sets the sides of an element where other floating elements are not allowed.*/  
width: 810px; /*width of  wrap*/  
margin: 5px auto; /*sets top margin at 5 pixels and the rest to auto*/  
padding: 0; /*sets 0 padding*/  
}   
#header {
	position: relative; /*An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position*/
	height: 120px; /*sets  header height, this should be the same as header image*/
	background: #caced1 url(header.jpg) no-repeat center top; /*sets a background behind our header and sets our header image onto the page*/
	padding: 0; /*no padding is needed*/
}  

/********************************************  
MAIN COLUMN  
********************************************/  
#main {
	float: right; /*floats our main content area to the right*/
	width: 800px; /*gives content area a width of 625pixels*/
	display: inline;
}   
  
a:link, a:visited {
	color: #b69950;
	text-decoration: none;
}

a:hover, a:active  {
	color:  #222d45;
	text-decoration: none;
	font-weight:bold;
}

#main h1 {
	padding: 0;
	color: #d5b135;
	font: bold normal 150% Arial, "Verdana", Helvetica, sans-serif;
}   
#main h1 a {
	color: #3399FF;
	text-decoration: none;
}   

#main h2 {
	padding: 0;
	margin-bottom: 0px;
	color: #d5b135;
	font: bolder normal 100%   Arial Black, "Verdana", Helvetica, sans-serif;
}   
#main h2 a {   
color: #2666c3;   
text-decoration: none;   
}   


  
#main p, #main h1, #main h2, #main h3, #main ol, #main ul,   
#main blockquote, #main table, #main form {
	margin-left: 10px;
	margin-right: 10px;
} 

ul, ol {
	margin: 5px 15px;
	margin-left: 0;
padding-left: 3.5em   
padding: 0 25px;
	list-style: square;
	color: #333333;
} 

#contact {
	width:170px;
	margin: 0px 0px 5px 38px;
	text-align: left;
	border: 1px solid #c9c9c9;
	
}
#contact img {
	border: none;
	padding: 1px;
}  

/********************************************  
FOOTER  
********************************************/  
#footer {
	color: #d5b135;
	background: #caced1 url(footer.jpg) no-repeat center top;
	clear: both;
	width: 810px;
	height: 80px;
	text-align: center;
	font-size: 100%;
}   
#footer p {   
padding: 10px 0;   
margin: 0;   
}   
#footer a {
	color: #d5b135;
	text-decoration: none;
}   
/* alignment classes */  
.float-left { float: left; }   
.float-right {
	float: right;
	}   
.align-left { text-align: left; }   
.align-right { text-align: right; }   
  
/* display and additional classes */  
.clear { clear: both; }  

  


ul
{
margin-left: 0 ; padding-left: 3.5em
}



/********************************************  
WEBSITE IMAGES  
********************************************/  
img {
	border: 1px solid #e6cc5b;
	
}   
  
img.float-right {
	margin: 0px 10px 10px;
}   
img.float-left {
	margin: 5px 10px 10px;
} 

  
h1, h2, h3, p {
	margin: 0px 15px 6px;
	padding: 0;
}   

#space { margin:0 0 0 200px;}

.spacer { margin:0 0 0 150px;}