body {
  background-color: #000; /* #3c2724; */
  margin: 0px;
}
.bgl {
  background-image: url(img/bg_lbg.gif);
  background-position: top;
  background-repeat: repeat-y;
}
.bgr {
  background-image: url(img/bg_rbg.gif);
  background-position: top;
  background-repeat: repeat-y;
}
li {
  list-style-image: url(img/bullet.gif);
}


/* Fonts */
.h1, .h2, .h3 {
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.h2 {
  font-size: 15px;
  color: #fff;
}
.h3 {
  font-size: 15px;
  font-weight: normal;
  color: #fff;
}
.hs1, .hs2, .hs4 {
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 12px;
  color: #000;
  text-align: justify;
}
.hs2 {
  font-size: 10px;
  color: #AC8159;
  text-align: right;
}
.hs4 {
  font-size: 12px;
  color: #fff;
}


.hspec {
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 22px;
  color: #d3a953; /* #FB9409; */
  font-weight: bold;
}
.contb, .contb2, .contbs {
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  color: #FFFFFF;
  font-weight: bold;
}
.contb2, .contb21 {
  font-size: 14px;
  color: #fff; /*#3b2117;*/
}
.contb21 {
  font-size: 12px;
}
.contbs {
  font-size: 12px;
}


/* HOME */
.hm_cont {
  background-image: url(img/home_bg2.jpg);
  background-repeat: no-repeat;
  height: 578px;
  padding-top: 12px;
  padding-left: 42px;
  padding-right: 37px;
  padding-bottom: 10px;
}
.hm_col {
  margin-left: 11px;
  margin-right: 10px;
}
.hm_col1 {
  padding-top: 23px;
  padding-left: 16px;
  padding-right: 14px;
}
.hm_col2 {
  padding-top: 0px; /* 15px; */
  padding-left: 0px; /* 10px; */
  padding-right: 0px; /* 10px; */
  padding-bottom: 0px; /* 15px; */
}
.hm_col3 {
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 35px;
  font-family: "Century Gothic", Arial;
  font-size: 14px;
  color: #d3a953; /* #d5a621; */
  text-align: justify;
}
.promo {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;
}
.promoc {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  background-color: #bc5811;
}
.welc {
  background-image:url(img/home_r_bg.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  background-color: #734218;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #d5a621;
  text-align: justify;
}
.foot {
  background-image: url(img/bg_bot.gif);
  height: 99px;
  background-position: top center;
  background-repeat: no-repeat;
}

/* About */
.ab_team, .ab_serv, .ab_why, .ab_price, .ab_price2, .ab_comp, .ab_warrant  {
  background-image: url(img/about_team_bg.jpg);
  height: 600px;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-left: 55px;
  padding-right: 55px;
  padding-top: 10px;
  padding-bottom: 0px;
  font-family: "Century Gothic", Arial;
  font-size: 15px;
  color: #d3a953;
  text-align: justify;
}
.ab_line {
  line-height: 21px;
}

.ab_serv   {
  background-image: url(img/about_serv_bg.jpg);
}

.ab_warrant   {
  background-image: url(img/construct_spec_bg1.jpg);
}

.ab_why   {
  background-image: url(img/about_serv_bg.jpg);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 15px;
  padding-bottom: 0px;
}

.ab_comp   {
  background-image: url(img/about_comp_bg.jpg);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 15px;
  padding-bottom: 0px;
}

.ab_price   {
  background-image: url(img/about_price_bg.jpg);
}

.ab_price2   {
  background-image: url(img/about_price_bg2.jpg);
}

.price1 {
  background-image: url(img/ab_gpg_top.gif);
  height: 28px;
  color: #000;
  font-size: 17px;
  font-weight: bold;
}
.price2 {
  background-image: url(img/ab_gpg_cont.gif);
  background-repeat: repeat;
  padding-top: 5px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 5px;
  font-size: 15px;
  line-height: 18px;;
  text-align: justify;
}
.price2 img {
  padding-bottom: 5px;
}

.ab_bor {
  border: 2px solid #FFFFFF;
  padding: 15px;
}
.ab_bor2 {
  padding: 17px;
}

/* Testimonial */
.testi_bor1 {
  border: 1px solid #FFFFFF;
  padding: 3px;
}
.testi_td1{
  background-image: url(img/ab_test1_filmbg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  padding-top: 32px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

/* Design and Build */
.desn_why, .desn_green, .desn_process  {
  background-image: url(img/desnbld_bg.jpg);
  height: 610px;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-left: 62px;
  padding-right: 62px;
  padding-top: 12px;
  padding-bottom: 10px;
  font-family: "Century Gothic", Arial;
  font-size: 15px;
  color: #d3a953;
  text-align: justify;
}

.desn_green {
   background-image: url(img/desnbld_green_bg.jpg);
}

.desn_process {
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 9px;
  font-size: 14px;
}

/* Construction */
.cont_spec_box {
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  padding: 5px;
}
.cont_spec_boxb {
  background-image: url(img/constuct_spec_boxbot.gif);
  background-repeat: no-repeat;
  height: 28px;
  color: #000;
  font-weight: bold;
  padding-top: 4px;
}
.cont_spec_box2 {
  border: 1px solid #FFFFFF;
  padding: 15px;
}
.cont_specbg, .cont_safebg  {
  background-image: url(img/construct_spec_bg1.jpg);
  height: 610px;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 12px;
  padding-bottom: 0px;
  font-family: "Century Gothic", Arial;
  font-size: 15px;
  color: #d3a953;
  text-align: justify;
}
.cont_safebg {
  padding-top: 10px;
}
.cont_vdo  {
  background-image: url(img/construct_vdo_bg.jpg);
  height: 550px;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-left: 62px;
  padding-right: 62px;
  padding-top: 12px;
  padding-bottom: 10px;
  font-family: "Century Gothic", Arial;
  font-size: 15px;
  color: #d3a953;
  text-align: justify;
}

.cont_vdo_t {
  height: 25px;
  color: #000;
  font-weight: bold;
  padding-top: 5px;
}

/* Contact */
.contact_bg{
  background-image: url(img/contact_bg.jpg);
  height: 523px;
  background-position: bottom center;
  background-repeat: no-repeat;
}


/* box */

.justi {
  text-align: justify;
}

.ins_cont, .ins_cont3 {
  background-image: url(img/bginside.jpg);
  background-repeat: repeat;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 0px;
  padding-bottom: 20px;
}
.ins_cont3 {
  padding-left: 7px;
  padding-right: 7px;
}


.ins_cont2 {
  background-color: #000;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 25px;
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 13px;
  color: #E3B731;
  text-align: justify;
}

.cont1 {
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 20px;
  padding-bottom: 30px;
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 13px;
  color: #E3B731;
  text-align: justify;
}
.cont3 {
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 20px;
  padding-bottom: 30px;
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 13px;
  color: #E3B731;
  text-align: justify;
}
.cont2gal {
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 20px;
  padding-bottom: 30px;
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 13px;
  color: #C8870F;
  text-align: justify;
}
.contgalbo {
  padding-top: 20px;
  padding-bottom: 30px;
}
.pic1 {
  padding: 6px;
  background-color: #fff;
}
.pic2 {
  padding: 10px;
  background-color: #fff;
}
.addr {
  background-color: #2f3c0a;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 27px;
  padding-right: 27px;
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 12px;
  color: #E9D79E;  /*#9B5720;*/
}
.faqh {
  background-color: #da5619;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 2px;
  color: #fff;
  font-weight:bold;
}
.faqq {
  padding-left:25px;
}
.projt {
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 12px;
  color: #3b2117;
  font-weight: bold;
  padding-top: 4px;
}


/* Links */

a:link, a:visited {
  color: #439141;
  text-decoration: none;
}
a:hover, a:active {
  color: #fff;
  text-decoration: underline;
}

.subm {
  padding-top: 2px;
  padding-bottom: 6px;
  padding-left: 45px;
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 15px;
  color: #3c2724;
  font-weight: bold;
  background-color: #439141;;
  text-align: left;
}

.subm a:link,.subm a:visited  {
  text-decoration: none;
  color: #ffe99d;
  font-weight: bold;
}
.subm a:hover, subm a:active {
  color: #fff;
}
.cont1 a:link {
   font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #E2B323;
  text-decoration: none;
}
.cont1 a:hover, .cont1 a:active {
  color: #FFFFFF;
  background-color: #321f17; /*#583213;*/
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}
.contl a:link, .contl a:visited {
  color: #439141;
  text-decoration: none;
}
.contl a:hover, .contl a:active {
  color: #000000;
  text-decoration: none;
}

.ins_cont2 a:link, .ins_cont2 a:visited {
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #E2B323;
  text-decoration: none;
}
.ins_cont2 a:hover, .ins_cont2 a:active {
  color: #FFFFFF;
  background-color: #321f17; /*#583213;*/
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}
.cont a:visited {
  color: #FF6600;
}
.copyf a:link,.copyf a:visited  {
  text-decoration: none;
  color: #000;
}
.copyf a:hover, .copyf a:active {
  color: #fff;
  text-decoration: underline;
}

/* Before and After */
.but {
  background-color: #333f09;
  font-family: "Century Gothic", Arial;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 12px;
  color: #734218;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
}

.but a:link, .but a:visited {
  background-color: #333f09;
  color: #c3850f;
  text-decoration: none;
}
.but a:hover, .but a:active {
  background-color: #c3850f;
  width: 45px;
  text-decoration: none;
  color: #734218
}

/* Project Photos */
.projbar {
  background-image: url(img/gal_projbar_bg.gif);
  background-position: top;
  background-repeat: repeat-x;
}

.projbef_img {
  border: 1px solid #FFCC33;
}

.projdev img {
  border: 1px solid #FFF;
}

.hpj_bg {
  background-image: url(gal_proj/images/hpj_cor_bg.gif);
  background-position: top;
  background-repeat: repeat-x;
}

.hpjbef_bg {
  background-image: url(gal_proj/images/hpj_before_bg.gif);
  background-position: top;
  background-repeat: repeat-x;
}

