/* 
 1. Frame
*/

/* 1. FRAME */

.topbar{
    position: fixed;
    background: #ddd;
    z-index: 99999;
    font-weight: 600;
    font-size: 11px;
	background:#fff;
    left: 0;
    right: 0;
    top: 0;
    padding: 3px 10px;
    height: 28px;
	line-height:22px;
    text-transform: uppercase;
    min-width: 460px;
	text-align:center;
	color:#666;
}

.topbar i{
	margin-right:5px;
}

.topbar a{
	color:#fff !important;
}

.topbar .left a, .topbar .left span{
	margin-right:15px;
}

.topbar .spotprice{
	margin:0 15px;
}

.wrapcontainercontent{
	position:relative;
	top:30px;
	min-height: 100%;
}

.header, .headerbig{
	top:28px;
	padding-top:15px;
	position:relative;
	font-size:16px;
	text-transform: uppercase;
}

.logo{
	margin-right:30px;
}

.header_loggedout .header{
	height:80px;
	color:#fff;
	
}

.header_loggedout .headerbig{
	height:640px;
	background:url("../img/topbg.png");
	background-position:center bottom;
	color:#fff;
	
}


.header a, .header a:link, .header a:visited, .headerbig a:visited, .header a:link, .headerbig a{
	color:#fff;
}

.header a:hover, .headerbig a:hover{
	text-decoration:none;
	opacity:0.7;
}


.navi{

}

.navi .button{
	float:left;
	padding:15px 30px;
	display:inline-block;
}

.loginarea{
	
}

.loginarea .button{
	float:left;
	padding:10px 20px;
}

.loginarea .signup{
	border-radius:4px;
	background: #fff;
	color:#cd5a36 !important;

}

.card{
	border-radius:4px;
	background:#fff;
	padding:15px;
	text-align:center;
}

/* INDEX OUT */
.introbox{
	padding:100px 30px;
}

.introbox h1, .introbox h2, .introbox h3{
	color:#fff;
}

/* FOOTER */
.footer{
	background:#3a4d98;
	color:#fff;
	padding:50px;
}