@charset "utf-8";
/* CSS Document */

/* img categories */
#home_page
{
  display: block;
  width: 746px;
  height: 256px;
  background-image: url(../images/home_page.jpg);
}
#repairs_page
{
  display: block;
  width: 746px;
  height: 256px;
  background-image: url(../images/repairs_page.jpg);
}
#entry_page
{
  display: block;
  width: 746px;
  height: 256px;
  background-image: url(../images/entry_page.jpg);
}
#commercial_page
{
  display: block;
  width: 746px;
  height: 256px;
  background-image: url(../images/commercial_page.jpg);
}
#locations_page
{
  display: block;
  width: 746px;
  height: 256px;
  background-image: url(../images/locations_page.jpg);
}
#residential_page
{
  display: block;
  width: 746px;
  height: 256px;
  background-image: url(../images/residential_page.jpg);
}
#openers_page
{
  display: block;
  width: 746px;
  height: 256px;
  background-image: url(../images/openers_page.jpg);
}
#rollup_gate_page
{
  display: block;
  width: 746px;
  height: 256px;
  background-image: url(../images/rollup_gate_page.jpg);
}
/* header */

#number
{
  display: block;
  width: 370px;
  height: 100px;
  padding-right:6px;
  background:#5A5A21;
  text-align:right;  
}
#number p{ margin:5px 0 0 0; font:normal 28px Verdana, Geneva, sans-serif; color:#FFF;}
#number p.phones{ margin:0; font:normal 22px Arial, Helvetica, sans-serif; color:#FFF;}
#twofoursevenservice
{
  display: block;
  width:370px;
  height:28px;
  padding-right:6px;
  background:#5A5A21;
  text-align:right;
}
#twofoursevenservice p{ font:normal 22px Verdana, Geneva, sans-serif; color:#FFFF6B; }
#logo
{
  display: block;
  width:554px;
  height:137px;
background-image:url(../images/logo.jpg);
}
/* social network icons */
 #blog
{
  display: block;
  width:32px;
  height:32px;
background-image:url(../images/blog.png);

}
 #FaceBook-icon
{
  display: block;
  width:32px;
  height:32px;
background-image:url(../images/FaceBook-icon.png);

}

 #Youtube-icon
{
  display: block;
  width:32px;
  height:32px;
background-image:url(../images/Youtube-icon.png);

}
 #Twitter-icon
{
  display: block;
  width:32px;
  height:32px;
background-image:url(../images/Twitter-icon.png);

}
/* navigation top */
#home
{
  display: block;
  width:186px;
  height:42px;
  background-image:url(../images/home.jpg);
}

#home:hover
{ 
   display: block;
   width:186px;
   height:42px;
   background-image:url(../images/home_hover.jpg);
  }
#home span
{
  display: none;
}
#locations
{
  display: block;
  width:186px;
  height:42px;
  background-image:url(../images/locations.jpg);
}

#locations:hover
{ 
  display: block;
  width:186px;
  height:42px;
  background-image:url(../images/locations_hover.jpg);
  }
#locations span
{
  display: none;
}
#coupons
{
  display: block;
  width:186px;
  height:42px;
  background-image:url(../images/coupons.jpg);
}

#coupons:hover
{ 
   display: block;
   width:186px;
   height:42px;
   background-image:url(../images/coupons_hover.jpg);
  }
#coupons span
{
  display: none;
}
#about_us
{
  display: block;
  width:186px;
  height:42px;
  background-image:url(../images/about_us.jpg);
}

#about_us:hover
{ 
  display: block;
  width:186px;
  height:42px;
  background-image:url(../images/about_us_hover.jpg);
  }
#about_us span
{
  display: none;
}
#contact_us
{
  display: block;
  width:186px;
  height:42px;
  background-image:url(../images/contact_us.jpg);
}

#contact_us:hover
{ 
  display: block;
  width:186px;
  height:42px;
  background-image:url(../images/contact_us_hover.jpg);
  }
#contact_us span
{
  display: none;
}
/* navigation side */ 
#residential
{
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/but_res.jpg);
}

#residential:hover
{ 
   display: block;
   width:184px;
   height:30px;
   background-image:url(../images/but_res_hover.jpg);
  }
#residential span
{
  display: none;
}

#commercial
{
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/but_commercial.jpg);
}
#commercial:hover
{ 
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/but_commercial_hover.jpg);
  }

#commercial span
{
  display: none;
}

#installation
{
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/but_installation.jpg);
}
#installation:hover
{ 
   display: block;
   width:184px;
   height:30px;
   background-image:url(../images/but_installation_hover.jpg);
}

#installation span
{
  display: none;
}

#repairs
{
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/but_repairs.jpg);
}
#repairs:hover
{ 
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/but_repairs_hover.jpg);
  }

#repairs span
{
  display: none;
}

#roll-up
{
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/but_roll-up.jpg);
}
#roll-up:hover
{ 
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/but_roll-up_hover.jpg);
  }

#roll-up span
{
  display: none;
}

#openers
{
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/but_openers.jpg);
}
#openers:hover
{ 
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/but_openers_hover.jpg);
  }

#Openers span
{
  display: none;
}

#entry
{
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/but_entry.jpg);
}
#entry:hover
{ 
   display: block;
   width:184px;
   height:30px;
   background-image:url(../images/but_entry_hover.jpg);
  }

#entry span
{
  display: none;
}

#downcat
{
  display: block;
  width:184px;
  height:30px;
  background-image:url(../images/downcat.gif);

}

#mid_left_bar
{
  display: block;
  width: 37px;
  height: 40px;
  background-image: url(../images/mid_left_bar.gif);
}
#mid_right_bar
{
  display: block;
  width: 746px;
  height: 40px;
  background-image: url(../images/mid_right_bar.gif);  
}
#mid_right_bar_welcome
{
  display: block;
  width: 746px;
  height: 40px;
  background-image: url(../images/mid_right_bar_welcome.gif);  
}
/* footer */ 
#cc
{
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 260px;
  height: 35px;
  background-image: url(../images/cc.png);  
}

#copyright p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-align: center;
 height: 35px;
}
#elephat_logo
{
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 106px;
  height: 35px;
  background-image: url(../images/elephat_logo.png);  
}