/*----------------------------------------------------------------------*/
#header #submenuWorks {
  position:		absolute;
  top:			65px;
  height:		45px;
}
#header #submenuWorks ul {
  list-style:		none;
}
#header #submenuWorks ul li {
  float:		left;
  padding:		10px 0px 0px 0px;
}
#header #submenuWorks ul li a {
  position:		relative;
  top:			1px;
  height:		35px;
  display:		block;
}


/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#featured {
  position:		relative;
}
/*----------------------------------------------------------------------*/
#featured a {
  text-decoration:	none;
}
#featured h1 {
  margin-bottom:	10px;
}
/*----------------------------------------------------------------------*/
#featured .frame {
  width:		830px;
  padding:		10px 14px 12px 14px;
  margin-bottom:	15px;
  background:		#EEEEEE;
  border:		1px solid #DEDEDE;
}
#featured .frame h2 {
  color:		#A3A1A1;
  text-transform:	uppercase;
  font-weight:		bold;
}
#featured .frame img {
  width:		830px;
}
/*----------------------------------------------------------------------*/
#featured .details {
  width:		830px;
}
#featured .details .clientLogo {
  margin:		2px 25px 0px 0px;
  float:		left;
}
#featured .details p {
  line-height:		1.5em;
  color:		#A4A2A2;
}


/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#works {
}
#works .block {
  width:		880px;
  padding-right:	0px;
}
/*----------------------------------------------------------------------*/
#works ul {
  width:		100%;
  list-style:		none;
}
#works ul li {
  position:		relative;
  margin:		0px 18px 18px 0px;
  float:		left;
  line-height:		7px;
}
#works ul li a {
  height:		260px;
  padding:		14px 14px 0px 14px;
  background:		#EEEEEE;
  border:		1px solid #DEDEDE;
  text-decoration:	none;
  display:		block;
}
#works ul li a:hover {
  background:		#DEDEDE;
}
#works ul li .thumb1x {
  width:		245px;
}
#works ul li .thumb2x {
  width:		538px;
}
#works ul li a .client {
  display:		block;
  font-size:		13px;
  text-transform:	uppercase;
  color:		#A4A2A2;
}
#works ul li a .name {
  display:		block;
  font-size:		13px;
  text-transform:	uppercase;
  font-weight:		bold;
  color:		#969494;
}
#works ul li a .text {
  margin-top:		10px;
  font-size:		12px;
  line-height:		14px;
  height:		28px;
  color:		#A4A2A2;
  display:		block;
  overflow:		hidden;
}
#works ul li img {
  margin-top:		10px;
  padding:		9px;
  background:		#FFFFFF;
  border:		1px solid #DFDEDE;
}
#works ul li .thumb1x img {
  width:		225px;
  height:		150px;
}
#works ul li .thumb2x img {
  width:		518px;
  height:		150px;
}
#works .shadow {
  position:		absolute;
  top:			63px;
  left:			25px;
  height:		150px;
  display:		block;
}
#works ul li .more {
  position:		absolute;
  top:			63px;
  right:		13px;
  width:		50px;
  height:		50px;
  background:		url(/img/icon-more.png) no-repeat left top;
  display:		none;
}
#works ul li:hover .more {
  display:		block;
}
#works .thumb1x .shadow {
  width:		225px;
  background:		url(/img/bg-thumb1x.png) no-repeat left top;
}
#works .thumb2x .shadow {
  width:		518px;
  background:		url(/img/bg-thumb2x.png) no-repeat left top;
}
#works .btnTop {
  clear:		both;
  margin-right:		20px;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#work {
}
#work h1 {
  color:		#FF2E00;
  margin-bottom:	8px;
}
/*----------------------------------------------------------------------*/
#work .info .inner {
  position:		relative;
  width:		480px;
  height:		181px;
  padding:		16px 14px;
  background:		#F4F4F4;
  border:		1px solid #DFDEDE;
  display:		block;
}
#work .info .inner .shadow {
  position:		absolute;
  top:			16px;
  left:			14px;
  width:		480px;
  height:		180px;
  background:		url(/img/bg-inner.png) no-repeat left top;
  display:		block;
  font-size:		0px;
}
#work .info .inner .view,
#work .info .inner .play {
  position:		absolute;
  top:			16px;
  right:		14px;
  width:		50px;
  height:		50px;
  display:		none;
  font-size:		0px;
}
#work .info .inner .view {
  background:		url(/img/icon-view.png) no-repeat right top;
}
#work .info .inner .play {
  background:		url(/img/icon-play.png) no-repeat right top;
}
#work .info .inner:hover .view,
#work .info .inner:hover .play {
  display:		block;
}
/*----------------------------------------------------------------------*/
#work .info .workURL {
  color:		#A4A2A2;
  font-weight:		bold;
  text-decoration:	none;
  display:		block;
}
#work .info .workURL:hover {
  color:		#666666;
}
#work .info .workURL span {
  width:		18px;
  height:		10px;
  line-height:		10px;
  margin-top:		4px;
  background:		url(/img/arrow-right.gif) no-repeat left top;
  display:		block;
  float:		left;
}
#work .info .workURL:hover span {
  background:		url(/img/arrow-right.gif) no-repeat left bottom;
}
/*----------------------------------------------------------------------*/
#work .info .services {
  width:		160px;
  margin:		3px 0px 20px 20px;
  padding:		17px;
  font-size:		12px;
  background:		url(/img/bg-services.gif);
  float:		right;
}
#work .info .services ul {
  list-style:		none;
}
#work .info .services ul li {
  padding-left:		15px;
  font-weight:		bold;
  background:		url(/img/bullet.gif) no-repeat left 4px;
}
/*----------------------------------------------------------------------*/
#work .info .text {
  margin-top:		13px;
}
#work .info .text h2 {
  text-transform:	uppercase;
  margin:		1.5em 0px 0px 0px;
  color:		#999999;
}
#work .info .text p {
  margin-bottom:	12px;
}
#work .info .text ul {
  padding-left:		25px;
  margin-bottom:	25px;
}
/*----------------------------------------------------------------------*/
#work .column {
  padding-top:		0px;
}
#work .column .relatedPics {
  padding:		14px;
  margin-bottom:	40px;
  background:		#EAEAEA;
}
#work .column .relatedPics h3 {
  margin:		3px 0px;
}
#work .column .relatedPics ul {
  list-style:		none;
}
#work .column .relatedPics ul li a {
  position:		relative;
  width:		225px;
  height:		150px;
  padding:		14px;
  margin-bottom:	14px;
  background:		#FFFFFF;
  border:		1px solid #D5D5D5;
  display:		block;
}
#work .column .relatedPics ul li a .shadow {
  position:		absolute;
  top:			14px;
  left:			14px;
  width:		225px;
  height:		150px;
  background:		url(/img/bg-thumb1x.png) no-repeat left top;
  display:		block;
  font-size:		0px;
}
#work .column .relatedPics ul li a .view,
#work .column .relatedPics ul li a .play {
  position:		absolute;
  top:			14px;
  right:		14px;
  width:		50px;
  height:		50px;
  background:		url(/img/icon-view.png) no-repeat right top;
  display:		none;
  font-size:		0px;
}
#work .column .relatedPics ul li a .view {
  background:		url(/img/icon-view.png) no-repeat right top;
}
#work .column .relatedPics ul li a .play {
  background:		url(/img/icon-play.png) no-repeat right top;
}
#work .column .relatedPics ul li a:hover .play,
#work .column .relatedPics ul li a:hover .view {
  display:		block;
}
/*----------------------------------------------------------------------*/
#miniSubmenu {
  width:		100%;
}
#miniSubmenu ul {
  float:		right;
  list-style:		none;
}
#miniSubmenu ul li {
  float:		left;
}
#miniSubmenu ul li a {
  height:		20px;
  margin-left:		20px;
  display:		block;
}