@charset "UTF-8";
/* CSS Document */

/* Global Font Size, Color, Font-Family Settings in Body */
body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #444443;
	background-image: url(images/backgroundTile.gif);
	background-repeat: repeat;
	}
	
/* Global Link Colors */
a:link
{
	text-decoration: underline;
	color: #35666F;
	font-weight:bold;
	}
	
a:hover
{
	text-decoration: none;
	color: #35666F;
	font-weight:bold;
	}
	
a:visited
{
	text-decoration: none;
	color: #35666F;
	font-weight:bold;
}
	
/* Site Container that holds everything*/
#ContainerINDEX
{
	width: 990px;
	margin: 0px auto 0px auto;
	background-image: url(images/background_INDEX_Tile.gif);
	background-repeat: repeat-y;
	
}

/* Site Container that holds everything*/
#ContainerINDEX02
{
	width: 990px;
	margin: 0px auto 0px auto;
	background-image: url(images/tile_index.gif);
	background-repeat: repeat-y;
	
}

/* Site Container that holds everything*/
#ContainerFLASH
{
	width: 990px;
	margin: 0px auto 0px auto;
	background-image: url(images/background_INDEX_Tile.gif);
	background-repeat: repeat-y;
	
}


/* Site Container that holds everything*/
#ContainerINSIDE
{
	width: 990px;
	margin: 0px auto 0px auto;
	border-right: 1px solid #382922;
	background-image: url(images/background_INSIDE_Tile.gif);
	background-repeat: repeat-y;
	
}

/* class that holds any content that equals the width of the branding*/
#LContainer
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 757px;
}

/* Container that holds all the content on the Left side */
#LcolumnContainer
{
	margin: 0px;
	float: left;
	width: 370px;
	padding: 0px 20px 20px 60px;
}

/* div that holds the Lcolumn pics on the Left side */
.LcolumnImage
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 130px;
}

/* div that holds the Lcolumn Content right next to the Lcolumnimage that holds the images */
.LcolumnContent
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 240px;
	line-height: 16px;
}

.LcolumnContent a:link
{
	text-decoration: underline;
	color: #35666F;
	font-weight:bold;
	}
	
.LcolumnContent a:hover
{
	text-decoration: none;
	color: #35666F;
	font-weight:bold;
	}
	
.LcolumnContent a:visited
{
	text-decoration: underline;
	color: #35666F;
	font-weight:bold;
}


/* Container that holds all the specialty items on the Right side */
#RcolumnContainer
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 233px;
	background-color: #382922;
}

/* Container that holds the Flash */
#flash
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 233px;
	background-color: transparent;
}

/* Container that holds the Chat Feature */
#Chat
{
	margin: 0px;
	float: left;
	width: 217px;
	background-color: #403A31;
	background-image: url(images/specialties_chatPros.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 135px 8px 0px 8px;
	border-bottom: 2px solid #FFFFFF;
	
}

/*  div that holdsthe logo and large header graphics */
#Branding
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 757px;
	}
	
/*  div that holds the navigation */
#Navigation
{
	margin: 0px; 
	padding: 0px;	
	float: left;
	width: 757px;
	height: 100%;
	
}
	
/* class that holds any content that equals the width of the LcolumnContainer*/
#Banner
{
	margin: 0px;
	width: 687px;
	padding: 0px 30px 15px 40px;
	background-image: url(images/banner_bkgTile.gif);
	background-repeat: repeat-y;	
}

/* class that holds all the LColumnContent (image and content) on INDEX page that can be reused. This one is used on the first row only becuase it has a different top padding.*/
.LCBanner1R
{
	width: 370px;
	padding-top: 10px;
	}
	
/* class that holds all the LColumnContent (image and content) on INDEX page that can be reused. This one is used on all rows below the 1st row since it has a different top padding. */
.LCBanner2R
{
	width: 370px;
	padding-top: 28px;
	}

#Banner a:link
{
	text-decoration: underline;
	color: #35666F;
	font-weight:bold;
	}
	
#Banner a:hover
{
	text-decoration: none;
	color: #35666F;
	font-weight:bold;
	}
	
#Banner a:visited
{
	text-decoration: underline;
	color: #35666F;
	font-weight:bold;
}


/* Container that holds the scroll for portfolio pieces*/
.beforeAFTER
{
	padding: 0px;
	float: left;
	width: 687px;
	margin: 0px 30px 10px 30px;
	height: 380px;
}

.beforeAFTER a:link
{
	text-decoration: underline;
	color: #35666F;
	font-weight:bold;
	}
	
.beforeAFTER a:hover
{
	text-decoration: none;
	color: #35666F;
	font-weight:bold;
	}
	
.beforeAFTER a:visited
{
	text-decoration: underline;
	color: #35666F;
	font-weight:bold;
}

/* div that holds all the Current Projects on the Right side Left of the Specialties */
#CurrentProjectContainer
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 307px;
}

#CurrentProjectContent
{
	margin: 0px;
	width: 245px;
	padding: 0px 20px 0px 30px;
	color: #574b3f;
	line-height: 16px;
}

#CurrentProjectContent a
{
	color: #382922;
	text-decoration: underline;
	}

#CurrentProjectContent a:link
{
	color: #382922;
	text-decoration: underline;
	}
	
#CurrentProjectContent a:hover
{
	text-decoration: none;
	color: #382922;
	}

#CurrentProjectContent a:visited
{
	color: #382922;
	text-decoration: underline;
	}
	
#testimonials
{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	width: 255px;
	padding: 0px 0px 0px 40px;
	font-weight: bold;
	font-size: 11px;
	color: #382922;
	line-height: 15px;
}

#testimonials a
{
	color: #382922;
	text-decoration: underline;
	}

#testimonials a:link
{
	color: #382922;
	text-decoration: underline;
	}
	
#testimonials a:hover
{
	text-decoration: none;
	color: #382922;
	}

#testimonials a:visited
{
	color: #382922;
	text-decoration: underline;
	}

#popUp
{
	width: 400px;
	margin: 15px;
	border: double #382922;
	padding: 20px;
	background-color: #f6f6f5;
	}

/* A reusable class that is full width of large image on detailed pages */
.largeItemVertical
{
	float: left;
	width: 300px;
	padding: 40px 0 0 0;
	margin-bottom: 20px;
	}
	
/* A reusable class that is full width of large image on detailed pages */
.largeItemHorizontal
{
	width: 450px;
	padding: 40px 0 0 0;
	margin-bottom: 20px;
	}

/* A reusable class-- info for HORIZ detailed Image Pages */
.largeProductinfoHR
{
	width: 650px; 
	padding: 10px;
	border: none;
	}
	
/* A reusable class-- info for VERT detailed Image Pages */
.largeProductinfoVR
{
	float: left;
	width: 345px;
	padding: 42px 0 0 30px;
	}


.CurrentProjectUL
{ 
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-image: url(images/arrow.gif);
	}
	
.BulletedListUL
{ 
	padding-left: 30px;
	margin-left: 30px;
	list-style-image: url(images/arrow.gif);
	}
	
ul.horiz li {
	display:inline;
	list-style-image: url(images/arrow.gif);

}

hr {margin: 10px 0px; border: dotted 1px solid #382922; height: 1px; width: 90%; }


ul {
	list-style-type: square;
}	

ol {
	list-style-type: lower-roman;
	font-size: 12px;
	color: #382922;
	font-weight: bold;
}
	

.text01
{	
	font-size: 16px;
	color: #382922;
	font-weight: bold;
}

.text02
{	
	font-size: 14px;
	color: #382922;
	font-weight: bold;
}

.text03
{
	font-size: 12px;
	color: #737373;
}

.text04
{	
	font-size: 14px;
	color: #382922;
}

.text05
{	
	font-size: 12px;
	color: #382922;
	font-style: italic;
}

.text06
{	
	font-size: 14px;
	color: #9C1D26;
	font-weight: bold;
}

.text07
{	
	font-size: 11px;
	color: #382922;
}

.text08
{	
	font-size: 12px;
	color: #737373;
}

.text09
{	
	font-size: 12px;
	color: #9C1D26;
	font-weight: bold;
}
.text10
{	
	font-size: 12px;
	color: #382922;
	font-style: normal;
	font-weight: bold;
}

.text11
{	
	
	font-size: 11px;
	color: #35666F;
	font-style: normal;
}

.text12
{	
	
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #35666F;
	font-style: normal;
	line-height: 12px;
}


/* Tabular style for Schedule and Rates */

td, th {
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #382922;
}

.datatable {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

.datatable td {
	border: none;
	padding: 7px;
}

.datatable th {
	border: 1px solid #382922;
	color: #9C1D26;
	font-weight: bold;
	text-align: left;
	padding: 7px;
}

.datatable caption {
	font: 15px bold Arial, Helvetica, sans-serif;
	color: #9C1D26;
	text-align: left;
	padding: 3px 0 8px 0;
}

.datatable tr.altrow {
	background-color: #F6F5ED;
	color: #A59678;
}

.datatable tr:hover {
	background-color: #382922;
	color: #F6F5ED;
}

.datatable a:link
{
	color: #35666F;
	font-weight: bold;
	text-decoration: underline;
	}

/* Tabular rollovers Script for IE6 */
.datatable tr:hover, .datatable tr.hilite {
	background-color: #382922;
	color: #F6F5ED;
}

/* Style of Forms */
input.txt {
	color: #311905;
	background-color: #F6E7D2;
	border: 1px outset #6b421a;
}

input.btn {
	color: #6b421a;
	background-color: #E2C8A5;
	border: 1px outset #311905;
}

form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
} 

form p label {
	float: left;
	width: 30%;
	font: bold 11px Arial, Helvetica, sans-serif;
}

fieldset {
	
	border: 1px solid #6b421a;
	background-color: #F6E7D2;
	color: #6b421a;
	margin-top: 16px;
	padding: 10px 5px 30px 5px;
}

legend {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #6b421a;
}	

/* A class that clears both, and has nothing in it. If you stick it directly under floating divs, but inside of the container div, it will recognize the floats, plus the container will recognize the fixer, allowing the container div to expand vertically correctly. */
.fixer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	
.imageNowrap 
{
white-space:nowrap;
display: block;
float:left;
}

hr {
	border: none;
	background-color:#CCCCCC;
	color: #CCCCCC;
	height: 1px;
	width: 95%;
}
	

.indent {
	padding-left: 30px;
}

/* Email Styles */
#ContainerEMAIL
{
	margin: 0px auto 0px auto;
	width: 757px;
	background-image: url(images/EmailBackground_Tile.gif);
	background-repeat: repeat-y;
}

/* Banner that holds the email header */
.branding
{
	width: 757px;
	}

/* Left Column Container */
#contentContainerEMAIL
{
	float: left;
	width: 677px;
	padding: 10px 35px 0px 45px;
	}
	


/* Footer Div properties */
#footerEMAIL
{
	margin: 0px auto 0px auto;
	width: 757px;
	height: 30px;
	text-align: center;
	color: #F6F5ED;
	font-size: 10px;
	background-image: url(images/email_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 30px;
	}


/* Footer Div properties for INDEX */
#footerINDEX
{
	clear: both;
	text-align: center;
	color: #F6F5ED;
	font-size: 10px;
	background-image: url(images/footer_BkgTile_INDEX.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
	}

#footerINDEX a
{
	color: #FFFFFF;
	text-decoration: underline;
	}

#footerINDEX a:link
{
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#footerINDEX a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	}
	
/* Footer Div properties for INSIDE */
#footerINSIDE
{
	clear: both;
	text-align: left;
	color: #F6F5ED;
	font-size: 10px;
	background-image: url(images/footer_BkgTile_INSIDE.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	padding-left: 60px;
	}

#footerINSIDE a
{
	color: #FFFFFF;
	text-decoration: underline;
	}

#footerINSIDE a:link
{
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#footerINSIDE a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	}