/* CSS Document */
body {
 background-image: url('images/bg.jpg');
 background-repeat: repeat-x;
 background-color: #fbe9d5;
}

* {
padding:0px;
margin:0px;
}

#main_wrap {
 position: relative;
 width: 1002px;
 margin: 0 auto; 
 padding: 0;
 background-color: #ffffff;
}

#logo { float: left; width: 439px; }
#nav { float: right; width: 563px; }
#rightheader_top { }
#main_picture { float: left; width: 713px; }

#left_side {
 float: left;
 width: 338px;
}

#middle {
 float: left;
 width: 331px;
}

#right_side {
 float: left;
 width: 333px;
}

#pic_footer {
 padding-bottom: 6px;
}

/*BOTTOM NAVIGATION*/
#navu_01 {
  display: block;
  width: 122px;
  height: 174px;
  background: url("images/undernav_01.jpg") no-repeat 0 0;
}
#navu_01:hover { background-position: 0 -174px; }
#navu_01 span { display: none; }

#navu_02 {
  display: block;
  width: 117px;
  height: 174px;
  background: url("images/undernav_02.jpg") no-repeat 0 0;
}
#navu_02:hover { background-position: 0 -174px; }
#navu_02 span { display: none; }

#navu_03 {
  display: block;
  width: 117px;
  height: 174px;
  background: url("images/undernav_03.jpg") no-repeat 0 0;
}
#navu_03:hover { background-position: 0 -174px; }
#navu_03 span { display: none; }

#navu_04 {
  display: block;
  width: 117px;
  height: 174px;
  background: url("images/undernav_04.jpg") no-repeat 0 0;
}
#navu_04:hover { background-position: 0 -174px; }
#navu_04 span { display: none; }

#navu_05 {
  display: block;
  width: 117px;
  height: 174px;
  background: url("images/undernav_05.jpg") no-repeat 0 0;
}
#navu_05:hover { background-position: 0 -174px; }
#navu_05 span { display: none; }

#navu_06 {
  display: block;
  width: 123px;
  height: 174px;
  background: url("images/undernav_06.jpg") no-repeat 0 0;
}
#navu_06:hover { background-position: 0 -174px; }
#navu_06 span { display: none; }

#under_nav01 { float: left; }
#under_nav02 { float: left; }
#under_nav03 { float: left; }
#under_nav04 { float: left; }
#under_nav05 { float: left; }
#under_nav06 { float: left; }

#side_content01 {
 background-repeat: no-repeat;
 background-image: url('images/sidecontent_01.jpg');
 height: 214px;
 width: 289px;
 float: left;
 border-width: 0px;
}

#side_content02 {
 background-repeat: no-repeat;
 background-image: url('images/sidecontent_02.jpg');
 height: 209px;
 width: 289px;
 float: left;
 border-width: 0px;
}

#side_content03 {
 background-repeat: no-repeat;
 background-image: url('images/sidecontent_03.jpg');
 height: 218px;
 width: 289px;
 float: left;
 border-width: 0px;
}

#side_content01 div {
 padding: 65px 25px 10px 28px;
 border-width: 0px;
}

#side_content02 div {
 padding: 65px 25px 10px 28px;
}

#side_content03 div {
 padding: 65px 25px 10px 28px;
}

#footer {
 width: 1002px;
 height: 100px;
 position: relative;
 background-repeat: repeat-x;
 background-image: url('images/bg_footer.jpg');
 background-position:top;
 float: left;
}

#project_footer {
 position: relative;
 float: left;
 margin: 0px;
}

#footer_left {
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
 position: relative;
 float: left;
 padding-top: 35px;
}

#footer_right {
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
 position: relative;
 float: right;
 padding-top: 35px;
}

#footer_right A:link { text-decoration: none !important; }
#footer_right A:visited { text-decoration: none !important; }
#footer_right A:active { text-decoration: none !important; }
#footer_right A:hover { text-decoration: none !important; }

/*NAVIGATION*/
#top_nav01 { float: left; }
#top_nav02 { float: left; }
#top_nav03 { float: left; }
#top_nav04 { float: left; }
#top_nav05 { float: left; }
#top_nav06 { float: left; }

#nav01 {
  display: block;
  width: 93px;
  height: 44px;
  background: url("images/navtop_01.jpg") no-repeat 0 0;
}
#nav01:hover { background-position: 0 -44px; }
#nav01 span { display: none; }

#nav02 {
  display: block;
  width: 86px;
  height: 44px;
  background: url("images/navtop_02.jpg") no-repeat 0 0;

}
#nav02:hover { background-position: 0 -44px; }
#nav02 span { display: none; }

#nav03 {
  display: block;
  width: 109px;
  height: 44px;
  background: url("images/navtop_03.jpg") no-repeat 0 0;

}
#nav03:hover { background-position: 0 -44px; }
#nav03 span { display: none; }

#nav04 {
  display: block;
  width: 168px;
  height: 44px;
  background: url("images/navtop_04.jpg") no-repeat 0 0;

}
#nav04:hover { background-position: 0 -44px; }
#nav04 span { display: none; }

#nav05 {
  display: block;
  width: 107px;
  height: 44px;
  background: url("images/navtop_05.jpg") no-repeat 0 0;

}
#nav05:hover { background-position: 0 -44px; }
#nav05 span { display: none; }

#drop_about_01 {
  display: block;
  width: 150px;
  height: 43px;
  background: url("images/drop_about_01.jpg") no-repeat 0 0;
}
#drop_about_01:hover { background-position: 0 -43px; }

#drop_about_02 {
  display: block;
  width: 150px;
  height: 43px;
  background: url("images/drop_about_02.jpg") no-repeat 0 0;
}
#drop_about_02:hover { background-position: 0 -43px; }

.list ul {
    margin: 0;
    padding: 0;
    float: left; 
}

.list ul li{
    list-style: none;
}

.list ul ul {
    position: absolute;
    list-style: none;
   z-index: 500;
}

.list ul ul a {
    text-decoration: none;
}

.list ul ul li a:hover {
    text-decoration: none;
    display: block;
}

.list ul ul li {
}

.list ul ul li:hover {
    text-decoration: none;
    display: block;
}

div.list ul ul {
display: none;
}

div.list ul ul,
div.list ul li:hover ul ul,
div.list ul ul li:hover ul ul
{display: none;}

div.list ul li:hover ul,
div.list ul ul li:hover ul,
div.list ul ul ul li:hover ul
{display: block;}

#drop_01 {
  display: block;
  width: 233px;
  height: 43px;
  background: url("images/drop_01.jpg") no-repeat 0 0;
}
#drop_01:hover { background-position: 0 -43px; }

#drop_02 {
  display: block;
  width: 233px;
  height: 43px;
  background: url("images/drop_02.jpg") no-repeat 0 0;
}
#drop_02:hover { background-position: 0 -43px; }

#drop_03 {
  display: block;
  width: 233px;
  height: 43px;
  background: url("images/drop_03.jpg") no-repeat 0 0;
}
#drop_03:hover { background-position: 0 -43px; }

#drop_04 {
  display: block;
  width: 233px;
  height: 43px;
  background: url("images/drop_04.jpg") no-repeat 0 0;
}
#drop_04:hover { background-position: 0 -43px; }

#drop_05 {
  display: block;
  width: 233px;
  height: 43px;
  background: url("images/drop_05.jpg") no-repeat 0 0;
}
#drop_05:hover { background-position: 0 -43px; }

#drop_06 {
  display: block;
  width: 233px;
  height: 43px;
  background: url("images/drop_06.jpg") no-repeat 0 0;
}
#drop_06:hover { background-position: 0 -43px; }

.pic_column_01 {
 height: 280px;
}

.pic_column_02 {
 height: 280px;
}

.pic_column_03 {
 height: 280px;
}

#hope_box {
 background-repeat: no-repeat;
 background-image: url('images/commercial/hope_box.jpg');
 height: 560px;
 width: 338px;
 border-width: 0px;
}

#hope_box div {
 padding: 125px 25px 10px 28px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
}

#glass_box {
 background-repeat: no-repeat;
 background-image: url('images/specialty_glass/glass_box.jpg');
 height: 560px;
 width: 338px;
 border-width: 0px;
}

#glass_box div {
 padding: 125px 25px 10px 28px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
}

/*RESIDENTIAL PAGE*/
#residential_box {
 background-repeat: no-repeat;
 background-image: url('images/residential/residential_box.jpg');
 height: 560px;
 width: 338px;
 border-width: 0px;
}

#residential_box div {
 padding: 60px 25px 0px 28px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
}

#residential_box div div {
 padding: 15px 0px 10px 65px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
 line-height:18px;
}

#residential_box div div ul li {

}

/*ENERGY PAGE*/
#left_side_contact {
 float: left;
 width: 546px;
 height: 231px;
 background: url("images/contact/left_text.jpg") no-repeat 0 0;
}

#left_side_contact A:link { color: #90cbff; }
#left_side_contact A:visited { color: #90cbff; }
#left_side_contact A:active { color: #90cbff; }
#left_side_contact A:hover { color: #90cbff; }

#right_side_contact {
 float: left;
 width: 456px;
 height: 231px;
 background: url("images/contact/right_text.jpg") no-repeat 0 0;
}

#footer_contact {
 width: 1002px;
 height: 100px;
 position: relative;
 background-repeat: repeat-x;
 background-image: url('images/contact/footer_bg.jpg');
 background-position:top;
 float: left;
}

#left_side_contact div {
 padding: 18px 10px 10px 22px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
}

#left_side_energy {
 float: left;
 width: 462px;
 height: 539px;
 background: url("images/energy/left_side.jpg") no-repeat 0 0;
}

#right_side_energy {
 float: left;
 width: 540px;
 height: 539px;
 background: url("images/energy/right_side.jpg") no-repeat 0 0;
}


#right_side_energy div {
 padding: 18px 20px 10px 22px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
 line-height: 19.5px;
}


/*HISTORY PAGE*/
#left_box_line_1 {
 float: left;
 width: 437px;
 height: 424px;
 background: url("images/history/left_box_line_1.jpg") no-repeat 0 0;
}

#left_box_line_1 div {
 padding: 18px 20px 10px 22px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
 line-height: 18px;
}

#right_box_line_1 {
 float: left;
 width: 565px;
 height: 424px;
 background: url("images/history/right_box_line_1.jpg") no-repeat 0 0;
}

#left_box_line_2 {
 float: left;
 width: 504px;
 height: 398px;
 background: url("images/history/left_box_line_2.jpg") no-repeat 0 0;
}

#left_box_line_2 div {
 padding: 18px 20px 10px 22px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
 line-height: 18px;
}

#right_box_line_2 {
 float: left;
 width: 498px;
 height: 398px;
 background: url("images/history/right_box_line_2.jpg") no-repeat 0 0;
}

#right_box_line_2 div {
 padding: 18px 20px 10px 22px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
 line-height: 18px;
}

/*SERVICES PAGE*/
#left_box_services_1 {
 float: left;
 width: 542px;
 height: 364px;
 background: url("images/services/left_box_services_1.jpg") no-repeat 0 0;
}

#left_box_services_1 div {
 padding: 18px 20px 10px 22px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
 line-height: 19.5px;
}

#right_box_services_1 {
 float: left;
 width: 460px;
 height: 364px;
 background: url("images/services/right_box_services_1.jpg") no-repeat 0 0;
}

#left_box_services_2 {
 float: left;
 width: 504px;
 height: 300px;
 background: url("images/services/left_box_services_2.jpg") no-repeat 0 0;
}

#left_box_services_2 div {
 padding: 18px 20px 10px 22px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
 line-height: 19px;
}

#right_box_services_2 {
 float: left;
 width: 498px;
 height: 300px;
 background: url("images/services/right_box_services_2.jpg") no-repeat 0 0;
}

#right_box_services_2 div {
 padding: 18px 20px 10px 22px;
 border-width: 0px;
 color: #ffffff;
 font-family : 'Arial',courier,monospace;
 font-size: 12px;
 line-height: 19px;
}