body{
	background: black url(images/background.png) fixed top left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 100px; /* have to put this in or a good part of the footer doesn't show in Safari*/
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #8D9699;	
}
a:link, a:visited{
	color: #faa569;
}
a:hover, a:active{
	text-decoration: none;
}
h1{
	font-family: Times, Georgia, serif;
	color: #556063;	
	font-size: 16px;
	margin: 0px;
	margin-bottom: 12px;
	margin-top: 10px;
	padding: 0px;
	font-weight: normal;
}


#page{
	margin: 0px auto;
	border: 0px solid white;
	width: 710px;
	position: relative;
	border: 0px solid white;
	top: 80px;
	padding-top: 30px;
}
/* Sets the logo/home image to the top left hand corner */
#floater_logo{
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 339px;
	z-index: 500;
}
/*puts white border around images in the floater*/
#floater_logo img{
	border: 1px solid white;
}
/* Takes away left hand border on the 2nd image */
#floater_logo img + img{
	border-left: 0px solid black;	
}
/* Navigation below the floater images */
#floater_logo_navigation{
	border: 1px solid white;
	border-top: 0px solid white;
	background: #FF6100 repeat-x left top;
	color: white;
	padding: 46px 20px;	
	padding-left: 2px;
	width: 146px;
	font-family: Times, Georgia, serif;
	font-size: 13px;
	height: 67px;
}

#floater_logo_navigation ul{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#floater_logo_navigation a:link, #floater_logo_navigation a:visited {
	color: white;
	text-decoration: none;
}
#floater_logo_navigation a:hover, #floater_logo_navigation a:active {
	text-decoration: underline;
}

#floater_logo_navigation li{
	margin-bottom: 4px;
	list-style: square;
}

/* BLACK CONTAINER */
/* The black border around the main content box */
/* This declares it with an opacity for IE because IE allows the content to be opaque*/
#inner_page{
	background: black;
	margin: 0px 0px 0px 25px;
	width: 665px;
	padding: 10px;
	border: 0px solid green;
	filter: alpha(opacity=50);
}	

/* We use a transparent png for mozilla & IE */	
#page > #inner_page{
	background: url(images/transparent.png) top left;
}

/* WHITE CONTENT CONTAINER */
/* The white area of the page this holds the address info in the top right corner and the content below it */
#white_inner_page
{
	background: white;
	border: 1px solid white;
	position: relative;
	width: 100%;
}


/* CONTACT INFORMATION HEADER IN RIGHT HAND CORNER */
/* Sits at the top right of the white area */
#contact_us_header
{
	float: right;
	border: 0px solid black;
	width: 361px;
	height: 127px;	
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #616b6e;
	text-align: left;
}

#contact_us_header p
{
	display: inline; /* To get rid of double margin float problem in IE */
	float: left;
	margin: 15px 0px 0px 25px;
	/*width: 148px;*/
	
}

/* Specify width on the label ... order of the display settings is important*/
/* One is for mozilla and the other is for every other browser */
#contact_us_header label
{		  
  display: -moz-inline-box;
  display: inline-block;
  width: 52px;
  vertical-align: top;
}

/* CONTENT*/
/* This contains the left and right columns */
#content
{
	float: right;
	border: 0px solid black;/*DEBUG*/
	width: 489px;	
	padding-right: 0px;
	margin: 40px 0px 0px 0px;
}


/* LEFT HAND COLUMN*/
/* columns in the content box floated left and right */
/* Left column has 30px padding on right side */
#left_column
{
	float: left;
	width: 270px;
	border-right: 0px dotted #bfc7ca;
	padding-right: 15px;			
	background: url(images/vertical_dotted_line.gif) repeat-y top right;
}

/* resize for most of the interior pages */
#left_column.standard
{
	width: 232px;
	padding-right: 10px;
	border: 0px solid blue;/*DEBUG*/
}

/* RIGHT HAND COLUMN */
/* columns in the content box floated left and right */
#right_column
{
	float: right;
	border-right: 0px solid blue;/*DEBUG*/
	width: 195px;
}

/* resize for most of the interior pages */
#right_column.standard
{
	width: 203px;
	border: 0px solid red;/*DEBUG*/
	padding-right: 30px;
	padding-left: 10px;
}

#right_column form
{
	border: 1px solid #c3cbce;
	margin: 0px 10px;
	padding: 20px;
}

#right_column form h1{
	margin-top: 0px;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
   	text-transform: uppercase;
}

#right_column form label{
	display: -moz-inline-box;
	display: inline-block;
	width: 100%;
	margin-bottom: 2px;
	font-size: 10px;
}

#right_column form a:link, #right_column form a:visited{
	font-weight: bold;
	color: #8d9699;
	font-size: 10px;
}
#right_column form input.text{
	border: 1px solid #c3cbce;
	font-size: 10px;
	padding: 3px 2px 2px 2px;
}

#right_column form input.gray_button{
	color: white;
	font-weight: bold;
	background: url(images/gray_button_gradient.gif) repeat-x top left;
	padding: 3px 2px 2px 2px;
	font-size: 10px;
	border: 0px;
	
}


/* CONTENT MODULE| Content unit */
/* Standard display module in the content area */
.content_module{
	padding-bottom: 29px;
	border-bottom: 1px solid #e4ecef;	
}

.content_module p{
	margin: 0px 0px 10px 0px;
}

.content_module img{
	padding: 1px;
	border: 1px solid #7a7e7f;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

.content_module ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #616b6e;
	float: left;
}

.content_module ul.first_one{
	padding-right: 21px; /* Use to separate two ul floated next to each other */
}

.content_module ul li{
	margin-bottom: 5px;
	padding-left: 12px;
	background: url(images/list_bullet.png) no-repeat left 60%;
}

/* Styles the ordered list used on the services page */
.content_module ol{
	border: 0px solid purple;/*DEBUG*/
	margin-left: 0px;
	padding-left: 22px;	
	margin-top: 0px;
}

.content_module ol li{
	margin-bottom: 5px;
}

.content_module ul a:link, .content_module ul a:visited{
	color: #616b6e;
	text-decoration: none;
}
.content_module ul a:hover, .content_module ul a:active{
	text-decoration: underline;
}

/* BOTTOM CONTENT MODULE */
/*Used as modifier for .content_module ... for content that appears at the bottom of the content box */
/* Removes the bottom border, gives some padding at the top */
.content_module_bottom{
	padding-top: 15px;
	padding-bottom: 29px;
	border-bottom: 0px solid red;
}


/* FEATURE CONTENT MODULE */
/*Used as modifier for .content_module ... for content that stretches across the content box */
/* Removes the bottom border, gives some padding at the top */
.content_module_feature{
	/*we use the same right- padding as in the recent news modifier class*/
	/* So border-bottom won't stretch across screen and it looks aligned*/
	margin-right: 30px; 
	margin-bottom: 5px;
	padding-bottom: 15px;
}

/* FULL PAGE SPREAD MODULE */
/*Used as modifier for .content_module ... for content that fills the entire page */
/* Removes the bottom border, gives some padding at the top */
.content_module_full{
	/*we use the same right- padding as in the recent news modifier class*/
	/* So border-bottom won't stretch across screen and it looks aligned*/
	margin-right: 30px; 
	margin-bottom: 25px;
	padding-bottom: 15px;
	border: 0px;
}

.content_module_full a:link, .content_module_full a:visited{
	color: #ff6a00;
	font-weight: bold;
}


/* TESTIMONIALS */
/*Used as modifier for .content_module  (right hand box on the Price List page)*/
.content_module_testimonials{
	padding: 10px;
	margin: 0px 10px;
	border: 1px solid #c3cbce;
	margin-bottom: 29px;
}

/* Used to organize and style the quotes */
.content_module_testimonials dl{
	margin: 0px;
}

.content_module_testimonials dl dd{
	text-align: right;
	color: #556063;
	margin-bottom: 15px;
}

/* Give contained level 0ne header a bold weight and bottom margin */
.content_module_testimonials h1{
	margin-top: 0px;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
   	text-transform: uppercase;
}


/* PRICE LIST */
/*Used as modifier for .content_module  (left hand box on the Price List page)*/
.content_module_pricelist{
	border: 0px solid #c3cbce;/*DEBUG*/
	margin-bottom: 29px;
}

.content_module_pricelist p{
	border-bottom: 1px solid #e4ecef;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

.content_module_pricelist p label{
	border: 0px solid red;/*DEBUG*/
	float: right;
	color: #faa569;
}


/* RECENT NEWS */
/*Used as modifier for .content_module */
.content_module_recent_news{
	padding: 14px 7px 29px;
	border-bottom: 0px solid red;
}
/* Give contained level 0ne header a bold weight and bottom margin */
.content_module_recent_news h1{
	margin-top: 0px;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
   	text-transform: uppercase;
}
/* Make secondary header tags orange */
.content_module_recent_news h2{
	margin: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #ff6a00;
	font-size: 10px;
}
/* Make links in the recent news section gray */
.content_module_recent_news a:link, .content_module_recent_news a:visited{
	color: #8D9699;
}

/* USEFUL LINKS */
/*Used as modifier for .content_module (Right hand useful links column)*/
.content_module_links{
	padding: 0px 30px 29px 20px;
	padding-bottom: 29px;
	border-bottom: 0px solid red;
	padding-top: 15px;
}
/* Give contained level 0ne header a bold weight and bottom margin */
.content_module_links h1{
	margin-top: 10px;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
   	text-transform: uppercase;
}
/* Make secondary header tags orange */
.content_module_links h2{
	margin: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color: #ff6a00;
	font-size: 10px;
}

.content_module_links h2 a:link, .content_module_links h2 a:visited{
	color: #ff6a00;
	text-decoration: none;
}
.content_module_links h2 a:hover, .content_module_links h2 a:active{
	text-decoration: underline;
}


/* CONTACT FORM */
#contact_form{
	border: 0px solid green; /*DEBUG*/
	padding-right: 100px;
	position: relative;
	width: 158px;
}

#contact_form input{
	border: 1px solid gray;
	margin-bottom: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #8D9699;
	padding-left: 3px;
	padding-bottom: 3px;
	width: 120px;
}

#contact_form textarea{
	border: 1px solid gray;
	margin-bottom: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #8D9699;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-left: 3px;
	overflow: auto;
	width: 120px;
	height: 95px;
}

#contact_form #form_buttons{
 	border: 0px solid green; /*DEBUG*/
	width: 123px;
	position: absolute;
	top: 105px;
	right: 0px;
}
#contact_form input.button{
	border: 0px solid green;
	color: #ff6a00;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	background: white url(images/read_more_bullet.gif) no-repeat left 40%;
	width: 50px;
	padding-left: 0px;
}

/*FOOTER*/
#footer{
	position: relative;
	padding: 20px;
	color: #51595c;
}

#footer ul{
	padding: 0px; 
	margin: 0px;
	list-style: none;
	font-weight: bold;
	margin-bottom: 5px;
	color: #99a2a5;
}

#footer ul a:link, #footer ul a:visited{
	color: #99a2a5;
	text-decoration: none;
}

#footer ul a:hover,  #footer ul a:active{
	color: #99a2a5;
	text-decoration: underline;
}

#footer li{
	display: inline;
	margin-right: 10px;
}

#footer p{
	font-size: 9px;
	margin: 0px;
}


/* This styles the "read more" links */
.read_more{
	color: #ff6a00;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	padding-left: 7px;
	background: url(images/read_more_bullet.gif) no-repeat left 70%;
}

a:link.read_more, a:visited.read_more, a:hover.read_more, a:active.read_more{
	color: #ff6a00;
}

/* Utility class used to expand boxes with floated content in mozilla and firefox */
.clearfix{
	clear: both;
}