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

@font-face {font-family: 'macweb'; src: url('js/macweb.eot'); src: local('?'), url('js/macweb.ttf') format('truetype'); font-weight: normal; font-style: normal;}*/
body {background:#dfdde0; font-size:12px; font-family:Arial; margin:20px 0 10px 0; color:#333333}
h1 {color:#3e6ab5; margin:0 0 0 0; font-family:macweb, Arial; font-size:27px; text-transform:capitalize}
img {border:0}
a {color:#333; text-decoration:none; outline:hidden} a:hover{color:#333; text-decoration:underline; outline:hidden}
#top {width:920px;}
.logo {width:450px; vertical-align:middle}
.menu {font-size:14px; color:#555; text-align:center; text-transform:lowercase;}
.menu a {color:#555; text-decoration:none} #home .menu a:hover {color:#000; text-decoration:none}
.menu ul {list-style:none; margin:0; float:right}
.menu ul li {margin:0 10px 0 0; padding:7px; float:left; width:70px; background:#FFF; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
.menu ul .li {margin:0}
.menu ul li:hover {background:#f9f9f9}
.menu ul .sel {background:#3e6ab5; color:#FFF;}
.menu ul .sel a{color:#FFF; text-decoration:none}
.menu ul .sel a:hover{color:#000; text-decoration:none}
.menu ul .sel:hover {background:#3e6ab5}
#bottom {width:920px; border-top:1px solid #CCC; font-size:10px; color:#666; margin-top:10px}
.form {width:300px; border:1px solid #CCC; padding:7px; font-family:Arial, Helvetica, sans-serif}
.formbtn {background:#FFF; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding:7px; border:0}
.formbtn:hover {background:#f9f9f9;}
.btn {background:#FFF; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding:7px; font-size:14px; color:#333;; width:120px; margin:10px 0 5px 0}
.btn:hover {background:#3e6ab5; color:#FFF}
.btn a:hover{color:#333; text-decoration:none; color:#FFF}
.yes {color:#090}
.no {color:#930}

.contact {width:400px;}
.contact .col1 {padding:5px 0 5px 0}

#home {width:920px;}
#home .banner {border:8px #CCC solid}

#about {width:920px; margin-top:40px}

.thumb {margin:0; padding:0; list-style:none}
.thumb img{width:290px; height:144px; background:url(images/load.gif) center no-repeat}
.thumb li {float:left; width:290px; height:144px; border:4px solid #CCC; margin:0 13px 8px 0}
.thumb li:hover{border:4px solid #b8b8b8;}
.thumb .li {margin-right:0;}

ul.tabs {margin:0; padding:0; background:#000; list-style:none}
ul.tabs li {float:left; margin-right:10px; background:#dfdde0;}
ul.tabs li:hover {float:left;  margin-right:10px; background:#3e6ab5; color:#fff}
ul.tabs li a {float:left; padding:5px; text-decoration:none;}
ul.tabs li a:hover {color:#FFF}


.selected {font-weight:bold; background:#3e6ab5; color:#FFF; padding:5px;}
.tab-content {display:block; position:relative; float:none; visibility:visible; width:100%; padding:0;}
.strip {background:url(images/strip.jpg); margin-bottom:10px; width:100%; height:24px; padding:0 0 0 10px}

.stepcarousel  {position: relative; overflow: scroll; width:920px; height:320px; margin:0}
.stepcarousel .belt{position: absolute; left: 0; top: 0;}
.stepcarousel .panel{float: left; overflow: hidden; margin:0 20px 0 0; width:920px;}
.portfolioL{float:right; position:absolute; left:-50px; top:120px;}
.portfolioR{float:right; position:absolute; left:930px; top:120px;}



#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}