@font-face {
    font-family: "KabelITCbyBTMedium";
    src: url("Kabel Medium BT.ttf") format("truetype");
}


body {
  background-attachment: fixed;
  background-image: url(images/background.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  font-family: KabelITCbyBTMedium,Tahoma, sans-serif;
  font-weight: 500;
  margin: 0 auto;
  overflow-x:hidden;
}
#container {
  margin: 0 auto;
  width: 980px;
}
#header {
  height: 97px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(images/header.jpg);
  position: relative;
}
#menu {
  height: 32px;
  position: relative;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(images/menu.jpg);
  font-family: KabelITCbyBTMedium, sans-serif;
  font-size: 18px;
  letter-spacing:2px
}
#menuhome {
  position: relative;
  text-align: center;
  display:inline-block;
  vertical-align: middle;
  float: left;
  line-height: 32px;
  width: 124px
}
#menuabout {
  position: relative;
  text-align: center;
  display:inline-block;
  vertical-align: middle;
  float: left;
  line-height: 32px;
  width: 164px
}
#menuservices {
  position: relative;
  text-align: center;
  display:inline-block;
  vertical-align: middle;
  float: left;
  line-height: 32px;
  width: 152px
}
#menugallery {
  position: relative;
  text-align: center;
  display:inline-block;
  vertical-align: middle;
  float: left;
  line-height: 32px;
  width: 148px
}
#menutestimonials {
  position: relative;
  text-align: center;
  display:inline-block;
  vertical-align: middle;
  float: left;
  line-height: 32px;
  width: 204px
}
#menucontact {
  position: relative;
  text-align: center;
  display:inline-block;
  vertical-align: middle;
  float: left;
  line-height: 32px;
  width: 188px
}
.btn {
  background: #CCC;
  color: #FFF;
  display: inline-block;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  font-family: Arial, sans-serif;
  line-height: 2.5em;
  padding: 0 3em;
  text-decoration: none;
}
.btn:hover {
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
  inset 0 1.5em 1em rgba(255,255,255,0.3);
}
.btn:active {
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
  inset 0 1.5em 1em rgba(0,0,0,0.3);
}
#animation {
  height:382px;
  position: relative;
}
#widgets {
  height: 64px;
  position: relative;
}
#content {
  height: 422px;
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  background: #FFFFFF;
  position: relative;
}
#footer {
  height: 105px;
  position: relative;
  background-repeat: no-repeat;
  background-image: url(images/footer.jpg);
}
#footer1 {
  background-repeat: no-repeat;
  background-image: url(images/footer1.jpg);
  padding-top: 10px;
  padding-left: 20px;
  color: #ffffff;
  height: 105px;
  width: 400px;
  float: left;
}
#footer2 {
  background-repeat: no-repeat;
  background-image: url(images/footer2.jpg);
  height: 105px;
  width: 135px;
  float: left;
}
#footer3 {
  background-repeat: no-repeat;
  background-image: url(images/footer3.jpg);
  height: 105px;
  width: 336px;
  float: left;
}
#footer4 {
  background-repeat: no-repeat;
  background-image: url(images/footer4.jpg);
  color: #ffffff;
  height: 95px;
  width: 540px;
  float: left;
  text-align: right;
  vertical-align:text-bottom;
  text-decoration:none;
  font-size: 14px;
  padding-right: 10px;
  padding-top: 65px;
}

#footer4 a:link {
    color: #ffffff;
}
#footer4 a:visited {
    color: #ffffff;
}
#footer4 a:hover {
    color: #ffffff;
}
#footer4 a:active {
    color: #ffffff;
}

/* Remove outline from anchor tag */
a {outline : none;}

/* Remove underline from links */
a {text-decoration : none;}

/* Remove outline from image link */
a img {
  outline : none;
  float: left;
}

/* Remove border from image link */
img {border : 0;}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#footer1 a:link {color:#ffffff;}
#footer1 a:visited {color:#ffffff;}
#footer1 a:hover {color:#ffffff;}
#footer1 a:active {color:#ffffff;}

a {color:#000000;}      /* unvisited link */
a:visited {color:#000000;}  /* visited link */
a:hover {color:#b50000;}  /* mouse over link */
a:active {color:#000000;}  /* selected link */

