body, html {
	height : 100%;
	padding : 0px;
	margin : 0px;
}

body {
	background : transparent url(http://rubified.appspot.com/assets/rubify/images/body-bg.png) 0 -54px repeat-x;
}

.wrapper {
	width : 960px;
	margin : 0px auto;
}

.logo-wrapper {
	position : static;
	float : none;
	clear : both;
	z-index : 0;
}

.logo {
	display : block;
	background : url(http://rubified.appspot.com/assets/rubify/images/rubify.header.logo.png) 0 -22px no-repeat;
	text-decoration : none;
	outline : none;
	height : 120px;
	margin-top : 0px;
	margin-left: -105px;
	width : 500px;
	z-index : 1;
}

.info-box {
	height : 350px;
	position : relative;
}

.black-box {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100%;
	z-index : 1000;
	margin-top : 0px;
  /* background : rgba(0,0,0,0.8); */	
	height : 350px;
  /* background : -webkit-gradient(linear, left top, right bottom, from(#AAA), color-stop(0.4, #EEE), color-stop(0.7, #EEE), to(#AAA)); */	
	background : #FFF;
	-webkit-border-radius : 7px;
	-moz-border-radius : 7px;
	-webkit-box-shadow : rgba(0,0,0,0.2) 0px 0px 20px;
	-moz-box-shadow : rgba(0,0,0,0.2) 0px 0px 20px;
	border : 1px solid #AAA;
	font-family : Helvetica, Tahoma, sans-serif;
}

div.navigation-menu-wrapper {
	position : relative;
}

ul.navigation-menu {
	position : absolute;
	top : 41px;
	right : -35px;
	margin : 0px;
	padding : 30px 40px 32px 60px;
	width : 280px;
	background : url(http://rubified.appspot.com/assets/rubify/images/navigation.bg.png) 0px 0px no-repeat;
}
ul.navigation-menu li {
	float : right;
	padding : 0px;
	margin : 0px 20px;
	font-size : 15px;
	color : #222;
	list-style : none;
	cursor : pointer;
}
ul.navigation-menu li span {
	display : block;
}
ul.navigation-menu li span.active {
	color : #fff;
}
ul.navigation-menu li span.inactive {
	color : #000;
}
ul.navigation-menu-ready li span.active {
	display : none;
}
ul.navigation-menu-ready li.active span.inactive {
	display : none;
}
ul.navigation-menu-ready li.active span.active {
	display : block;
}


.navigation-menu-button {
	position : absolute;
	bottom : 22px;
	left : 109px;
	width : 71px;
	height : 35px;
	background : url(http://rubified.appspot.com/assets/rubify/images/navigation.button.png) 0 0 no-repeat;
}


.quick-contacts-info {
	position : absolute;
	top : 15px;
	right : 0px;
	padding : 2px 10px;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	font-size : 12px;
	width : 310px;
	border : 1px solid #DFDFDF;
	background : rgba(200,200,200,0.4);
}

.quick-contacts-info dl {
	width : 155px;
	padding : 3px 0px;
	margin : 0px;
	float : left;
}

.quick-contacts-info dl dt {
	float : left;
	width : 35px;
	display : block;
	margin-right : 10px;
}

.quick-contacts-info dl dd,
.quick-contacts-info dl dd a {
	color : #800;
	text-decoration : none;
}

.paged-navigation {
	text-align : center;
	margin : 20px 0px 20px;
}

.paged-navigation div {
	display : none;
}

.paged-navigation div.active {
	display : block;
}

.paged-navigation a {
	margin : 0px 3px;
	overflow : hidden;
	outline : none;
	border : 0px none;
	width : 10px;
	height : 10px;
	display : inline-block;
	background : url(http://rubified.appspot.com/assets/rubify/images/icon-inactive.png) 0 0 no-repeat;
}
.paged-navigation a.active {
	background-image : url(http://rubified.appspot.com/assets/rubify/images/icon-active.png);
}
.paged-navigation a img {
	outline : none;
	border : 0px none;
}

.paged-thumbnails-frame {
	overflow : hidden;
	height : 110px;
	position : relative;
	margin-top : 10px;
}

.paged-thumbnails-window {
	width : 10000px;
	position : absolute;
	left : 0px;
	top : 400px;
}

.paged-thumbnails-window.active {
	display : block;
	top : 0px;
}

.paged-thumbnail {
	width : 960px;
	margin-top : 10px;
	text-align : center;
	float : left;
}

.paged-thumbnail a {
	display : inline-block;
	width : 112px;
	height : 95px;
	text-decoration : none;
	text-align : center;
	overflow : hidden;
	margin-right : 3px;
	outline : none;
}
.paged-thumbnail a.last {
	margin-right : 0px;
}

.paged-thumbnail a img {
	margin-top : -50%;
	margin-left : -50%;
}

.paged-thumbnail a em {
	font-size : 12px;
	height : 22px;
	display : block;
	color : #222;
	font-style : normal;
}

.paged-thumbnail a strong {
	border : 5px solid #CFCFCF;
	-webkit-border-radius : 3px;
	-moz-border-radius : 3px;
	-webkit-box-shadow : #DFDFDF 0px -2px 5px;
	display : block;
	margin : 0px 5px;
}
.paged-thumbnail a.active strong {
	border : 5px solid #900;
}


.paged-thumbnail a strong span {
	display : block;
	height : 60px;
	border : 1px solid #999;
	background-repeat : none;
	background-position : center center;
}

.footer {
	font: 0.7em 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; 
	color: #333; 
	border-top: 1px solid #ccc; 
	margin: 0 auto; 
	width: 960px; 
	text-align:center; 
	margin-top: 20px; 
	padding-top: 5px; 
	padding-bottom: 10px; 
	text-decoration: none;
}

.footer a {
	text-decoration:none;
	color : #05a;
}