#float {
    float: left;
}

#plainBackground {
    height: 200px;
    background-color: #466368;
}

#imagesBackground {
    height: 200px;
	background-image: url("../images/carrot.jpg");
}

#imagesNoRepeatBackground {
    height: 200px;
	background-image: url("../images/carrot.jpg");
	background-repeat: no-repeat;
}

#imagesNoRepeatOffsetBackground {
    height: 200px;
	background-image: url("../images/carrot.jpg");
	background-repeat: no-repeat;
	background-position: 50px 10px;	
}


#otherRefinements {
    height: 200px;
	background: #67b11c;
	background-image: url("../images/carrot.jpg");
	background-repeat: no-repeat;
	background-position: 50px 10px;

  border: 5px solid #467813;
  border-radius: 5px;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 15px 20px 15px 50px;
}

#otherRefinements h1 {
    margin-left: 300px;
}

#transparentBackground1  {
  height: 200px;
  background-color: #B2B2B2;
  background-color: rgba(0, 0, 0, .1);
}

#transparentBackground4  {
  height: 200px;
  background-color: #B2B2B2;
  background-color: rgba(0, 0, 0, .4);
}

#linearGradient{
    height: 200px;
    background: linear-gradient(red, #f06d06) no-repeat;
}

#linearGradient1 {
    height: 200px;  
    background: linear-gradient(0deg, #F0F0F0, #D1D1D1, #B2B2B2 80%) no-repeat;
}

#linearGradientStops{
  height: 200px; 
  background-image:
    linear-gradient(
      to right, 
      #fffdc2,
      #fffdc2 25%,
      #d7f0a2 25%,
      #d7f0a2 75%,
      #fffdc2 75%
    );
}
	
	
#linearGradientStripes {
  width: 100px;
  height: 100px;
  background-image: 
    repeating-linear-gradient(
      45deg,
      yellow,
      yellow 10px,
      red 10px,
      red 20px 
    );
}


#linearGradient2 {
    height: 200px;
	background: #466368;
    background: -webkit-linear-gradient(#648880, #293f50);
    background:    -moz-linear-gradient(#648880, #293f50);
    background:         linear-gradient(#648880, #293f50);

}


	

#generatedLinearGradient{
 /*from http://gradcolor.com/css3-gradient.php?c=3*/

    height: 200px;
    background-color:#daecf5;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#daecf5, endColorstr=#76848a);
    background-image:-moz-linear-gradient(top, #daecf5 0%, #76848a 50%,#171a1c 100%);
    background-image:linear-gradient(top, #daecf5 0%, #76848a 50%,#171a1c 100%);
    background-image:-webkit-linear-gradient(top, #daecf5 0%, #76848a 50%,#171a1c 100%);
    background-image:-o-linear-gradient(top, #daecf5 0%, #76848a 50%,#171a1c 100%);
    background-image:-ms-linear-gradient(top, #daecf5 0%, #76848a 50%,#171a1c 100%);
    background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#daecf5), color-stop(50%,#76848a),color-stop(100%,#171a1c));
}

#leftToRightLinearGradient {
  height: 200px;
  background: -webkit-linear-gradient(left, red , blue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, red, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, red, blue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, red , blue); /* Standard syntax */
}

#diagonalLinearGradient {
  height: 200px;
  background: -webkit-linear-gradient(left top, red , blue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, red, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, red, blue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, red , blue); /* Standard syntax */
}

	
#circularGradient {
height: 200px;
background: -moz-radial-gradient(50px 50px, circle farthest-corner, #2F2727, #1a82f7 10%, #2F2727, #1a82f7 90%, #2F2727);
background: -webkit-radial-gradient(50px 50px, circle farthest-corner, #2F2727, #1a82f7 10%, #2F2727, #1a82f7 90%, #2F2727);
background: -o-radial-gradient(50px 50px, circle farthest-corner, #2F2727, #1a82f7 10%, #2F2727, #1a82f7 90%, #2F2727);
}

#circularGradient h1 {
    margin-left: 300px;
}


#anotherGeneratedLinearGradient{
   height: 200px;
/*http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html*/

/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #5BDFA6 25%, #89757D 50%, #00A3EF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #5BDFA6 25%, #89757D 50%, #00A3EF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #FFFFFF 0%, #5BDFA6 25%, #89757D 50%, #00A3EF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(0.25, #5BDFA6), color-stop(0.50, #89757D), color-stop(1, #00A3EF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #5BDFA6 25%, #89757D 50%, #00A3EF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #FFFFFF 0%, #5BDFA6 25%, #89757D 50%, #00A3EF 100%);
}