/*  CRUSH + LOVELY
    crushlovely.com
    ...................................................................... */

    @import "foundation.css";



/*	Main Styles
    ...................................................................... */

    a {
      color: #3f6a79;
    }
    a:hover {
      text-decoration: underline;
    }

    .wrap {
      margin: 0 auto;
      width: 950px;
    }
    #header {
      height: 255px;
      background: #2e9fc1 url('/images/layout/bg-header-new.png') no-repeat 50% 0;
    }
    #header .wrap {
      position: relative;
    }
    #header p#logo a {
      position: absolute;
      top: 40px;
      left: 0;
      float: left;
      width: 150px;
      height: 90px;
      text-indent: -9999em;
    }
    #header ul {
      position: absolute;
      top: 52px;
      right: -6px;
      list-style: none;
      line-height: 0;
    }
    #header li {
      display: inline;
    }
    #header ul a {
      float: left;
      height: 60px;
      background: url('/images/layout/menu-trans.png') no-repeat 0 0;
      text-indent: -9999em
    }
    #header li#m-hellocrush a {
      width: 162px;
      background-position: 0 -60px;
    }
    #header li#m-workplay a {
      width: 155px;
      background-position: -158px -60px;
    }
    #header li#m-clients a {
      width: 116px;
      background-position: -312px -60px;
    }
    #header li#m-playground a {
      width: 155px;
      background-position: -433px -60px;
    }
    #header li#m-letsconnect a {
      width: 177px;
      background-position: -588px -60px;
    }
    #header li#m-hellocrush a:hover {
      background-position: 0 0;
    }
    #header li#m-workplay a:hover {
      background-position: -158px 0;
    }
    #header li#m-clients a:hover {
      background-position: -312px 0;
    }
    #header li#m-playground a:hover {
      background-position: -433px 0;
    }
    #header li#m-letsconnect a:hover {
      background-position: -588px 0;
    }
    #hellocrush #header li#m-hellocrush a {
      background-position: 0 -120px;
    }
    #workplay #header li#m-workplay a {
      background-position: -158px -120px;
    }
    #clients #header li#m-clients a {
      background-position: -312px -120px;
    }
    #playground #header li#m-playground a {
      background-position: -433px -120px;
    }
    #letsconnect #header li#m-letsconnect a {
      background-position: -588px -120px;
    }
    #header p#slogan {
      position: absolute;
      top: 160px;
      left: 0;
      font: 2.125em/1.5 Georgia, "Times New Roman", serif;
      color: #c1fff3;
      text-shadow: 1px 1px 3px #333;
    }
    #header p#slogan strong {
      padding: .125em 0;/*
      background: url(/images/layout/bg-trans.png);*/
      font-weight: normal;
      color: #fff;
    }
    #header p#m-weplusyou a {
      position: absolute;
      right: 0;
      top: 229px;
      float: left;
      width: 104px;
      height: 26px;
      text-indent: -9999em;
    }
    #header p#m-weplusyou a.active, #header p#m-weplusyou a:hover {
      background: url('/images/layout/bg-m-weplusyou.png') no-repeat 1px 0;
    }
    /* safari-only */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
      #header p#m-weplusyou a.active, #header p#m-weplusyou a:hover {
        background-position: 3px 0;
      }
    }

    #content {
      clear: both;
      border-top: 1px solid #fff;
      background: #FFFFFF repeat-x 50% 0;
      font-size: 1.5em; padding-left:0; padding-right:0; padding-bottom:18px
    }
    #content p.intro {
      font: 1.4em/1.375 Georgia, "Times New Roman", serif;
      color: #666;
    }

    #feature-content {
	border-left:0px solid #FFFFFF;
	border-right:0px solid #FFFFFF;
	border-top:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	margin-top: 10px;
	margin-bottom: 20px;
	position: relative;
	line-height: 0;
	background-image: url(images/banner/bg_banner.gif);
	height: 215px;
	width: 954px;
	padding-top: 4px; padding-left:4px;
    }
    #feature-content #features, #feature-content img, #feature-content .feature-content {
	height: 210px !important;
	padding-top: 0px;
    }
    #feature-content #features, #feature-content img {
      width: 950px !important;
    }
    #feature-content .feature a {
      display: block;
    }
    #feature-content .feature-content {
      position: absolute;
      top: 0;
      left: 0;
      background: url('/images/layout/bg-trans-dark.png');
      width: 328px;
      color: #fff;
      font-size: .9em;
      text-shadow: 1px 1px 1px #000
    }
    #feature-content .feature-content a {
      color: #fff;
      font-style: italic;
      text-decoration: underline;
    }
    #feature-content h2 {
      margin: 30px 20px 10px;
      width: auto;
      height: auto;
      background: none;
      font-size: 2em;
      font-family: Georgia, "Times New Roman", serif;
    }
    #feature-content p {
      margin-left: 20px;
      margin-right: 20px;
      font-size: 1.05em;
      line-height: 1.375;
    }
    #feature-content ul.features-menu {
	position: absolute;
	top: 23px;
	left: 841px;
	list-style: none;
	z-index: 50;
	width: 100px;
    }
    #feature-content ul.features-menu li {
      display: inline;
    }
    #feature-content ul.features-menu a {
      float: left;
      width: 30px;
      height: 30px;
      margin-right: 3px;
      background: url('images/layout/pagination.png') no-repeat;
      text-indent: -9999em
    }
    #feature-content ul.features-menu a.previous {
      background-position: 0 0;
    }
    #feature-content ul.features-menu a.next {
      background-position: -52px 0;
    }    
    #feature-content ul.features-menu a.previous:hover {
      background-position: 0 -40px;
    }
    #feature-content ul.features-menu a.next:hover {
      background-position: -52px -40px;
    }