/* CSS Document */

td
{

}
body
{
    /**background-color:#333300;**/
    
}
#canvas
{
    width:1024px;
    border-style:solid;
    border-width:thick;
    border-color:#57574E;

}
#header
{
   /** background-image:url(../images/header.gif); **/
   width:100%;
   height:117px;
}
#menu_bar_top_bar
{
    background-color:#333300;
    height:10px;
    width:100%;

}
#menu_bar_bottom_bar
{
    clear:left;
    background-color:#663333;
    height:10px;
    width:100%;
}
#menu_bar
{
    width:100%;
    background-color:#809052;

}
#menu_bar_middle
{
            
    
    margin-left:2%;
    
}
#menu
{
	float:left; /** new **/
	padding:0;
	margin:0;
        width:100%;
        color:white;
	font-family: arial, helvetica, sans-serif;
        
	white-space:nowrap;
	list-style-type:none;
	border:1px solid #42453D;

}
* html #menu
{
	display:inline-block;
	width:1px;
	padding:0 2px;
}
#menu li
{
	
        float:left; /** new **/
        height:26px;
        font-size:14px;
        margin:0; /** new **/
        padding:0; /** new **/
	
}
* html #menu li
{
    display:inline;
}
* html #menu a
{
    display:inline-block;
    margin:0 -2px;
}
#menu a
{
        display:block;
        float:left;
        margin:0;
	padding:0.3em .7em;
	background:#57574E;
	color:white;
	text-decoration:none;
	border:1px solid #42453D;
}
#menu a:hover,
.home #menu #hm a
{
    background-image:url(../images/greengradient.png);
    color:white;
}
#menu li a:hover
{

	background-image:url(../images/greengradient.png);
	color:white;
}
#menu li a:active
{
   background-image:url(../images/greengradient.png);
    color:white;
}
#mainbody
{
    /** needs to be defined in order for "positioned overlay" to work **/
    /** no need to apply any offsets. **/
    position:relative;
}
#textArea
{
    
    /** top,right,bottom,left **/
    padding:0 0 0 50px;
    font-family:verdana;
    font-size:12px;
}
#rightImage
{
    float:right;    
    padding:0 0 120px 50px;

}
#centerArea
{
    
    background-color:#CCCCBF;    
    width:100%;
    
    padding:10px 0 0 0;
}
#bgd1
{

    /**width:41px;**/
    margin:0;

}
#bgd2
{
    background-image:url(../images/rectngl66_opcty_hm.png);
    width:431px;
    height:100%;
    padding:10px;
    margin:0;
    font-family:verdana;
    font-size:13px;
    vertical-align:top;
}
#overlay_body
{

    width:100%;
    height:100%;

}
#overlay
{
    /** we need to take this overlay block out of the normal flow so we use
    absolute positioning. However, this positioning will look for its closest
    "positioned" ancestor when it applies its offsets. This block closes
    "positioned" ancestor is "mainBody" which has a position of relative.
    **/
    position:absolute;
    bottom:25px;
    width:480px;
}
#overlay_top_border
{
    margin:0;
    background-color:#333300;

}
#footer
{
   
   background-image:url(../images/footer.gif);
   width:100%;
   height:39px;
}
.warranty_link a
{
    color:#666633;
}
.warranty_link a:link
{
    color:#666633;
}
.warranty_link a:hover
{
    color:#666633;
}
.warranty_link a:active
{
    color:#663333;
}
.warranty_link a:visited
{
    color:#663333;
}
.galleryImg a
{
    color:#CCCCBF;
}
.galleryImg a:link
{
    color:#CCCCBF;
}
.galleryImg a:hover
{
    color:#CCCCBF;
}
.galleryImg a:active
{
    color:#CCCCBF;
}
.galleryImg a:visited
{
    color:#CCCCBF;
}
.landLinks a
{
    color:#666633;
}
.landLinks a:link
{
    color:#666633;
}
.landLinks a:hover
{
    color:#666633;
}
.landLinks a:active
{
    color:#666633;
}
.landLinks a:visited
{
    color:#666633;
}
#headerLink a:link
{
    color:#57574E;
}
#headerLink a:visited
{
    color:#57574E;
}
#headerLink a:hover
{
    color:#57574E;
}
#headerLink a:active
{
    color:#57574E;
}
#headerLink a:focus
{
    color:#57574E;
}
#company_logos
{
    padding-top:10px;
}
#g1
{

}
#g2
{
    padding-left:5px;
}
#g3
{
    padding-left:5px;
}
#g4
{
    padding-top:5px;
}
#g5
{
    padding-top:5px;
}
#g6
{
    padding-top:5px;
}
/* CSS Document */