#home {
    padding-bottom:20px;
}
#home-title-container h2 {
    margin-bottom:0;
    font-weight:normal;
}
#home-title-container h3 {
    font-size:17px;
    margin-bottom:10px;
}

#home-carousel-container a.button {
    display:block;
    width:215px;
    height:41px;
    line-height:41px;
    background: transparent url(/static/css/img/button-215-41.png) no-repeat 0 0;
    text-align:center;
    color:white;
    font-size:14px;
    font-weight:bold;
    margin:0 auto;
    margin-top:20px;
}
#home-carousel-container a.button:hover {}
    
#latest-news {
    margin:20px 0 5px 0;
}

.latest-news, .latest-news li {
    list-style-type:none;
    padding:0;
    margin:0;
    font-size:14px;
    line-height:18px;
}
.latest-news li a {}
#home-partners,
#main-partners {
    padding:0;
    margin:0;
}
#home-partners li,
#main-partners li {
    float:left;
    display:block;
    width:150px;
    height:80px;
    margin:0 6px 10px 0;
    
}
#home-partners li a,
#main-partners li a {
    display:block;
    width:150px;
    height:80px;
    background-color:white;
    background-repeat:no-repeat;
    background-position: 0 0;
    text-indent: -200000px;
}

.home-slideshow-container {
    float:left;
    width:580px;
    height:320px;
}
.home-carousel-meta {
    float:right;
    width:325px;
}
.ie6 .home-carousel-meta {
    width:305px;
}
.home-slideshow-container,
.home-carousel-meta {
    margin:8px;
}
#iphone-app-container,
#facebook-container { height:122px}
#facebook-container iframe {
    margin-left:8px;
}
#iphone-app-container h2,
#iphone-app-container p,
#facebook-container h2,
#facebook-container p,
#home-content-block-container h3,
#home-content-block-container p{
    padding:8px;
    margin:0;
}
#iphone-app-container img {
    float:right;
}

#home .grid_8 {
    margin-bottom:20px;
}
#home #home-title-container {
    margin-bottom:10px;
    margin-top:20px;
}

.cb-cta-container {text-align:right}


#home .spaced h3 {
    margin-top:20px;
    margin-bottom:10px;
}


/* From template */

/* .wrap */

.wrap {
    /* Set as position parent */
    position: relative;
    margin: 0 auto;
}

.slides_wrap {
    overflow: hidden;
}


/* .slide */


.slide {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    margin-right: -100%;
}


.js .slide {
    /* By default all slides are positioned off to the left. */ 
    left: -100%;
    
    /* Slides have no height by default to stop them influencing
       scrollbars when they are not active. */
    height: 0;
    overflow: hidden;
    z-index: 1;
    
    -webkit-transition-property: left, height;
       -moz-transition-property: left, height;
        -ms-transition-property: left, height;
         -o-transition-property: left, height;
            transition-property: left, height;

    -webkit-transition-duration: 333ms;
       -moz-transition-duration: 333ms;
        -ms-transition-duration: 333ms;
         -o-transition-duration: 333ms;
            transition-duration: 333ms;
    
    -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1);
       -moz-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1);
        -ms-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1);
         -o-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1);
            transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1);
    
    /* A nice bit of hardware acceleration may help the transitions. */
    -webkit-transform: translate3d(0,0,0);
       -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
         -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.js .slide.active {
    /* The .active slide is positioned in the centre. */
    left: 0;
    height: auto;
    overflow: visible;
    z-index: 2;
}

.js .slide.active ~ .slide {
    /* All slides after the .active slide are positioned off to
       the right. */
    left: 100%;
}

.js .slide.active ~ .slide.active {
    /* Except, of course, any that are still active. */
    left: 0;
}

.ie7 .tab,
.ie7 .slide {
  display: inline;
  /* These things need hasLayout. */
  zoom: 1;
}

/* .layer */

.layer {
	/* Permit possible scrollbars. */
	overflow: auto;
	
	/* Make layer occupy the whole of the area in its position parent. */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	margin: 0;
	
	/* Height and width override the top, right, bottom, left declaration.
	   To use height and width we must change the box model to make sure
	   padding and border do not make the layer bigger than its container.
	   The technique above does not work for iframes and can break as soon
	   as height or width are declared, but the technique below will not
	   work in IE7, where the box model can't be changed. */
	width: 100%;
	height: 100%;
	
	/* Make the corners of layers the same as their parents'. */
	-webkit-border-radius: inherit;
	   -moz-border-radius: inherit;
	        border-radius: inherit;
}

.legend_layer {
	height: auto;
	top: auto;
	padding: 0;
	color: white;
	background-color: rgba(0,0,0,0.75);
}

.ie7 .legend_layer,
.ie8 .legend_layer {
	background-color: #1c1c1c;
}

.legend_layer > p {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	margin-left: 1.25em;
	margin-right: 6.5em;
}

/* Utilities */

.notransition,
.notransition .slide,
.notransition .tab,
.notransition .popdown,
.notransition .dropdown,
.notransition .layer,
.notransition .tip {
    -webkit-transition-duration: 0 !important;
       -moz-transition-duration: 0 !important;
        -ms-transition-duration: 0 !important;
            transition-duration: 0 !important;

    -webkit-transition-delay: 0 !important;
       -moz-transition-delay: 0 !important;
        -ms-transition-delay: 0 !important;
            transition-delay: 0 !important;
}

.js .img_slide {
    -webkit-transition-property: left;
       -moz-transition-property: left;
        -ms-transition-property: left;
         -o-transition-property: left;
            transition-property: left;
}

.js .img_slide,
.js .img_slide.active {
    height: auto;
}

.img_slide img {
	width: 100%;
	height: auto;
}

.img_slides_wrap {
    background-color: rgb(214,214,214);
}


.slides_prev,
.slides_next {
    position: absolute;
    bottom: 12px;
    z-index: 99;
    width: 20px;
    height: 24px;
    cursor: pointer;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    visibility: hidden;
}

.img_slides_wrap:hover .slides_prev,
.img_slides_wrap:hover .slides_next {
    visibility: visible;
}

.slides_prev {
    background: white url(/static/css/img/carousel-left.png) no-repeat 3px 2px;
    right: 44px;
}

.slides_next {
    background: white url(/static/css/img/carousel-right.png) no-repeat 4px 2px;
    right: 12px;
}