/* Styles specifically for the home page -c
------------------------------------------------- */

/* Layout
------------------------------------------------- */
#header {
  border-bottom: none;
}

#content {
  background-image: none;
}

#featured {
  position: relative;
  float: left;
  margin: 49px 0 10px;
  width: 940px;
  background: url("../images/bg/featured.gif") 0 0 repeat-y;
}

#featured-project {
  float: left;
  margin: 0 2px 0 0;
  width: 549px;
  min-height: 235px;
}

* html #featured-project {
	height:auto !important;
	height:235px;
}

.march #featured-project {
	background: url("../images/bg/featured-project/march.jpg") 0 2.7em no-repeat;
	background-color: #50643c;
}	

.CAfr #featured  #featured-project {
	background: #3b1a15 url("../images/canada-french/bg/featured-project/background.jpg") 0 27px no-repeat;
}

.CAfr #featured  #featured-project h3, .CAfr #featured  #featured-project p {
	color:#4e2806;
}

#featured-product {
  position: relative;
  float: left;
  width: 389px;
  min-height: 235px;
  background: url("../images/bg/featured-product/fixatif.jpg") 0 2.7em no-repeat;
}

#pitch {
  position: absolute;
  right: 0;
  margin: 0 -28px 0 0;
  width: 789px;
  height: 114px;
}

#main {
  float: left;
  border-top: 1px dotted #94998b;
  padding: 10px 0 0 0;
  width: 940px;
  background: url("../images/bg/main-home.gif") 0 0 repeat-y;
}

#featured-advice {
  float: left;
  margin: 0 11px 0 0;
  border-bottom: 2px solid #e2ded5;
  width: 299px;
  background: #f5f1e7;
}

.CAfr #environment {
  float: left;
  margin: 0 11px 0 0;
  border-bottom: 2px solid #e2ded5;
  width: 299px;
  background:#f0f7e2;
}

#featured-advice #author {
  padding: 5px;
  background: #e2ded5;
  overflow: auto;
}

#featured-advice #article {
  padding: 10px 10px 0;
}

#search-and-ad {
  float: left;
  margin: 0 1px 0 0;
  width: 240px;
}

#search {
  margin: 0 10px;
  border-bottom: 1px dotted #94998b;
  padding: 0 0 10px;
}

#ad {
  margin: 10px 0 0 0;
}

#ad img {
  	margin-left:2px;
	width:236px;
}

#color-and-tip, #colour-and-tip {
  float: left;
  width: 389px;
}

#main #tip a{
	margin: 10px 0 0 10px;
	background: url("../images/art-scholar/scholarship_banner.jpg") 0 0 no-repeat;
	width:379px;
	height:107px;
	display:block;
	border:none;
}

#main #tip h2 {
	text-indent:-9999px;
}

#main #tip p {
	padding: 20px 0 0 86px;
}

#main #tip #winners{
	background: url("../images/art-scholar/2010scholarship_winners.jpg") 0 0 no-repeat;
}

#main #tip a:hover{
	text-decoration:none;
}

#color-center, #colour-centre {
  margin: 0 0 0 9px;
  border-bottom: 1px dotted #94998b;
  padding: 0 0 10px 0;
  width: 380px;
  height: 119px;
  background: url("../images/bg/color-center-home.jpg") 0 0 no-repeat;
}


/* Text
------------------------------------------------- */
#logo h1 {
  width: 138px;
  height: 65px;
  text-indent: -9999px;
  background: url("../images/logo.jpg") 0 0 no-repeat;
}

#featured-project h2,
#featured-product h2 {
  margin: 0 0 15px 0;
  padding: 0.5em 0 0.5em 276px;
  font-size: 1.2em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fff;
}

.CAfr #featured #featured-project h2,
.CAfr #featured #featured-product h2{
	height:15px;
	width:120px;
	text-indent:-9999px;
  background: url("../images/canada-french/bg/home/featured-project.png") right 6px no-repeat;
}

.CAfr #featured #featured-product h2 {
  background: #2b394c url("../images/canada-french/bg/home/featured-product.png") 28px 10px no-repeat;
width:320px;
}

.dec #featured-project h2 {
  background: #6d4d52;
}


#featured-product h2 {
  padding-left: 29px;
}

.april #featured-product h2 {
  background: #2e3d51;
}

#pitch h2 {
  width: 789px;
  height: 114px;
  text-indent: -9999px;
  background: url("../images/bg/elevator-pitch.jpg") 0 0 no-repeat;
}

.CAfr #pitch h2 {
  width: 789px;
  height: 114px;
  text-indent: -9999px;
  background: url("../images/canada-french/bg/elevator-pitch.jpg") 0 0 no-repeat;
}

.CAeng #pitch h2 {
  width: 789px;
  height: 114px;
  text-indent: -9999px;
  background: url("../images/canada-english/bg/elevator-pitch.jpg") 0 0 no-repeat;
}

#main #color-center h2, #main #colour-centre h2 {
  padding: 13px 0 0 11px;
  width: 259px;
  height: 22px;
}

#featured-advice #author h2 {
  display: block;
  float: right;
  width: 230px;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1;
}

#featured-advice #author h2 span {
  display: block;
  margin: 2px 0 0 0;
  width: 181px;
  height: 20px;
  text-indent: -9999px;
  background: url("../images/bg/expert-advice-from.gif") 0 0 no-repeat;
}

#tip h2 {
  margin: 0 0 0.3em 0;
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#featured-project h3 {
  margin: 0 0 0.5em 276px;
  font-size: 2.0em;
  font-weight: normal;
  color: #fff;
}

#featured-product h3 {
  margin: 0 0 0.5em 29px;
  font-size: 1.833em;
  font-weight: normal;
  color: #fff;
}

#featured-advice #article h3 {
  font-size: 1.5em;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1;
  color: #312520;
}

#featured-advice #article h4 {
  margin: 0 0 1em;
  font-size: 0.95em;
  font-weight: normal;
  font-style: italic;
}

#featured-project p {
  margin-left: 276px;
  margin-right: 10px;
  font-size: 1.33em;
  color: #fff;
}

#featured-product p {
  margin-left: 29px;
  margin-right: 136px;
  font-size: 1.2em;
  color: #fff;
}

#color-center p, #colour-centre p {
  margin: 0 0 0 11px;
  width: 331px;
  height: 14px;
  text-indent: -9999px;
  background: url("../images/bg/color-center-p.gif") 0 0 no-repeat;
}

.CAfr #color-center p {
  background: url("../images/canada-french/bg/color-center-p.gif") 0 0 no-repeat;
}

#featured-project a.more,
#featured-product a.more {
	display: block;
	text-indent: -10000px;
}

#featured-product a.more {
	background: url('../images/bg/more-about-product-button.gif') no-repeat top left;
	width: 212px;
	height: 23px;
}

.CAfr #featured-product a.more {
	background: url('../images/canada-french/bg/home/more-about-product-button.gif') no-repeat top left;
}

* html .CAfr #featured-product a.more {
	background: url('../images/canada-french/bg/home/more-about-product-button.gif') no-repeat top left;
}

#featured-project a.more {
	background: url('../images/bg/more-about-project-button.gif') no-repeat top left;
	width: 220px;
	height: 26px;
}

.CAfr #featured-project a.more {
	background: url('../images/canada-french/bg/home/more-about-project-button.png') no-repeat top left;
}

* html .CAfr #featured-project a.more {
	background: url('../images/canada-french/bg/home/more-about-project-button.gif') no-repeat top left;
}

#featured-project a.more:hover,
#featured-project a.more:focus,
#featured-product a.more:hover,
#featured-product a.more:focus {
  border-bottom-style: solid;
}

#featured-advice a.more {
  display: block;
  border-bottom: none;
  width: 109px;
  height: 22px;
  text-indent: -9999px;
  background: url("../images/bg/read-more.gif") 0 0 no-repeat;
}

.CAfr #environment h2 {
  display: block;
  border-bottom: none;
  width: 299px;
  height: 90px;
  text-indent: -9999px;
  background: url("../images/canada-french/bg/home/environment-title.png") 0 0 no-repeat;
}

.CAfr #environment #article {
  margin:-20px 0 0 13px;
	width:285px;
	padding-bottom:15px;
}

.CAfr #environment a.more {
  display: block;
  border-bottom: none;
  width: 124px;
  height: 27px;
  text-indent: -9999px;
  background: url("../images/canada-french/bg/home/read-more.png") 0 0 no-repeat;
}

.CAfr #video {
	margin-left:10px;
}

.CAfr #video a {
	margin-left:10px;
	border-bottom:none;
}

.CAfr #video h3 {
  display: block;
  border-bottom: none;
	height:18px;
	text-indent:-9999px;
	width:215px;
	margin-top:16px;
  background: url("../images/canada-french/bg/home/see-videos.png") 0 0 no-repeat;
}

.CAfr #find-retailer h2 {
	margin:13px 0 0 10px;
}

.CAfr #find-retailer #retailer {
  display: block;
  border-bottom: none;
	height:40px;
	text-indent:-9999px;
	width:379px;
  background: url("../images/canada-french/bg/home/find-retailer-large.png") 0 0 no-repeat;
}

#featured-advice a.more:hover,
#featured-advice a.more:focus {
  border-bottom: none;
  background-position: 0 -22px;
}

#ad a {
  border-bottom: none;
}

#ad a:hover,
#ad a:focus {
  border-bottom: none;
}

#main #color-center h2 a, #main #colour-centre h2 a {
  display: block;
  border-bottom: none;
  width: 259px;
  height: 22px;
  background: url("../images/bg/color-center-link-home.gif") 0 0 no-repeat;
  text-indent: -9999px;
}

.CAfr #main #color-center h2 a {
  background: url("../images/canada-french/bg/color-center-link-home.gif") 0 0 no-repeat;
}

.CAeng #main #colour-centre h2 a {
  background: url("../images/canada-english/bg/color-center-link-home.gif") 0 0 no-repeat;
}

.CAeng #main #colour-centre h2 a {
  display: block;
  border-bottom: none;
  width: 259px;
  height: 22px;
  background: url("../images/canada-english/bg/color-center-link-home.gif") 0 0 no-repeat;
  text-indent: -9999px;
}

#main #color-center h2 a:hover,
#main #colour-centre h2 a:hover,
#main #color-center h2 a:focus,
#main #colour-centre h2 a:focus {
  border-bottom: none;
  background-position: 0 -22px;
}

#featured-product ul {
  margin: 0 136px 1em 29px;
  font-size: 1.2em;
  color: #fff;
}

#featured-product li {
  padding: 0 0 0 20px;
  background: url("../images/bg/featured-product/fixatif-bullet.png") 0 0.2em no-repeat;
}

* html #featured-product li {
  background: url("../images/bg/featured-product/fixatif-bullet.gif") 0 0.2em no-repeat;
}

#featured-project img {
/*  position: absolute;
  top: -54px;
  left: 5px;
  z-index: 100;
*/
	border: 2px solid #e9e5dc;
  padding: 5px 5px 52px;
  background: #fff;
}

#featured-product img,
#featured-product span {
  position: absolute  !important;
  top: -60px  !important;
  right: 0  !important;
  z-index: 100  !important;
  margin: 0 -40px 0 0  !important;
}

#featured-advice #author img {
  float: left;
}

/* Styles specific to dynamic/static (JS)
	 portions of the featured project
---------------------------------*/
.static #featured-image {
	z-index: 100;
	top: 40px;
	left: 5px;
	position: absolute;
}

.static#featured-project h4 {
	color: #FFFFFF;
	font-size: 1.33em;
	margin-left: 276px;
	margin-right: 10px;
}

.dynamic #featured-image {
	position: absolute;
	z-index: 100;
	top: -90px;
	left: -120px;
}

.static #product-used {
	float: right;
}

.static #product-used img {
	width: 50px;
	background: none;
	border: 0;
	z-index: 105;
	top: 222px;
	left: 203px;
	position: absolute;
	
}

.dynamic #product-used {
	display: none;
}

.dynamic#featured-project {
	padding-bottom: 25px;
}

.static#featured-project {
	min-height: 350px;
}