@charset "utf-8";
/*  Used for
	- homepage
*/

.headingwrapper {
    width:100%;
    float:left;
    text-align:center;
}

    .headingwrapper img {
        max-width:100%;
    }


.bx-wrapper, .bx-window {
	width:100%;
    overflow:hidden;
	float:left;
	margin-bottom:-35px;
    padding:0;
    margin-top:-15px;
}

.homeslider {
	width:100%;
	float:left;
	margin:30px 0;
	position:relative;
}

	.homeslider .slide {
		width:100%;
		overflow:hidden;
		float:left;	
        position:relative;
	}

    .homeslider .slide img {
		width:100%;
	}

       .fixedwidth {
            width:960px;
            margin:0 auto;
            position:relative;
        }

        .homeslider .slide .circle,
        .headingwrapper .circle {
            width:160px;
            height:160px;
            border-radius:50%;
            background:#fff;
            position:absolute;
            top:30px;
            right:0px;
        }

        .homeslider .slide .circle .inner {
            width:100px;
            height:120px;
            margin:20px 0 0 30px;
        }

        .headingwrapper .circle .inner {
            width:120px;
            height:120px;
            margin:20px 0 0 20px;
        }

            .homeslider .slide .circle .inner h4 {
                margin-bottom:0;
                font-family: "futura-pt",sans-serif;
                font-weight:500;
                color:#0077c0;
                font-size:18px;
                height:70px;
                text-overflow:ellipsis;
                line-height:20px;
            }



            .homeslider .slide .circle .inner a  {
                margin-bottom:0;
                color:#838377;
                font-size:14px;
                height:72px;
                text-overflow:ellipsis;
                line-height:20px;
            }

            .headingwrapper .circle .inner h4 {
                font-family: "futura-pt",sans-serif;
                font-weight:500;
                color:#0077c0;
                font-size:24px;
                text-overflow:ellipsis;
                line-height:22px;
                margin-bottom:5px;
            }

            .headingwrapper .circle .inner a  {
                margin-bottom:0;
                font-weight:500;
                color:#838377;
                font-size:14px;
                text-decoration:none;
            }

	/*
	
	.homeslider .slide img:hover {
		margin:-472px 0 0 0;
	}

    */
	
	.homeslider .slide img.hidden {
		margin:-472px 0 0 0;
		display:none;
	}
	
	a.bx-next {
		width:60px;
		height:60px;
		position:absolute;
		z-index:1000;
		background:url(../data/images/bx-prev.png) no-repeat;	
		top:50%;
        margin-top:-30px;
		left:30px;
	}
	
	a.bx-prev {
		width:60px;
		height:60px;
		position:absolute;
		z-index:1000;
		background:url(../data/images/bx-next.png) no-repeat;
		top:50%;
        margin-top:-30px;
		right:30px;
	}

.bx-pager {
    position:absolute;
    width:100%;
    text-align:center;
    bottom:30px;
}

    .bx-pager a {
        width:15px;
        height:15px;
        border-radius:50%;
        background:#fff;
        display:inline-block;
        font-size:1px;
        color:#fff;
        margin:0 5px;
    }

        .bx-pager a.pager-active {
            background:#0077c0;
            color:#0077c0;
        }

.divider {
	width:940px;
	height:30px;
	float:left;
	border-bottom:2px dotted #cfcec8;
}
	
.featured {
	width:960px;
	float:left;
	margin:30px 0 0 0;
	border-bottom:2px dotted #cfcec8;
    padding:0 0 30px 0;
}
	.featured h2 {
		margin:45px 0 30px 0;
	}

.featured .item {
	width:140px;
	height:230px;
	float:left;
	overflow:hidden;
	text-align:center;
    margin:0 20px 0 0;
}

	.item h3 {
		margin:0;
		padding:0;
		color:#bdbdb0;
		font-size:14px;
        line-height:22px;
	}
		
	.item .thumb {
		width:140px;
		height:140px;
		overflow:hidden;
		float:left;	
		margin:0 0 10px 0;
	}
	
	.item p {
		padding:0;
		margin:0;
        line-height:22px;
	}
	
	.item p.designer {
		color:#e1e1db;
		font-weight:bold;
	}
	
	.item p.price {
		color:#c6c6bb;	
	}
	
	    .item p.price strong {
		    background:#0077c0;
		    color:#fff;
		    display:inline-block;
		    padding:0 2px;
		    font-size:12px;
		    text-transform:uppercase;
	    }
	
	.item a {
		text-decoration:none;
	}
	
	.item a:hover h3, .item a:hover p {
		color:#0077c0
	}
	
    .featured a.gotowebshop {
        width:100px;
		height:90px;
        padding:25px 20px;
		float:left;
        color:#fff;
        font-size:28px;
		margin:0;	
		background:#0077c0;
        font-family: "futura-pt",sans-serif;
        font-weight:500;
        text-decoration:none;
        line-height:30px;
        margin:10px 0 0 0;
    }
	
.about {
	width:940px;
	float:left;	
}

    .about p {
        columns:440px 2;
        -webkit-columns:440px 2; /* Safari and Chrome */
        -moz-columns:440px 2; /* Firefox */
    }

.social {
	width:940px;
	float:left;
	margin:30px 0 0 0;
	border-top:2px dotted #cfcec8;
    padding:10px 0 0 0;
}

    .social h2 {
        color:#838377;
        text-transform:none;
    }

    .social .newsitems {
        width:300px;
        float:left;
        margin:0 20px 0 0;
    }

        .social .newsitems ul {
            list-style:none;
            margin:0;
            padding:0;
        }

            .social .newsitems ul li {
                margin:0 0 20px 0;
            }

            .social .newsitems ul li h3 {
                margin:0;
                padding:0;
                font-family: "futura-pt",sans-serif;
                font-weight:500;
                font-size:18px;
            }

                .social .newsitems ul li h3 a {
                    text-decoration:none;
                }

    .social .twitter {
	    width:300px;
	    float:left;
    }

    #twitterfeed ul {
	    margin:0;
	    padding:0;
    }

	    #twitterfeed ul li {
		    list-style:none;	
            padding:20px 20px 40px 20px;
            background:url(../data/images/tweet-bg.png) bottom center no-repeat;
            border-radius:5px 5px 0px 0px;
            margin:0 0 20px 0;
            width:260px;
	    }
	
	    #twitterfeed ul li a {
		    text-decoration:none;	
	    }

.social .facebook {
    width:300px;
    float:right;
    margin:0;
}