.body {background-color:#4A4A4A; text-align:center;}


a img {border: none; } 
.outer_container { width:864px; height:auto; padding: 0px 12px 20px 12px; background: #4a4a4a url(i/main_bg.gif) repeat-y; margin: 0px auto; font-family: "Tahoma", "Lucida Grande",Verdana, Helvetica, Arial, sans-serif; font-size: 1px; text-align:left;}
.outer_container { /width:878px; w/idth: 864px; /padding: 0px 12px 20px 10px;}
.border_l 	{width:13px; height:100%; float:left; background-image: url(i/border_l.gif); background-repeat: repeat-y;}
.border_r 	{width:13px; height:100%; float:right;  background-image: url(i/border_r.gif); background-repeat: repeat-y;}


/******* COMPANY PAGE *******/
.company_outer_container { width:890px; height:100%; background-color:#242424; font-family: "Tahoma", "Lucida Grande",Verdana, Helvetica, Arial, sans-serif; font-size: 1px; text-align:left;}
.company_block6	{width:332px; height:1250px; vertical-align:top; float:left; margin: 1px 1px 1px 2px; background-color:#1b5465; }
.company_block7	{width:526px; height:1250px; vertical-align:top; float:left; margin: 1px 1px 1px 1px; background-color:#FFFFFF; }
.employee_pics_image{border:1px solid white; float:left;}
.employee_pics 		{width:120px; height:100px; margin:15px; text-align:center; float:left;}
.block6_blurb		{width:300px; height:77px; padding-top:10px;}

/******* CONTACT PAGE *******/
.contact_outer_container { width:890px; height:100%; background-color:#242424; font-family: "Tahoma", "Lucida Grande",Verdana, Helvetica, Arial, sans-serif; font-size: 1px; text-align:left;}
.contact_textblock_white	{font-size: 12px; padding:15px; text-align:left; color:#FFFFFF;}
.contact_textblock_white A:link 	{color:#C59E4E; text-decoration:underline;}
.contact_textblock_white A:active 	{color:#C59E4E; text-decoration:underline;}
.contact_textblock_white A:visited 	{color:#C59E4E; text-decoration:underline;}
.contact_textblock_white A:hover 	{color:#905221; text-decoration:underline;}

/******* PRODUCT PAGE *******/
.product_outer_container{ width:890px; height:100%; background-color:#242424; font-family: "Tahoma", "Lucida Grande",Verdana, Helvetica, Arial, sans-serif; font-size: 1px; text-align:left;}
.bordered_image_black	{border:2px solid black; float:left; font-size:1px;}
.products_image_block	{width:220px; margin:20px; float:left; text-align:center; font-size:20px;}	
.products_image_block2	{width:180px; margin:6px; float:left; text-align:left; font-size:12px;}	

/******* COST PAGE *******/
.cost_outer_container { width:890px; height:100%; background-color:#242424; font-family: "Tahoma", "Lucida Grande",Verdana, Helvetica, Arial, sans-serif; font-size: 1px; text-align:left;}
.form_category	{padding: 5px 0px 5px 0px; text-align:left; font-weight:bold; font-size:18px; color:#905221;}
.form1	{padding:5px 0px 0px 10px;}
.form2	{padding:10px;}
.form_block{width:410px; float:left; padding: 0px; 0px; 15px; 15px;}

/******* GALLERY PAGE *******/
.gallery_outer_container { width:890px; height:100%; background-color:#242424; font-family: "Tahoma", "Lucida Grande",Verdana, Helvetica, Arial, sans-serif; font-size: 1px; text-align:left;}
.gallery_block6		{width:860px; vertical-align:top; float:left; margin: 1px 2px 2px 2px; background-color:#FFFFFF; }
.gallery_header		{width:790px; height:30px; padding:5px; float:left; margin:7px; background-color:#1b5465; color:#FFFFFF; font-size:12px;}
.gallery_image_container 	{float:left; margin: 10px 25px 10px 40px; color:#1b5465; padding-bottom:25px; font-size:10px;}
.gallery_image_container_vert	{float:left; margin: 10px 20px 10px 29px; color:#1b5465; padding-bottom:25px;}
.gallery_image_container2 	{float:left; margin: 40px 10px 35px 10px; color:#1b5465; padding-bottom:10px;}
.gallery_image_container_vert2 	{float:left; margin: 20px 10px 15px 10px; color:#1b5465; padding-bottom:25px;}
.gallery_image				{border:1px solid #1b5465; font-size:10px;}
.gallery_image	A:link  	{opacity: 0.9;}
.gallery_image	A:active  	{opacity: 0.9;}
.gallery_image	A:visited  	{opacity: 0.9;}
.gallery_image	A:hover 	{opacity: 1.0;}
.gallery_folders	{padding:0px 0px 25px 50px; float:left; vertical-align:50%;}
.click				{clear:both; padding-left:5px; font-size:10px;}

.block1 		{width:332px; height:155px; vertical-align:top; float:left; margin: 2px 1px 1px 2px; background-color:#000000; }
.block2 		{width:217px; height:155px; vertical-align:top; float:left; margin: 2px 0px 1px 1px; background-color:#000000; }
.block3 		{width:307px; height:155px; vertical-align:top; float:left; margin: 2px 1px 1px 0px; background-color:#000000; }

.block4 		{width:332px; height:270px; vertical-align:top; float:left; margin: 1px 1px 1px 2px; background-color:#905221; }

.breadcrumb_block	{width:332px; height:41px; vertical-align:top; float:left; margin: 1px 1px 1px 2px; background-color:#905221;}
.breadcrumb			{padding:8px 8px 8px 15px; font-weight:bold; font-size:18px; color:#CFAC63; text-align:left;}

.block5 		{width:526px; height:270px; vertical-align:top; float:left; margin: 1px 2px 1px 1px; background-color:#242424; }
.block5_1 		{width:100%; height:41px;  vertical-align:top; float:left; margin: 0px 0px 1px 0px; background-color:#383839; font-size:1px; text-align:center;}
.block5_1_pg2 	{width:526px; height:41px;  vertical-align:top; float:left; margin: 1px 2px 1px 1px; background-color:#383839; font-size:1px; text-align:center;}
.block5_2 		{width:262px; height:227px; vertical-align:top; float:left; margin: 1px 1px 0px 0px; background-color:#383839; }
.block5_3 		{width:262px; height:227px; vertical-align:top; float:left; margin: 1px 0px 0px 1px; background-color:#FFFFFF; }

.block6 		{width:332px; height:450px; vertical-align:top; float:left; margin: 1px 1px 1px 2px; background-color:#1b5465; }
.block6_pg2		{width:332px; height:auto; vertical-align:top; float:left; margin: 1px 1px 1px 2px; background-color:#1b5465; }
.block6_pg3		{width:860px; vertical-align:top; float:left; margin: 1px 2px 2px 2px; background-color:#FFFFFF; }

.block7 		{width:262px; height:450px; vertical-align:top; float:left; margin: 1px 1px 1px 1px; background-color:#FFFFFF; }
.block7_pg2		{width:526px; height:auto; vertical-align:top; float:left; margin: 1px 1px 0px 1px; background-color:#FFFFFF; }

.block8 		{width:262px; height:450px; vertical-align:top; float:left; margin: 1px 2px 1px 1px; background-color:#FFFFFF; }

.map			{width:262px; height:183px; background: url(i/map.gif) no-repeat center center;}

.textblock_white	{font-size: 12px; padding:15px; text-align:left; color:#FFFFFF;}
.textblock_black	{font-size: 12px; padding:15px; text-align:left; float:left;}

.text_copper		{color:905221; line-height:20px;}

.bordered_image   {border: 1px solid white; float:left; margin-right:10px;}


.bordered_image2	{border:2px solid black; float:left; margin:35px 5px 7px 5px; font-size:1px;}


.big_text			{font-size: 18px; font-weight:bold;}
.header				{font-size: 23px; font-weight:bold; color:#1b5465;}
.subheader			{font-size: 18px; color:606060; }
.copyright			{font-size: 10px; width:100%; text-align:center; color:#999999;}

.footer_nav	{font-size: 10px; width:100%; text-align:center; color:#999999; }
.footer_nav A:link	{color:#999999;}
.footer_nav A:active{color:#999999;}
.footer_nav A:visited{color:#999999;}
.footer_nav A:hover{color:#C59E4E;}

.boxy {padding:5px; background-color:#FFFFFF}

A:link 		{color:#905221; text-decoration:underline;}
A:active 	{color:#905221; text-decoration:underline;}
A:visited 	{color:#C59E4E; text-decoration:underline;}
A:hover 	{color:#1b5465; text-decoration:underline;}



// widths are 335, 219, 310

/****** COPPIED FROM GALLERY CSS*******/
/*
A {
  color: #2e408d;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

A:visited {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}



IMG { vertical-align: middle; }
IMG.img-picture { border: 1px solid #333333; }
IMG.img-folder { border: 0px; }
IMG.img-galicon { border: 1px solid #555555; }
IMG.img-thumbnail { border: 1px solid #333333; }
IMG.img-thumbnail-selected { border: 1px solid #8ca0bf; }
IMG.img-picture-prev { border: 0px; }
IMG.img-picture-next { border: 0px; }
IMG.img-thmbnavi-prev { border: 0px; }
IMG.img-thmbnavi-next { border: 0px; }
IMG.img-new { border: 0px; }


TABLE.table-wrapper {
  background-color: #FFFFFF;
  width: 685px;
  padding: 10px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}




TD.td-thumbnails-thumb {
  padding: 5px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #555555;
  font-size:    8pt;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: center;
}

TD.td-thumbnails-thumb-selected {
  padding: 5px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #333333;
  font-size:    8pt;
  font-weight:  bold;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: center;
}

DIV.div-thumbnails-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #000000;
  font-size:    8pt;
  font-weight:  normal;
  background-color: transparent;
}



TABLE.table-main-title {}

TD.td-main-title {
  font-family:  arial, verdana, helvetica, sans-serif;
  color:   #000000;
  font-size:    12pt;
  font-weight:  bold;
  background-color: transparent;
}

TD.td-main-title-spgm-link {
  color:#cccccc;
  font-size:8pt;
  font-family: arial, verdana, helvetica, sans-serif;
  text-align: center;
  background-color: transparent;
}

A.a-spgm-link {
  color: #b7cce0;
  font-size:8pt;
  font-family: arial, verdana, helvetica, sans-serif;
  background-color: transparent;
}





TABLE.table-gallisting-grid {
}

TD.td-gallisting-cell {
}




TABLE.table-galitem {
  width: 100%;
}

TD.td-galitem-icon {
  padding-right: 10px;
}

TD.td-galitem-title {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    9pt;
  width:        100%;
  text-align: left;
  font-weight: bold;
  color: #999999;
}

TD.td-galitem-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  text-align: left;
}




TABLE.table-picture {
  width: 100%;
  text-align: center;
}

TD.td-picture-navi {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  color:        #000000;
  text-align: center;
  background-color: transparent;
}

TD.td-zoom-factors {
  padding: 3pt;
  text-align: center;
}

INPUT.button-zoom-factors {
  border: 1px solid #777777; 
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    9pt;
  font-weight: bold;
  color:        #777777;
  background-color: #dddddd;
  text-align: center;
}

TD.td-picture-pic {}

TD.td-picture-filename {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  font-weight: bold;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}

TD.td-picture-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}




TABLE.table-thumbnails {
  margin-left: auto;
  margin-right: auto;
}

TD.td-thumbnails-navi {
  color: #000000;
  border-top: 2px solid #444444;
  font-family:	verdana, helvetica, arial, sans-serif;
  font-size:	10pt;
  font-weight:	bold;
  text-align: right;
  padding: 8px;
}

SPAN.span-filters {
  font-size:    8pt;
  font-weight: normal;
}


DIV.div-galheader {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  color: #000000;
  margin-bottom: 20px;
  padding: 1px;
  width: 100%;
  text-align: left;
}

TABLE.table-shadows {
  border-collapse: collapse;
  margin: auto;
  padding: 0px;
}

TD.td-shadows-right {
  background-image: url(shadow_right.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 20px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-bottom {
  background-image: url(shadow_bottom.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 5px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-bottomright {
  background-image: url(shadow_bottomright.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 20px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-main {
  margin: 0px;
  padding: 0px;
}
*/








/* -------------------------------------------------------------------------------------------
Added by Iris Chamberlain
August 4th, 2009
with permission by John Scrofano
------------------------------------------------------------------------------------------- */

/* Global Useful Classes
------------------------------------------------------------------------------------------- */
/* clearfix for IE6 */
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; clear: both; }
/* End hide from IE-mac */

.clear { clear: both; }

/* Accessible image replacement */
h1.imageReplace { width: 1em; height: 1em; background: url("") no-repeat; } 
/* add a new class with width, height and background specifications */
h1.imageReplace span { display: block; font-size: 1px; height: 0; overflow: hidden; width: 0; }

.columnContainer { }
	
.twoCol { 
display: inline-block; 
float: left; 
margin-right: 4%; 
width: 48%; 
}

.lastCol { 
margin-right: 0; 
}

/* Global Table Styles
------------------------------------------------------------------------------------------- */
label {
cursor: pointer;
}

input.text,
input[type="text"],
input[type="password"], 
input[type="file"] {
border: 1px solid #BFB3B3;
color: #4A4A4A;
}

select {
border: 1px solid #BFB3B3;
}

select option {
color: #4A4A4A;
}

textarea {
border: 1px solid #BFB3B3;
color: #4A4A4A;
}

input.submit,
input[type="submit"], 
input[type="button"] {
color: #4A4A4A;
cursor: pointer;
}

/* Text Styles
These are styles that SHOULD be global, 
but in case the website is using h1 - h6,
I made them specific to the page I recoded. 
Using headers is a GREAT idea for SEO.
------------------------------------------------------------------------------------------- */
#cost_page h1 { /* Grey */ color: #31454E; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; }
#cost_page h2 { /* Orange */ color: #905221; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#cost_page h3 { /* Grey */ color: #31454E; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
#cost_page h4 { /* Orange */ color: #905221; font-size: 14px; font-weight: bold; margin-bottom: 5px; }
#cost_page h5 { /* Grey */ color: #31454E; font-size: 12px; font-weight: bold; margin-bottom: 5px; }
#cost_page h6 { /* Orange */ color: #905221; font-size: 10px; font-weight: bold; margin-bottom: 5px; }

/* Tag Styles
------------------------------------------------------------------------------------------- */
hr {
border: 0;
width: 100%;
color: #DDD;
clear: both;
background-color: #DDD;
height: 1px;
margin: 20px 0;
}

/* Cost Page
------------------------------------------------------------------------------------------- */
#cost_page h1#cost_header {
background-image: url("i/header_estimate.gif");
height: 17px;
width: 610px;
}

/* These styles would work GREAT as global styles, 
but some of the layout might have to be tweaked
in the rest of the site to make sure these styles
don't break it. For now, I've made them page-specific. 
*/

#cost_page label {
display: block;
float: left;
margin-right: 8px;
padding: 6px 0;
width: 100px;
}

#cost_page input.text,
#cost_page input[type="text"],
#cost_page input[type="password"], 
#cost_page input[type="file"] { 
float: left;
margin: 0 8px 8px 0;
padding: 4px;
width: 268px;
}

#cost_page select { 
float: left;
margin: 0 8px 8px 0;
padding: 4px;
}

#cost_page textarea { 
height: 100px;
margin: 0 8px 8px 0;
padding: 4px;
width: 376px;
}

#cost_page input.submit,
#cost_page input[type="submit"], 
#cost_page input[type="button"] {
margin: 0 8px 8px 0;
padding: 4px;
}

#cost_page input.checkbox,
#cost_page input[type="checkbox"] {
float: left;
margin: 8px 8px 8px 0;
}

#cost_page label.long_label {
width: 292px;
}

#cost_page input.short_input {
width: 76px;
}

#cost_page ul {
font-size: 14px;
margin-left: 0;
padding-left: 30;
}

#cost_page ul li {
margin-bottom: 4px;
padding-left: 0;
}