/* 
------------------------------------------------------------
------------------------------------------------------------
-- STICK FOOTER TO BOTTOM
------------------------------------------------------------
------------------------------------------------------------
*/
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -220px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: 220px; 
}
.site-footer {
  background: orange;
}

/* 
------------------------------------------------------------
------------------------------------------------------------
-- OTHER
------------------------------------------------------------
------------------------------------------------------------
*/
#container
{ 
	width: 1020px;
	text-align:left; 
}

.button
{
	display:inline-block;

	min-width:70px;

	border-radius:15px;
	font-family: 'pt_sans',Arial, Helvetica, sans-serif;
	font-size: 12px;  
	color: #FFF;
	background-color:#d82121;
	padding:4px 10px;
	cursor:pointer;
	cursor:hand;
	text-align:center;

	transition: background-color .2s;
}

.red
{
	color: #FFF;
	background-color:#d82121;
}
.red:hover { background-color:#900404; }

.grey
{ 
	color: #FFF;
	background-color:#bfbfbf;
}
.grey:hover { background-color:#858585; }

/* 
------------------------------------------------------------
------------------------------------------------------------
-- TOP HEADER IMAGES CIRCULAR
------------------------------------------------------------
------------------------------------------------------------
*/
.tbDot
{
	display:inline-block;
	cursor:hand;
	cursor:pointer;
	width:6px;
	height:6px;
	border-radius:4px;
	background:#3d3d3f;
	border:1px solid #fafafa;
	box-shadow:0 0 5px #000;
	margin:5px;

	transition: width .2s, height .2s, border-radius .2s, background .2s;
}

.tbDot:hover
{
	width:6px;
	height: 6px;
	border-radius:4px;
	background: #259cff;
}