body {
	background		 : #333 url('bg.gif');
	color			 : #525252;
	text-shadow		 : #fff 0 1px 0;
	font			 : normal 14px "Century Gothic", sans-serif;
	text-align		 : center;
	letter-spacing	 : 1px;
	margin			 : 0;
	padding			 : 0;
}

/**************************************************************************************************/

#card {
	width			 : 375px;
	text-align		 : center;
	top				 : 50%;
	left			 : 50%;
	display			 : block;
	position		 : absolute;
	height			 : 174px;
	margin-left		 : -187.5px;
	margin-top		 : -107px;
	background-image : url('card.png');
	padding-top		 : 40px;
}

/**************************************************************************************************/

h2 {
	margin			 : 0 0 2px;
	padding			 : 0;
	font			 : bold 24px "Century Gothic", sans-serif;
	letter-spacing	 : 0;
}

/**************************************************************************************************/

a {
	color			 : #525252;
	text-decoration	 : none;
}

/**************************************************************************************************/

#page {
	background-color : #f7f7f7;
	width			 : 700px;
	padding-bottom	 : 20px;
	padding-top		 : 10px;
	margin			 : 20px auto;
}

/**************************************************************************************************/

#page img {
	border			 : 1px solid rgba(0,0,0,0.39);
}

/**************************************************************************************************/

div#crumbs {
  margin-bottom		 : 10px;
  height			 : 20px;
  font			 : normal 12px "Century Gothic", sans-serif;
}

/**************************************************************************************************/

div#crumbs ul  {
  list-style		 : none;
  padding			 : 0;
  margin			 : 0;
  line-height		 : 100%;
  background		 : url('crumbs-start.gif') no-repeat;
  padding-left		 : 13px;
}

/**************************************************************************************************/

#crumbs li {
  display			 : block;
  margin			 : 0;
  padding			 : 0;
  background		 : url('crumb-bg.png') repeat-x;
  float				 : left;
}

/**************************************************************************************************/

#crumbs li a {
  text-shadow		 : 2px 2px #fff;
  background		 : url('crumb-divide.gif') top right no-repeat;
  display			 : block;
  color				 : #555;
  font-size			 : 92%;
  padding			 : 4px 15px 7px 5px;
  font-weight		 : bold;
}

/**************************************************************************************************/

#crumbs li a:hover {
  color				 : #000;
}

/**************************************************************************************************/

li.crumb-divide-last a {
  background		 : url('crumb-divide-last.gif') top right no-repeat !important;
}

/**************************************************************************************************/

#crumbs li#current {
 color				 : #fff;
 font-size			 : 92%;
 float				 : left;
 text-shadow		 : 2px 2px #777;
 background			 : url('crumb-current.gif') repeat-x;
 padding			 : 4px 10px 7px 10px;
 border-right		 : 1px solid #999;
 font-weight		 : bold;
}

/**************************************************************************************************/

.clearfix:after {
  content			 : ".";
  display			 : block;
  height			 : 0;
  clear				 : both;
  visibility		 : hidden;
}

/**************************************************************************************************/

.clearfix {
  display			 : inline-block;
}

/**************************************************************************************************/

/* Hide from IE Mac \*/
.clearfix {
  display			 : block;
}
/* End hide from IE Mac */

/**************************************************************************************************/

#footer {
	clear			 : both;
	width			 : 210px;
	height			 : 29px;
	background-image	 : url('footer.png');
	margin			 : 8px auto 0;
}