html, body {
  
  padding: 0;
  margin: 0;
}

body {
  text-align: center;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

html {
  background: #EDEDED url(images/intertrendbg.jpg) no-repeat top center fixed;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

a, a:link, a:visited {
  color: #999999;
  text-decoration: none;
}

a:hover, a:active {
  color: #888800;
}

a.autolink, a.autolink:link, a.autolink:visited {
  display: block;
  padding: 5px;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #CCCC00;
  border-right: 1px solid #CCCC00;
  margin: 1px 0px;
  background-color: #FFFFFF;
}

a.autolink_selected, a.autolink_selected:link, a.autolink_selected:visited {
  background-color: #CCCC00;
  color: #000000;
}

#autocomplete {
  padding-left: 4px;
}

a.autolink:hover, a.autolink:active {
  border: 1px solid #000000;
  font-weight: bold;
}

#fbbutton {
  position: fixed;
  z-index: 1099;
  background: transparent url( 'images/fbbutton.png' ) top left no-repeat;
  display: block;
  width: 25px;
  height: 28px;
  left: 0px;
  bottom: 108px;
}

#twbutton {
  position: fixed;
  z-index: 1099;
  background: transparent url( 'images/twbutton.png' ) top left no-repeat;
  display: block;
  width: 25px;
  height: 28px;
  left: 0px;
  bottom: 78px;
}

#vmbutton {
  position: fixed;
  z-index: 1099;
  background: transparent url( 'images/vmbutton.png' ) top left no-repeat;
  display: block;
  width: 25px;
  height: 28px;
  left: 0px;
  bottom: 48px;
}

#fbbuttonmobile {
  position: absolute;
  z-index: 1099;
  background: transparent url( 'images/fbbutton.png' ) top left no-repeat;
  display: block;
  width: 25px;
  height: 28px;
  left: 0px;
  top: 860px;
}

#twbuttonmobile {
  position: absolute;
  z-index: 1099;
  background: transparent url( 'images/twbutton.png' ) top left no-repeat;
  display: block;
  width: 25px;
  height: 28px;
  left: 0px;
  top: 890px;
}

#vmbuttonmobile {
  position: absolute;
  z-index: 1099;
  background: transparent url( 'images/vmbutton.png' ) top left no-repeat;
  display: block;
  width: 25px;
  height: 28px;
  left: 0px;
  top: 920px;
}

#header {
  z-index: 1093;
  position: fixed;
  width: 100%;
}

#logo {
  width: 960px;
  margin: 0 auto;
  height: 0px;
}

#logo #home {
  background: transparent url( "images/logo.png" ) bottom left no-repeat;
  height: 217px;
  width: 117px;
  display: block;
}

#header #nav {
  position: relative;
  z-index: 1099;
  text-align: center;
  background-color: #333333;
  background: url(images/navbg.gif);
}

#header #nav div {
  background-color: #333333;
  background: url("images/navbg.gif") repeat scroll 0 0 transparent;
  z-index: 1100;
}

#header #nav ul {
  overflow: hidden;
  list-style: none outside none;
  padding: 0;
  padding-top: 0px;
  margin: 0 auto;
  text-align: center;
  z-index: 1100;
  width: 960px;
}

#header #nav ul li {
  display: inline;
  z-index: 1101;
}

#header #nav .holder {
  padding-bottom: 5px;
  background: #EDEDED url(images/intertrendbg.jpg) no-repeat top center fixed;
}

#header #nav .toggle {
  width: 960px;
  margin: 0 auto;
  text-align: right;
}

#header #nav .toggle .toggle_button {
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  background-color: #CCCC00;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px 48px 5px;
  font-size: 16px;
  margin-top: -3px;
  text-decoration: none;
}

a.project_arrow .arrow, a.project_arrow:link .arrow, a.project_arrow:visited .arrow {
  position: absolute;
  top: 3px;
  left: 0px;
  visibility: hidden;
}

a.project_arrow:hover .arrow, a.project_arrow:active .arrow {
  visibility: visible;
}

#container {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  padding-top: 100px;
  padding-bottom: 140px;
  /*background: transparent url( "images/logo.png" ) top left no-repeat;
  background-position: 0px 40px;*/
}

#navigation {
  position: fixed;
  width: 210px;
  display: block;
  float: left;
}

.page_attribute {
  text-transform: uppercase;
  font-size: 10px;
  color: #888888;
  line-height: 8px;
}

h1, h2, h3 {
  line-height: normal;
  padding: 0;
  margin: 0;
  font-weight: bold;
  color: #888800;
  padding-bottom: 10px;
}

h1 {
  font-size: 24px;
  line-height: 22px;
}

h2 {
  font-size: 20px;
  line-height: 16px;
}

h3 {
  font-size: 18px;
  line-height: 12px;
}

#content {
  padding-left: 240px;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
  z-index: 999;
  margin-top: -121px;
}

#content .large {
  font-size: 28px;
  color: #CCCC00;
  font-weight: bold;
  line-height: 1em;
}

.news_post {
  margin-bottom: 50px;
  
}

#content a, #content a:link, #content a:visited {
  color: #333333;
}

#content a:hover, #content a:active {
  color: #888800;
}

.news_post a, .news_post a:hover, .news_post a:active {
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

a.project_link, a.project_link:visited {
  margin-top: 5px;
  padding: 3px 8px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #CCCC00;
  color: #FFFFFF !important;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

a.project_link:hover, a.project_link:active {
  color: #FFFFFF !important;
  background-color: #888800;
  -moz-border-radius: 5px;
  border-radius: 5px;
}a.project_link_alt, a.project_link_alt:visited {  margin-top: 5px;  padding: 3px 8px;  -moz-border-radius: 5px;  border-radius: 5px;  background-color: #000000;  color: #FFFFFF !important;  text-decoration: none;  font-weight: bold;  font-size: 16px;}a.project_link_alt:hover, a.project_link_alt:active {  color: #FFFFFF !important;  background-color: #333333;  -moz-border-radius: 5px;  border-radius: 5px;}

.scroll_link {
  font-size: 14px;
}

a.nav_link, a.nav_link:visited {
  margin-top: 5px;
  padding: 3px 8px;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  background-color: transparent;
  color: #999999;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

a.nav_link:hover, a.nav_link:active {
  color: #FFFFFF;
  background-color: #888800;
}

.news_date {
  font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
  color: #888888;
  font-size: 14px;
  font-weight: bold;
}

.news_title {
  font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
  color: #888800;
  font-size: 30px;
  /*background: url(images/dotpattern.gif);*/
  margin-bottom: 15px;
  font-weight: bold;
}

.news_picture {
  float: left;
  margin-right: 10px;
  font-size: 0px;
  line-height: 0px;
}

.news_picture a {
  padding: 1px;
  background-color: #AAAAAA;
  display: block;
  position: relative;
}

.news_picture a .plus {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.news_picture a .plus, .news_picture a:hover .plus {
  border: 0;
}

.news_picture a:hover {
  background-color: #888800;
}

.news_picture a img {
  border: 10px solid #CCCCCC;
}

.news_picture a:hover img {
  border: 10px solid #CCCC00;
}

.news_body {
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
  font-size: 13px;
  color: #444444;
}

.news_link {
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
  font-size: 12px;
  color: #444444;
  font-style: italic;
}

.news_footer {
  padding: 15px 0px 5px;
  border-bottom: 1px dotted #CCCCCC;
  clear: left;
  text-align: right;
  font-size: 11px;
}

.news_footer a, .news_footer a:link, .news_footer a:visited {
  color: #000088;
  text-decoration: none;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
}

.news_footer a:hover {
  color: #000000;
  text-decoration: underline;
}

.news_video {
  display: inline;
  padding-top: 20px;
}

.newfont {
  font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif;
}

a.standard_btn {
  padding: 19px 0px;
  width: 154px;
  display: inline-block;
  background-color: transparent;
  color: #FFFFFF !important;
  margin-top: -20px;
  text-decoration: none;
  font-weight: bold;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
}

a.standard_btn:hover {
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #000000;
  color: #CCCC00 !important;
  
}

a.standard_btn:active {
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #000000;
  color: #CCCC00;
 
}

a.standard_btn_selected {
  padding: 19px 0px;
  width: 154px;
  display: inline-block;
  margin-top: -20px;
  background-color: #000000;
  color: #CCCC00 !important;

  text-decoration: none;
  font-weight: bold;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
}

a.standard_btnbottom {
  padding: 3px 8px;
  background-color: transparent;
  color: #666666 !important;
  
  text-decoration: none;
  font-weight: bold;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
}

a.standard_btnbottom:hover {
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #CCCC00;
  color: #FFFFFF !important;
  
}

a.standard_btnbottom:active {
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #CCCC00;
  color: #FFFFFF;
 
}

/*a {
  padding: 2px 4px;
  background-color: transparent;
  color: #888800;
  text-decoration: none;
  font-weight: bold;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

a:hover {
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #888800;
  color: #FFFFFF;
}

a:active {
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #888800;
  color: #FFFFFF;
}*/

.slideholder {
  width: 720px;
  height: 400px;
  position: relative;
  overflow: hidden;
  border-top: 2px solid #CCCC00;
  border-bottom: 2px solid #CCCC00;
}

.slideholder .slideimage {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}

a.slidenext, a.slidenext:link, a.slidenext:visited {
  width: 38px;
  height: 29px;
  display: block;
  position: absolute;
  background: transparent url( 'images/rightarrow_full.png' ) top left no-repeat;
  bottom: 10px;
  right: 10px;
}

a.slidenext:hover, a.slidenext:active {
  background-position: 0px -29px;
}

a.slideprev, a.slideprev:link, a.slideprev:visited {
  width: 38px;
  height: 29px;
  display: block;
  position: absolute;
  background: transparent url( 'images/leftarrow_full.png' ) top left no-repeat;
  bottom: 10px;
  right: 48px;
}

a.slideprev:hover, a.slideprev:active {
  background-position: 0px -29px;
}

.project_thumb {
  width: 355px;
  height: 216px;
  display: block;
  float: left;
  position: relative;
  margin-bottom: 20px;
}

.project_thumb .project_thumb_border {
  background-color: #999999;
  padding: 1px;
}

.project_thumb .project_thumb_padding {
  background-color: #FFFFFF;
  padding: 2px;
}

.project_thumb a.project_href {
  width: 100%;
  height: 100%;
  z-index: 6;
  display: block;
  position: absolute;
}

.project_thumb .project_info {
  z-index: 3;
  position: relative;
  background: #FFFFFF url( 'images/projectlisting_over.png' ) top left no-repeat;
  margin-top: 216px;
  
}

.project_thumb .project_info_open {
  z-index: 3;
  position: relative;
  background: #FFFFFF url( 'images/projectlisting_over.png' ) top left no-repeat;
  margin-top: 216px;
  
}

.project_thumb .project_info .title, .project_thumb .project_info_open .title {
  padding: 20px 20px 0px 20px;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
  color: #888800;
  font-size: 22px;
  line-height: 20px;
}

.project_thumb .project_info .client, .project_thumb .project_info_open .client {
  padding: 0px 0px 20px 20px;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
  color: #999999;
  font-size: 14px;
  font-weight: bold;
}


.project_thumb_alt {
  width: 234px;
  height: 148px;
  display: block;
  float: left;
  position: relative;
  margin-bottom: 20px;
}

.project_thumb_alt .project_thumb_border {
  
}

.project_thumb_alt .project_thumb_padding {
  
}

.project_thumb_alt a.project_href {
  width: 100%;
  height: 100%;
  z-index: 6;
  display: block;
  position: absolute;
}

.project_thumb_alt .project_info {
  z-index: 3;
  position: relative;
  background: #FFFFFF url( 'images/projectlisting_over.png' ) top left no-repeat;
  margin-top: 144px;

}

.project_thumb_alt .project_info_open {
  z-index: 3;
  position: relative;
  background: #FFFFFF url( 'images/projectlisting_over.png' ) top left no-repeat;
  margin-top: 144px;

}

.project_thumb_alt .project_info .title, .project_thumb .project_info_open .title {
  padding: 20px 20px 0px 20px;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
  color: #888800;
  font-size: 22px;
  line-height: 20px;
}

.project_thumb_alt .project_info .client, .project_thumb .project_info_open .client {
  padding: 0px 0px 20px 20px;
  font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Arial, sans-serif;
  color: #999999;
  font-size: 14px;
  font-weight: bold;
}

.slider_box{width: 960px; height: 409px;position:relative;overflow:hidden;}
#slider{padding:0;}
#slider li{list-style:none;width:960px;height:409px;position:relative;}
#slider li .pic_box{position:relative;z-index:1;}
#slider li .pic_box img{vertical-align:top;}
#slider li .project_link_alt{top:310px;right:30px;position:absolute;z-index:2;}

.bx-controls{}
.bx-pager{position:absolute;bottom:5px;left:0;text-align:center;width:100%;}
.bx-pager-item{display:inline-block;*display:inline;}
.bx-pager-link{display:block;width:21px;height:21px;text-indent:-9999px;margin:0 2px;background:url(images/icon_pager.png) 0 -21px no-repeat;}
.bx-pager-link.active{background-position:0 0;}