/* WEBSITES CSS */


/* ************************************************** div#main ****************************** */
div#mainwrap {
  position: relative;
  margin: 0 auto;
}
div#main {
	margin: 0;
}


/* ************************************************** div#websitestoolbar ****************************** */
div#websitestoolbar {
  overflow: hidden;
  width: 980px;
  margin: 0 0 18px 0;
  padding: 0;
  background-color: #FDFCFA;
  background-image: url(/imgD/bkg_websites_toolbar.png);
  background-position: left bottom;
  background-repeat: repeat-x;
  border: solid #DFDBDA;
  border-width: 0 4px 4px 4px;
}
#websitestoolbar a.analyze {
  float: left;
  margin: 17px 0 0 160px;
  padding: 0;
}
#websitestoolbar a.analyze img {
  display: block;
  margin: 0;
  padding: 0;
}
#websitestoolbar ul.toolbar {
  float: left;
  overflow: hidden;
  width: 648px;
  margin: 6px 0 0 54px;
  padding: 0;
  list-style-type: none;
}
#websitestoolbar .toolbar li {
  float: left;
  width: 54px;
  height: 54px;
  margin: 0;
  padding: 0;
}
#websitestoolbar .toolbar a {
  display: block;
  width: 54px;
  height: 54px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  background-repeat: no-repeat;
  background-position: 0 0;
  outline: none;
}
#websitestoolbar .toolbar a.active {
  background-position: 0 -54px;
}
#websitestoolbar .toolbar a.current {
  background-position: 0 0 ! important;
}
#websitestoolbar .toolbar a.off {
  background-position: 0 -108px;
}
#websitestoolbar .toolbar a:hover {
  background-position: 0 0;
}
#websitestoolbar .toolbar a.off:hover {
  background-position: 0 -108px;
  cursor: default;
}
#websitestoolbar .toolbar .cms a {
  background-image: url(/imgD/toolbar_cms.png);
}
#websitestoolbar .toolbar .design a {
  background-image: url(/imgD/toolbar_design.png);
}
#websitestoolbar .toolbar .web20 a {
  background-image: url(/imgD/toolbar_web20.png);
}
#websitestoolbar .toolbar .flash a {
  background-image: url(/imgD/toolbar_flash.png);
}
#websitestoolbar .toolbar .ecommerce a {
  background-image: url(/imgD/toolbar_ecommerce.png);
}
#websitestoolbar .toolbar .seo a {
  background-image: url(/imgD/toolbar_seo.png);
}
#websitestoolbar .toolbar .social a {
  background-image: url(/imgD/toolbar_social.png);
}
#websitestoolbar .toolbar .security a {
  background-image: url(/imgD/toolbar_security.png);
}
#websitestoolbar .toolbar .data a {
  background-image: url(/imgD/toolbar_data.png);
}
#websitestoolbar .toolbar .applications a {
  background-image: url(/imgD/toolbar_applications.png);
}
#websitestoolbar .toolbar .accessibility a {
  background-image: url(/imgD/toolbar_accessibility.png);
}
#websitestoolbar .toolbar .docs a {
  background-image: url(/imgD/toolbar_docs.png);
}
div#websitestoolbardrawer {
  position: absolute;
  z-index: 1000;
  overflow: hidden;
  width: 980px;
  height: 110px;
  margin: -18px 0 0 0;
  padding: 0;
  background-color: #fff;
  border: solid #DFDBDA;
  border-width: 0 4px 4px 4px;
}
#websitestoolbardrawer h1 {
  float: left;
  width: 295px;
	margin: 0;
	padding: 0;
  color: #69c3d0;
  font-family: "Myriad Pro", Tahoma, "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 16px;
	font-weight: bold;
  text-align: center;
  text-transform: uppercase;
	line-height: 94px;
}
#websitestoolbardrawer div.details {
	margin: 0 50px 0 295px;
	padding: 10px 0 5px 0;
  text-align: left;
}
#websitestoolbardrawer .details h2 {
	margin: 0;
	padding: 0 0 10px 0;
  color: #000;
  font-family: "Myriad Pro", Tahoma, "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
}
#websitestoolbardrawer .details p {
  color: #47332d;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
}



/* ************************************************** div#projectdata ****************************** */
div#projectdata {
  position: relative;
  overflow: hidden;
	width: 928px;
  height: 70px;
	margin: 0;
	padding: 0 15px 15px 15px;
}
#projectdata h1 {
	margin: 0 0 0 270px;
  color: #69c3d0;
}
p.agency {
  position: absolute;
  left 0;
  top: 5px;
  margin: 0;
  padding: 0;
  color: #c9c5c4;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
}
p.difficulty {
  position: absolute;
  right: 0;
  top: 0;
}
/*h1 {
	margin: 0;
	padding: 0 0 .5em 0;
  color: #47332d;
  font-family: "Myriad Pro", Tahoma, "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.2em;
}
h2 {
	margin: 0;
	padding: 0 0 .5em 0;
  color: #69c3d0;
  font-family: "Myriad Pro", Tahoma, "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2em;
}
*/


/* ************************************************** div#content ****************************** */
div#content {
  float: right;
	width: 717px;
	margin: 0;
	padding: 0;
}
div.projectdetails {
  margin: 0;
  padding: 15px 30px 0 45px;
}


  #slideshow {

    width: 717px;
    height: 404px;
  }


/* ************************************************** div#column ****************************** */
div#column {
  float: left;
	width: 226px;
	margin: 0;
	padding: 0 15px 0 0;
}
/*
.sectionbox -- grey bkg box
*/
#column div.sectionbox {
  width: 226px;
  background-image: url(/imgD/bkg_column_sectionbox_top_226.gif);
}
#column div.sectionboxwrap {
  width: 192px;
  padding: 15px 17px 4px 17px;
  background-image: url(/imgD/bkg_column_sectionbox_btm_226.gif);
}
#column .sectionbox ul.navwebsites li {
  line-height: 2em;
}
#column .sectionbox .navwebsites  a.current,
#column .sectionbox .navwebsites  a:hover {
  color: #db610b;
}

#column .sectionbox h2.filters {
  color: #47332d;
  text-align: center;
}
#column ul.websitesfilters {
  overflow: hidden;
  width: 192px;
  margin: 6px 0 0 0;
  padding: 0 0 1em 0;
  list-style-type: none;
}
#column .websitesfilters li {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
}
#column .websitesfilters a {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  background-repeat: no-repeat;
  background-position: 0 -32px;
  outline: none;
}

#column .websitesfilters a:hover,
#column .websitesfilters a.current {
  background-position: 0 0;
}
#column .websitesfilters a.off {
  background-position: 0 -64px;
}
#column .websitesfilters a.active {
  background-position: 0 -32px;
}
#column .websitesfilters .cms a {
  background-image: url(/imgD/filters_cms.png);
}
#column .websitesfilters .design a {
  background-image: url(/imgD/filters_design.png);
}
#column .websitesfilters .web20 a {
  background-image: url(/imgD/filters_web20.png);
}
#column .websitesfilters .flash a {
  background-image: url(/imgD/filters_flash.png);
}
#column .websitesfilters .ecommerce a {
  background-image: url(/imgD/filters_ecommerce.png);
}
#column .websitesfilters .seo a {
  background-image: url(/imgD/filters_seo.png);
}
#column .websitesfilters .social a {
  background-image: url(/imgD/filters_social.png);
}
#column .websitesfilters .security a {
  background-image: url(/imgD/filters_security.png);
}
#column .websitesfilters .data a {
  background-image: url(/imgD/filters_data.png);
}
#column .websitesfilters .applications a {
  background-image: url(/imgD/filters_applications.png);
}
#column .websitesfilters .accessibility a {
  background-image: url(/imgD/filters_accessibility.png);
}
#column .websitesfilters .docs a {
  background-image: url(/imgD/filters_docs.png);
}