/* CSS Document */

/* anchor properties */
a {
	color: #336699;
	text-decoration: none;

}
a:hover {
	color: #FF0000;
	font-weight:normal;
	text-decoration: underline;
    	
}

/* special to keep logos from adding a border on mouseover */

.logo a:hover{
	font-weight:normal;
    border-color: #000000;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-style: none;
	}

/* affiliate background is located in the affiliate template stylesheet */
body  {
	background: #002850 url(http://www.attitudecustompainting.com/images/page_backgrounds/drop_shadow.gif)  repeat-y top center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	padding-top: 10;
}


 .maintable {
	width: 950px;
	border: 0px solid #000000;
	padding: 0px;
	margin: auto;
	background-color: #ECECEC;
}	
	
/* controls most of the text in the samples section */

td,th {
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
}

/* main menu full width main color */
.menu_full_left {
	background-color: #000000;
	background-image: url(../images/menu_graphics/blue_black/black_menu_l.gif);
}
.menu_full_right {
	background-color: #000000;
	background-image: url(../images/menu_graphics/blue_black/black_menu_r.gif);
}
.menu_full_middle {
	background-color: #000000;
	background-image: url(../images/menu_graphics/blue_black/middle.gif);
}
/* secondary main menu color */
.menu_full_left_secondary {
	background-color: #000000;
	background-image: url(../images/menu_graphics/gray_black/gray_black_left_menu.gif);
}
.menu_full_right_secondary {
	background-color: #000000;
	background-image: url(../images/menu_graphics/gray_black/gray_black_right_menu.gif);
}

/* main menu TOP corners */
 .menu_corner_left {
	background-color: #000000;
	background-image: url(../images/menu_graphics/blue_black/black_corner_left.gif);
}
 .menu_corner_right {
	background-color: #000000;
	background-image: url(../images/menu_graphics/blue_black/black_corner_right.gif);
}

/* bottom corners GRAY */
.corner_bottom_left {
	font-family: Comic Sans, Arial, Helvetica, sans-serif;
	background-color: #ECECEC;
	background-image: url(../images/menu_graphics/gray_black_table_corners/black_corner_bottom_left.gif);
}
.corner_bottom_right {
	background-color: #ECECEC;
	background-image: url(../images/menu_graphics/gray_black_table_corners/black_corner_bottom_right.gif);

}
/* top corners GRAY used for normal table corners */
.corner_top_left  {
	font-family: Comic Sans, Arial, Helvetica, sans-serif;
	background-color: #ECECEC;
	background-image: url(../images/menu_graphics/gray_black_table_corners/black_corner_top_left.gif);
}
.corner_top_right {
	background-color: #ECECEC;
	background-image: url(../images/menu_graphics/gray_black_table_corners/black_corner_top_right.gif);
}

/* end all menu corners */

 .footer_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #81A0C0;
}

 .copyright {
	font-family: Times Roman, sans-serif, Arial, Helvetica;
	font-size: 10px;
	color: #666666;
	text-align: center;
	vertical-align: top;

}


/* any links that need to be ochra */
 .yellow_letters {
	font-family: Arial, Helvetica, sans-serif;
	color: #F8CB4D;
}

 .header_divider {
	background:#000000 url(../images/front_page/header_divider.gif);

}

 .menu_bak {
	background-color: #000000;
	background-image: url(../menu/main_files/menu_bak.gif);
	height: 24px;

}



 .menu_heading_big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFCC33;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin: 2px;
	padding: 2px;
	letter-spacing: 2px;
	}

/* lettering that is in the gray menu heading */
 .menu_heading_gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	font-weight: bold;
	text-align: center;

}

.search_field {
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	width: 140px;
	background-color: #FFFFFF;
	background-image: url(../images/icons/mag_glass.gif);
	text-indent: 20px;
	padding: 5px 0px 0px 0px;
	background-repeat: no-repeat;

}



.search_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336699;
	font-weight: bold;
	height: 30px;
	width: 155px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding: 5px 5px 5px 5px;

}



	/* ALL THE BELOW ARE EXTRA ADD-ONS FOR THE TEMPLATE PAGES */
	
	
	/* TESTIMONIAL PAGES */
	
.template_title_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFCC46;
	background-color: #000000;
	font-weight: bold;
	background-image: url(../images/menu_graphics/html_pages_title_back/html_menu_bak.gif);
}

.template_title_heading_left_end {
	background-image: url(../images/menu_graphics/html_pages_title_back/l_end.gif);
	background-color: #000000;
}
.template_title_heading_right_end {
	background-image: url(../images/menu_graphics/html_pages_title_back/r_end.gif);
	background-color: #000000;
}

.template_main_html_pages {
	background-image: url(../images/menu_graphics/html_pages_title_back/table_bak2.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	background-color: #ECECEC;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 45px;
}

.template_red_lettering {
	color: #FF0000;
	font-weight:bold;
}

.table_bak {
	background-image: url(../images/menu_graphics/table_bak.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	background-color: #ECECEC;
	padding: 10px;
	margin: 10px;
	
}




/* BEGIN LIGHT BOX============================================================================================== */


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
	


#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.customflamepainting.com/java/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.customflamepainting.com/java/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.customflamepainting.com/java/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


/* Changes by Scott */

.bodytable {
	width: 950px;
	border: 0px solid #000000;
	border-collapse:collapse;
	padding: 0px;
	margin: auto;
	background-color: #FFFFFF;
	
}

/* 3 column main table */
.maintable {
	width: 100%;
	border: 0px solid #AAAAAA;
	border-collapse: collapse;
	padding: 5px;
	margin: 5px;
	margin-left: 0px;
}

/*columns in main table */
.leftcolumn {
	width: 150px;
	padding:4px;
}


[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif][if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]