/* Font Embedding */



/*=======================================================================/ HEADER DIV \============*/
#divHeader{
  background-image: url('/images/headerbg.png');
  background-repeat: repeat-x;
}
#header{
  position: relative;
  width: 980px;
    /*width: 1065px;*/
  height: 167px;  
  margin-left: auto;
  margin-right: auto;
}

/*  ## HEADER LOGO ##  */
#headerLogo{
  position: absolute;
  top: 6px;
  left: 427px;
}
#headerLogo a{
  display: block;
  background-image: url('/images/logo.png');
  background-repeat: no-repeat;
  cursor: pointer;
  width: 130px;
  height: 110px;
}

/*  ## HEADER MENU ##  */
#headerMenu{
  position: absolute;
  top: 122px; 
}
#headerMenu ul{
  margin: 0;
  padding: 0;
  padding-left: 3px;
  list-style-type: none;
  
}
#headerMenu ul li{
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
#headerMenu ul li a {
  font-family: Garamond;  
  display: block;
  height: 30px;
  font-size: 11pt;
    /*font-size: 9pt;*/

  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  padding: 0;
  padding-top: 14px;
  /*padding-left: 13px;*/
  /*padding-right: 13px;*/
    padding-left: 6px;
    padding-right: 6px;
  cursor: pointer;
}
#headerMenu ul li.active a {
  background-color: #323232;
  border-bottom: 1px solid #23a790;
}
#headerMenu ul li a:hover {
  /* hover style menu items */
  border-bottom: 1px solid #ccc;
  color: #fff;
  background-color: #151515;
}
#headerMenu ul li.active a:hover {
  background-color: #323232;
  border-bottom: 1px solid #23a790;
}
#headerBottom{
  position: absolute;
  top: 191px;
  left: 0;
  right: 0;
  height: 83px;
  background-image: url('/images/crumblebg.png');
  background-repeat: repeat-x;
  z-index: 1;
}
/*=======================================================================/ CONTENT DIV \============*/
#divContent {
  padding-bottom: 180px;
}
#contentMain{
  position: relative;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
#contentTop {
  position: relative;
  height: 70px;
}
#contentHeader {
  position: relative;
  z-index: 3;
  height: 219px;
  border-bottom: #4d4d4d 1px solid;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #000000;
}

/* crumblepath */
#crumblePath ul {
  position: absolute;
  top: 15px;
  left: 10px;
  padding: 0;
  margin: 0;
}
#crumblePath ul li {
  display: block;
  float: left;
  padding-left: 20px;
  padding-right: 16px;
  background-image: url('/images/crumble_bullet.png');
  background-repeat: no-repeat;
  background-position: 0 9px;
}
#crumblePath ul li a {
  cursor: default;
  text-decoration: none;
  text-transform: uppercase;
  color: #595959;
  font-size: 23pt;
}
#crumblePath ul li:first-child{
  background-image: none;
  padding-left: 5px;
}
/*
#crumblePath ul li:first-child a {
  cursor: default;
}
#crumblePath ul li a, #crumblePath ul li:first-child a:hover{
  text-decoration: none;
  text-transform: uppercase;
  color: #595959;
  font-size: 23pt;
  
}
#crumblePath ul li a:hover{
  color: #c7c7c7;
}
*/

#fullCrumblePath {
  position: relative;
  padding-left: 17px;
  height: 30px;
}
#fullCrumblePath ul{ 
  position: absolute;
  top: -15px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#fullCrumblePath ul li{
  float: left;
}
#fullCrumblePath ul li:first-child a{
  background-image: none;
  padding-left: 0;  
}
#fullCrumblePath ul li a{
  display: block;
  padding-right: 10px;
  background-image: url('/images/smallbullit.png');
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-left: 11px;
  text-decoration: none;
  cursor: pointer;
}
/* view options (thumbnail, list, details etc.) */
#viewOptions {
  position: absolute;
  top: 15px;
  right: 0;
}
#viewOptions ul{
  position: relative;
  list-style-type: none;
  margin: 0;
  margin-top: 10px; 
  margin-right: 40px;
  padding: 0;
}
#viewOptions ul li{
  margin: 0;
  padding: 0;
  float: left;
}
#viewOptions ul li a{
  margin-left: 20px;
}
#viewOptions ul li a img{
  border: 0;
}
#viewOptions ul li:first-child{
  border-left: 1px solid #4a4a4a;
}
#viewOptions ul li:last-child{

}

/* left menu */
#leftMenu{
  float: left;
  width: 210px;
}
#leftMenu ul.level-1,
#leftMenu ul.level-2 {
  margin: 0;
  padding-left: 10px;
  list-style-type: none;  
}
#leftMenu ul.level-2 {
  margin-top: 4px;
  margin-bottom: 4px;
  display: none;
}
#leftMenu ul li.level-1 {
  display: block;
}
#leftMenu ul li.level-1 a.level-1,
#leftMenu ul li.level-2 a.level-2{
  text-decoration: none;
  color: #c7c7c7;
  display: block;
  width: 170px;
  padding: 5px;
  padding-left: 5px;  
}
#leftMenu ul li.level-2 a.level-2{
  width: 159px;
  border-left: 1px dotted #23a790;
       
}
#leftMenu ul li.level-1.active ul.level-2{
  display: block;
}

#leftMenu ul li.level-1 a.level-1:hover,
#leftMenu ul li.level-2 a.level-2:hover{
  color: #fff;
}
#leftMenu ul li.level-1.active a.level-1{
  border-left: 1px solid #23a790;
  background-color: #2b2b2b;
  color: #fff;
  padding-left: 9px;
  width: 165px;
}
#leftMenu ul li.level-2.active a.level-2{
  color: #fff;
  background-color: #2b2b2b;
  padding-left: 10px;
  width: 154px;
}

#leftMenu .txt {
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  line-height: 16pt;
  margin-bottom: 25px;
}

/* left content ( content with left menu or right menu ) */
#leftContent{
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 730px;
}                                                                       
#leftContent .txt {
  color: #fff;
  line-height: 16pt;
  margin-bottom: 25px;
}

#fullContent {
  padding-left: 17px;
  padding-right: 17px;
  float: left;
  width: 940px;
}

#fullContent .txt {
  color: #aaa;
  line-height: 16pt;
  margin-bottom: 25px;
}
#fullContent .txt img {
  padding: 4px;
  border: #000 1px solid;
  border-right: #444 1px solid;
  border-bottom: #444 1px solid;
  margin: 10px;
  margin-top: 0px;
  margin-bottom: 5px;
}

/* form content */
#formContent{

}
#formContent .formRow{
  line-height: 16pt;
  margin-bottom: 10px;  
}
#formContent .formLabel, #formContent .formNote{
  color: #aaa;
}
#formContent .formButton{
  float: left;
  width: 100px;
}
#formContent .formNote{
  padding-top: 5px;
  font-style: italic;
  float: left;
  text-align: right;
  width: 510px;
}
#formContent .textfield, #formContent .textarea{
  background-color: #252525;  
  border: 1px solid #444; 
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  font-size: 12pt;
  color: #fff;
  width: 600px;
  padding: 5px;
  font-family: Georgia;
}
#formContent .textarea{
  height: 200px;
}
#formContent .asterisk{
  color: #fff;
}
#formContent .button{
  color: #aaa;
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
  background-color: #252525; 
  border: 1px solid #444; 
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;  
  font-family: Georgia;
}

#formContent .button:hover{
  background-color: #323232;
}
#formContent .error{
  color: #933;
}
#errorMessage{
  display: none;
  background-color: #252525;
  width: 610px;
  margin-bottom: 25px;
  border: 1px solid #444; 
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;  
}
#errorMessage ul{
  list-style-type: circle;
  color: #aaa;
  line-height: 16pt;
}
/* intro content */
.intro{
  color: #fff;
  font-size: 11pt;
  line-height: 17pt;
  padding-bottom: 25px;
}
.intro a{
  color: #fff;
}


/* products thumbview content (portfolio) */
#thumbview ul{
  margin: 0;
  padding: 0;
 
  list-style-type: none;
}
#thumbview ul li{
  padding: 0;
  margin: 0;
  display: block;
  float: left;
}
#thumbview ul li a{
  position: relative;
  display: block;
  height: 219px;
  width: 219px;
  margin: 0;
  margin-right: 18px;
  margin-bottom: 18px;
  background-color: #252525;  
  border: 1px solid #000000; 
  border-bottom: 1px solid #1c1c1c;
  border-right: 1px solid #1c1c1c;
}
#thumbview ul li a.nomargin{
  margin-right: 0;
}

#thumbview ul li a .titlebar{
  position: absolute;
  background-image: url('/images/overlaybg.png');
  left: 6px;
  bottom: 6px;
  right: 6px;
  padding: 5px;
  text-align: left;
  color: #fff;
}
#thumbview ul li a:hover{
  background-color: #222;
  border: 1px solid #000;
}
#thumbview ul li a:hover img{
  border: 1px solid #333;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; 
}
#thumbview ul li img{
  position: absolute;  
  top: 5px;
  left: 5px;  
  border: 1px solid #41413d;
  margin: 0 !important;
  padding: 0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

/* products listview content (portfolio) */
#listview ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;  
}
#listview ul li{
  position: relative;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  display: block;
}
#listview ul li .image{
  position: relative;
  display: block;
  height: 193px;
  /* width: 697px; */
  width: 940px;  
  cursor: pointer;
  margin: 0;
  margin-bottom: 10px;
  background-color: #252525;  
  border: 1px solid #000000; 
  border-bottom: 1px solid #1c1c1c;
  border-right: 1px solid #1c1c1c;  
}
#listview ul li .image a:hover img{
  border: 1px solid #333;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; 
}
#listview ul li .image a img{
  position: absolute;  
  top: 5px;
  left: 5px;
  
  width: 928px;

  border: 1px solid #41413d;
  margin: 0 !important;
  padding: 0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
} 
#listview ul li .text{
  color: #8f8f8f;
  width: 940px;
  font-size: 11pt;
  line-height: 17pt;
}
#listview ul li .readmore{
  margin-top: 5px;
  font-weight: bold;
}

/*=======================================================================/ FOOTER DIV \============*/
#divFooter {

  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;                                         
  width: auto;
  height: 133px;
  background-image: url('/images/footerbg.png');
  background-repeat: repeat-x;
}
#footer{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  height: 133px;
  background-image: url('/images/footerlogo.png');
  background-repeat: no-repeat;
  background-position: 0 12px;
  color: #434343
}
#footer a{
  color: #434343;
  text-decoration: none;
}
#footer a:hover{
  color: #c7c7c7;
}
#footerTop{
  z-index: 1;
  position: absolute;
  left: 0px;
  right: 0px;
  top: -90px;
  height: 90px;
  background-image: url('/images/footertopbg.png');
  background-repeat: repeat-x;
  background-color: #fff;
}

/*  ## FOOTER CONTACT ##  */
#footerContact {
  position: absolute;
  left: 0;
  top: 27px;
  width: 370px;
  padding-left: 90px;
}
#footerContact table{
  width: 100%;
}
#footerContact tr td{
  width: 175px;
  vertical-align: top;
}

/*  ## FOOTER MENU ##  */
#footerMenu{
  position: absolute;
  left: 520px;
  top: 33px;  
  width: 200px;
}
#footerMenu ul{
  padding: 0; 
  margin: 0;
  list-style-type: none;
}

#footerMenu li{
  padding: 1px;
  margin: 0;
  padding-left: 15px;
  background-image: url('/images/footermenu_bullet.png');
  background-repeat: no-repeat;
  background-position: 0 4px;  
}

/*  ## FOOTER COPYRIGHT ##  */
#footerCopyRight{
  position: absolute;
  top: 33px;
  right: 30px;
  text-align: right;
}



#leftLatest{
  width: 580px;
  float: left;
}
#rightLatest,
#leftLatest{
  padding-top: 20px;
}
#leftLatest h1,
#rightLatest h1{
  margin-top: 15px;
  text-decoration: none;
  text-transform: uppercase;
  color: #595959;
  font-size: 23pt;
  font-weight: normal;
}

#rightLatest{
  width: 340px;
  padding-left: 20px;
  float: left;
}
.latestList{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.latestThumb a{
  float: left;
  position: relative;
  display: block;
  height: 92px;
  width: 92px;
  margin: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #252525;  
  border: 1px solid #000000; 
  border-bottom: 1px solid #1c1c1c;
  border-right: 1px solid #1c1c1c;

}
.latestThumb a:hover{
  background-color: #222;
  border: 1px solid #000;
}
.latestThumb a:hover img{
  border: 1px solid #333;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; 
}
.latestThumb img{
  position: absolute;  
  top: 5px;
  left: 5px;  
  border: 1px solid #41413d;
  margin: 0;
  padding: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}


.videoThumbHolder{
  display: block; 
  cursor: pointer; 
  width: 200px; 
  margin-bottom: 17px;  
    text-decoration: none;
}
.videoThumbHolder.active{
  cursor: default;
}
.videoThumbHolder h2{
  margin: 0;
  padding: 0;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 5px;
  color: #aaa;
}
.videoThumbHolder.active h2{
  color: #fff;
}
.videoThumbHolder .videoThumbOuter{
  border: #000 1px solid; 
  border-right: #444 1px solid; 
  border-bottom: #444 1px solid;
  padding: 5px;
}
.videoThumbHolder.active .videoThumbOuter,
.videoThumbHolder:hover .videoThumbOuter {
  border: #444 1px solid;
}
.videoThumbHolder .videoThumb{
  height: 100px;
  width: 190px;
  background-repeat: no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;   
}
.videoThumbHolder.active .videoThumb,
.videoThumbHolder:hover .videoThumb{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; 
}

/* References
---------------------------------------------------------------------------------------------------------------- */
#references-list {

}

#references-list .reference-item {
    float: left;
}

#references-list .reference-item .image {
    /*width: 313px;*/
}

#references-list .reference-item .image img {
    /*width: 313px;*/
}