/* Colors
red #7c2a21
*/

body
{
background:#762921 url(images/body_bg.jpg) top no-repeat;
font-family:verdana, arial, sans-serif;
font-size:12px;
line-height:16px;
margin:0 auto;
}

#container
{
width:1076px;
/*min-height:700px;*/
background:url(images/container_bg.jpg) 61px 0 repeat-y ;
margin:0 auto;
padding:0;
border:0;
overflow:hidden; /* for FF */
}

#flashlight_header
{
display:inline;
margin:0;
padding:0;
border:0;
z-index:1;
}

#header
{
width:954px;
height:224px;
background:url(images/header_bg.jpg) no-repeat;
margin:0 auto;
padding:0 61px;
border:0;
}

#left_column
{
float:left;
width:200px;
margin-left:100px;
margin-right:20px;
padding-top:125px;
}

* html #left_column /* for IE6 */
{
margin-left:50px;
}

#right_column
{
float:left;
width:550px;
margin-left:30px;
}

#main_content
{
width:956px;
min-height:676px;
background:url(images/content_bg.gif) no-repeat top left;
margin-left:1px;
padding-right:125px;
border:0;
}

#main_content img
{
border:0;
}

#main_content_full
{
margin:100px 100px 0 100px;
}

td.two_column_td
{
padding-left:40px;
vertical-align:top;
}

#footer
{
width:600px;
height:20px;
padding:10px 0;
margin:0 auto;
color:#000;
clear:both;
text-align:center;
}

/* Header Styles */

h1
{
color:#7c2a21;
font-size:21px;
line-height:21px;
font-family:times, serif;
margin-top:0;
}

a 
{
color: #7c2a21;
}

img 
{
border:0;
}

/* Projects Page Styles */

dl.gallery
{
border: 1px solid #000;
background-color: #ddd;
width: 150px;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
}

.gallery dt { font-weight: bold; }

.gallery dt img
{
border: 1px solid #000;
width: 150px;
height: 113px;
}

.gallery dd
{
margin: 0;
padding: 0;
}

/***** Find a Contractor *****/

table.directory_table
{
padding:0;
margin:0;
border:0;
}

td.contractor_company
{
width:175px;
vertical-align:top;
padding:10px 5px;
border-bottom:1px dashed #000;
}

/*td.contractor_company span, td.contractor_phone span, td.contractor_email span, td.contractor_residential span, td.contractor_commercial span, td.contractor_systems span, td.contractor_signs span
{
font-weight:bold;
}*/

td.contractor_phone
{
width:85px;
vertical-align:top;
padding:10px 5px;
border-bottom:1px dashed #000;
}

td.contractor_email
{
width: 150px;
vertical-align:top;
padding:10px 5px;
border-bottom:1px dashed #000;
overflow:hidden;
}

td.contractor_residential
{
width:25px;
vertical-align:top;
padding:10px 3px;
border-bottom:1px dashed #000;
text-align:center;
}

td.contractor_commercial
{
width:25px;
vertical-align:top;
padding:10px 3px;
border-bottom:1px dashed #000;
text-align:center;
}

td.contractor_systems
{
width:25px;
vertical-align:top;
padding:10px 3px;
border-bottom:1px dashed #000;
text-align:center;
}

td.contractor_signs
{
width:25px;
vertical-align:top;
padding:10px 3px;
border-bottom:1px dashed #000;
text-align:center;
}

/* Popup Balloons for Find a Contractor */

a.tt{
    position:relative;
    z-index:24;
    color:#7c2a21;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #7c2a21;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-15px; 
    left:100px;
	padding: 0;
	width:500px;
	color: #000;
	font-weight:lighter;
    text-align: left;
	filter: alpha(opacity:75);
	KHTMLOpacity: 0.75;
	MozOpacity: 0.75;
	opacity: 0.75;
}
a.tt:hover span.tooltip2{
    display:block;
    position:absolute;
    top:-150px; 
    left:100px;
	padding: 0;
	width:500px;
	color: #000;
	font-weight:lighter;
    text-align: left;
	filter: alpha(opacity:75);
	KHTMLOpacity: 0.75;
	MozOpacity: 0.75;
	opacity: 0.75;
}
a.tt:hover span.tooltip3{
    display:block;
    position:absolute;
    top:-270px; 
    left:100px;
	padding: 0;
	width:500px;
	color: #000;
	font-weight:lighter;
    text-align: left;
	filter: alpha(opacity:75);
	KHTMLOpacity: 0.75;
	MozOpacity: 0.75;
	opacity: 0.75;
}
a.tt:hover span.tooltip4 {
    display:block;
    position:absolute;
    top:-570px; 
    left:100px;
	padding: 0;
	width:500px;
	color: #000;
	font-weight:lighter;
    text-align: left;
	filter: alpha(opacity:75);
	KHTMLOpacity: 0.75;
	MozOpacity: 0.75;
	opacity: 0.75;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding:10px 20px;
	background: #fff; 
	border:#7c2a21 solid 1px;
}

/***** Image Gallery Styles *****/

.childscontainer
{
width:100%;
}

.childscontainer ul.thumbs li
{
display:inline;
float:left;
width:auto;
padding:10px;
vertical-align:top;
}

/***** Featured Project Page *****/
#featured_left_column
{
float:left;
width:300px;
margin-left:100px;
margin-right:20px;
padding-top:100px;
padding-right:20px;
border-right:#7c2a21 1px solid;
}

* html #featured_left_column
{
margin-left:50px;
}

#featured_right_column
{
float:left;
width:500px;
min-height:676px;
border:0;
}

#featured_right_column img
{
border:0;
}

/***** Contact Page *****/
#contact_left_column
{
float:left;
width:200px;
margin-left:150px;
margin-right:20px;
padding-top:100px;
padding-right:40px;
border:0;
}

* html #contact_left_column
{
margin-left:100px;
}

#contact_right_column
{
float:left;
width:500px;
min-height:676px;
border:0;
}

#contact_right_column img
{
border:0;
}