@charset "utf-8";

    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#322f31;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		color:#818285;
		font-size:14px;
    }
	a {
    	color:#818285;
		text-decoration:none;
	}
	a:hover {
		color:#fafafa;
		text-decoration:none;
	}
    h1, h2, h3 {
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		color:#fafafa;
		font-size:14px;
		font-weight:normal;
		text-transform:uppercase;
    }
	table {
		font-family:Arial, Helvetica, sans-serif;
		color:#818285;
		font-size:14px;
	}
    h1 span, h2 span, h3 span {
		color:#818285;
    }
    p {
        margin:0 40px .8em 0;
        padding:0;
    }
	
.twoColFixLt #container { 
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin:48px auto 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixLt #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 198px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0;
}
.twoColFixLt #mainContent { 
	margin: 0 0 0 198px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	#directcontact { margin-top:47px; }
	
	#direct { margin-top:47px; }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		margin-top:20px;
		background-color:#322f31;
    }
    #terms {
		float:left;	
	}
	#links {
		float:left;
		margin-left:42px;
	}
	#copy {
		float:right;
		font-size:12px;
	}

.clr { clear:both; padding:0; margin:0;}

/* Here are the content columns for nesting floated */
.col_about1 { width:492px; float:left; margin:0; padding:39px 0 0 0; }
.col_about2 { width:290px; float:left; margin:0; padding:39px 0 0 0; }
.col_about3 { width:129px; float:left; margin:0; padding:23px 0 0 0; }
.col_about4 { width:363px; float:left; margin:0; padding:23px 0 0 0; }
.col_about5 { width:158px; float:left; margin:0; padding:23px 0 0 0; text-transform: uppercase; }
.col_about6 { width:132px; float:left; margin:0; padding:23px 0 0 0; text-transform: uppercase; }

.col_contact { width:782px; margin:0; padding:39px 0 0 0; }
.col_contact2 { width:782px; margin:0; padding:23px 0 0 0; }
.col_contact2 p { margin-bottom:.9em; font-size:15px; }

.col_contact3 { width:128px; float:left; padding:0; }
.col_contact4 { width:137px; float:left; padding:0; }
.col_contact5 { width:162px; float:left; padding:0; }
.col_contact6 { width:103px; float:left; padding:0; }

.col_360_1 { width:782px; margin:0; padding:39px 0 0 0; }
.col_360_2 { width:363px; float:left; margin:0; padding:23px 0 0 0; }
.col_360_3 { width:363px; float:left; margin:0; padding:23px 0 0 40px; }

.col_terms1 { width:782px; margin:0; padding:39px 0 0 0; }
.col_terms2 { width:782px; margin:0; padding:23px 0 0 0; }
.col_terms2 p { margin-right:0; }

.col_links1 { width:782px; margin:0; padding:39px 0 0 0; }
.col_links2 { width:373px; float:left; margin:0; padding:23px 0 0 0; }
.col_links3 { width:373px; float:left; margin:0; padding:23px 0 0 36px; }
.col_links2 p { margin-right:0; }
.col_links3 p { margin-right:0; }

.col_direct1 { width:22px; float:left; margin:0; padding:0; }
.col_direct2 { width:146px; float:left; margin:0; padding:0; }
.col_direct1 p { margin-right:0; margin-bottom:10px; }
.col_direct2 p { margin-right:0; margin-bottom:10px; }

#direct h3 { padding-bottom:9px; }

#smallmap {
	width: 517px;
	height: 380px;
	float:right;
	margin:3px 0 0 0;
	padding:0;
}
.thumbtab img {
	margin-bottom: 32px;
}
.thumbtab p { margin-right:0px; }

#mattkeal{
	width:168px;
	height:79px;
	background-image:url(images/matt-keal.gif);
}
.col_hdr { margin:0; padding:39px 0 0 0; }

#menu {
	margin:0;
	padding:0;
	}

#menu li { 
	background-image:url(images/navline.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style-type: none;
	margin:0 0 5px 0;
	padding:0;
	}

#menu li a, #menu li a:visited {   
	display:block;   
	width:168px;   
	text-decoration:none; 
	text-transform:uppercase;
	padding: 6px 0 0 0;
	} 
#menu li.active a, #menu li.active a:visited {
	color:#fafafa;	
}

#menu a.current, #menu a:visited.current {
	color:#fafafa;	
}
#menu li a:hover {	
	text-decoration:none; 
}

#navbot {
	background-image:url(images/navline.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:5px;
}

.colsspd {
		height:520px;
		background-image:url(images/loading.gif);
		background-repeat:no-repeat;
		background-position: 356px 253px;
	}
