@charset "utf-8";
/* CSS Document */
/*  CRUSH + LOVELY
    crushlovely.com
    ...................................................................... */

    @import "foundation.html";



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


    .wrap {
      margin: 0 auto;
      width: 950px;
    }
    #header {
      height: 255px;
      background: #2e9fc1 url(../images/layout/bg-header-new.html) 50% 0 no-repeat;
    }
    #header .wrap {
      position: relative;
    }
    #header p#logo a {
      position: relative;
      top: 40px;
      left: 0;
      float: left;
      width: 150px;
      height: 90px;
      text-indent: -9999em;
    }
    #header ul {
      position: relative;
      top: 52px;
      right: -6px;
      list-style: none;
      line-height: 0;
    }
    #header li {
      display: inline;
	  
    }
    #header ul a {
      float: left;
      height: 60px;
      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: relative;
      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: relative;
      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.html) 1px 0 no-repeat;
    }
    /* 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;
      }
    }
    #weplusyou {
      clear: both;
      background: #0f6e86 url(../images/layout/bg-weplusyou.html) 50% 0 no-repeat;
      font-size: 1.2em;
      line-height: 1.5;
      color: #dff7f8;
      text-shadow: 0 -1px 1px #0f6e86;
      -moz-text-shadow: 0 -1px 1px #0f6e86;
      text-align: left;
    }
    #weplusyou .column {
      float: left;
      margin-top: 24px;
      margin-right: 30px;
      width: 350px;
    }
    #weplusyou .wide {
      width: 570px;
      margin-right: 0;
    }
    #weplusyou .clear {
      clear: both;
    }
    #weplusyou .wide .column {
      width: 218px;
    }
    #weplusyou .wide .last {
      margin-right: 0;
      width: 322px;
    }
    #weplusyou ul {
      list-style: none;
    }
    #weplusyou li {
      margin-bottom: 10px;
      padding-right: 10px;
    }
    #weplusyou .first li {
      padding-right: 20px;
      border-right: 3px double #26576d;
    }
    #weplusyou .second li {
      margin-bottom: 22px;
    }
    #weplusyou li p.tweet-stamp, #weplusyou li p.readernaut-stamp {
      text-align: right;
      line-height: 1;
      font-family: Georgia, "Times New Roman", serif;
      font-style: italic;
    }
    #weplusyou img {
      position: relative;
      float: left;
      margin: -1px 5px 7px -3px;
      border: 3px solid #26576d;
    }
    #weplusyou img.book {
      height: 98px;
    }    
    #weplusyou img.video {
      width: 162px;
      height: 98px
    }
    #weplusyou a:hover img {
      border-color: #5ea1a4;
    }
    #weplusyou ul.thumbs-flickr {
      position: relative;
      margin-right: -7px;
    }
    #weplusyou ul.thumbs-flickr li {
      display: inline;
      margin: 0;
      padding: 0;
      border: 0;
    }
    #weplusyou ul.thumbs-flickr li:after {
      content: "";
      display: none;
    }
    #weplusyou ul.thumbs-flickr img {
      margin: -3px 5px 5px -3px;
    }
    #weplusyou ul.thumbs-flickr li.last {
      width: auto;
    }
    #weplusyou ul.thumbs-flickr li.last img {
      margin-right: 0;
    }
    #weplusyou a {
      color: #5ea1a4;
    }
    #content {
      clear: both;
      border-top: 1px solid #fff;
      background: #eae2cb url(../images/layout/bg.html) 50% 0 repeat-x;
      padding: 18px 0;
      font-size: 1.5em;
    }
    #content p.intro {
      font: 1.4em/1.375 Georgia, "Times New Roman", serif;
      color: #666;
    }

    #weplusyou h2#h2-crushtwitter {
      background-position: 0 0;
    }
    #weplusyou h2#h2-crushreadernaut {
      background-position: 0 -18px;
    }
    #weplusyou h2#h2-crushvimeo {
      background-position: 0 -36px;
    }
    #weplusyou h2#h2-crushflickr {
      background-position: 0 -54px;
    }
    #currentcrushes {
      border-top: 3px double #ddd7c6;
    }
    #currentcrushes ul {
      list-style: none;
      overflow: hidden;
      margin-bottom: 38px;
    }
    #currentcrushes li {
      display: inline;
    }
    #currentcrushes img {
      float: left;
      margin-right: 31px;
      border: 1px solid #c5cfba;
      border-bottom: 6px solid #4c8390;
    }
    #currentcrushes a:hover img {
      border-color: #4c8390;
    }
    #currentcrushes li.last img {
      margin-right: 0;
    }
    #communication {
      overflow: hidden;
      padding-bottom: 40px;
      border-top: 3px double #ddd7c6;
    }
    #updates {
      float: left;
      margin-right: 30px;
      width: 624px;
    }
    #updates .module {
      margin-bottom: 32px;
      padding: 10px 0 10px 15px;
      background: url(../images/layout/bg-shade.html);
      font-size: 1.1em;
      line-height: 1.375;
    }
    #updates .module .tweet-content {
      float: left;
      width: 410px;
      margin-right: 10px;
      background: url(../images/layout/bg-footer-col.html) 412px 0 repeat-y;
      padding-right: 5px;
    }
    #updates .module .tweet-stamp {
      float: left;
      width: 174px;
    }
    #updates .module .tweet-stamp a {
      display: block;	
      position: relative;
      top: -0.7em;
      padding: .85em 10px .85em 15px;
      font-size: .9em;	
      font-family: Georgia, "Times New Roman", serif;
      font-style: italic;
    }
    #updates .module .tweet-stamp a:hover {
      text-decoration: none;
      color: #042b34;
    }
    #updates #jointhelist {
      overflow: hidden;
      clear: left;
    }
    #updates form {
      float: left;
      padding-left: 15px;
    }
    legend {
      padding-bottom: .5em;
      font-family: Georgia, "Times New Roman", serif;
      font-style: italic;
    }
    #updates p.feed {
      float: left;
      margin-top: 2.25em;
      margin-left: 20px;
      line-height: 1;
    }
    #updates p.feed a {
      background: url(../images/layout/icon-feed.html) 0 48% no-repeat;
      padding: 2px;
      padding-left: 20px;
      min-height: 16px;
      color: #646059;
    }
    #updates input#list-email {
      width: 260px;
    }
    #updates button#btn-sign-up {
      vertical-align: middle;
      border: 0;
      padding: 0;
      width: 102px;
      height: 30px;
      background: url(../images/layout/button-signup.html) no-repeat;
      text-indent: -9999em;
    }
    #lets-connect {
      float: left;
      width: 296px;
      min-height: 334px;
      background: url(../images/layout/map.html) 50% 48px no-repeat;
    }
    #lets-connect address {
      margin-left: 15px;
      padding-top: 13px;
    }
    #lets-connect address strong {
      display: block;
      padding-top: 1em;
      text-transform: uppercase;
      color: #666;
    }
    #lets-connect address .email {
      padding-right: 10px;
      margin-right: 10px;
      border-right: 3px double #514d47;
    }

    #feature-content {
      position:relative;
      line-height: 0;
	  background:#000; width:180px;
    }
    #feature-content #features, #feature-content img, #feature-content .feature-content {
      height: 180px !important;
	  overflow:hidden;
	 
    }
    #feature-content #features, #feature-content img {
      width: 390px !important;
    }
    #feature-content .feature a {
      display: block;
    }
    #feature-content .feature-content {
	  position: relative;
      top:0;
      right: 0;
      background: url(../images/trans_bg.png) no-repeat ;
      width: 200px;
      color: #fff;
      font-size: 11px;
    }
    #feature-content .feature-content a {
      color: #D3E133;
      font-style: normal;
      text-decoration: none;
	  background:url(../images/bg_button_trans.png) no-repeat;
	  height:16px; width:80px; display:block; text-align:center;
    }
	#feature-content .feature-content a:hover {
      color: #fff;
      text-decoration: none;}
	  
    #feature-content p {
      margin: 10px;
      font-size: 11px;
      line-height:16px;
    }
	#feature-content p .heading_p{
      font-size: 18px;
      font-family: Georgia, "Times New Roman", serif;
	  color:#D3E133;
    }
    #feature-content ul.features-menu {
	position: relative;
	top: 0px;
	left: 0px;
	list-style: none;
	z-index: 50;
    }
	.features-menu {
	position:relative;
	background-image: url(images/portfolio_section2.png);
}
  .features-menu li {
	position:absolute;
	float:left;
    }
  .features-menu a {
  position:relative;
      float: left;
      width: 20px;
      height: 20px;
      margin-right: 0px;
      background: url(../images/left_arrow.png) no-repeat;
	  text-indent:0px;
      
    }
   .features-menu li a.previous {
	position:absolute;
	background-position: 0 0;
	
    }
  .features-menu li a.next {
	position:absolute;
	margin-left:0px;
    }    
 .features-menu li a.previous:hover {
	background-position: 0 0;
    }
   .features-menu li a.next:hover {
	
	margin-left:0px;
    }