/*-----------------------------------------------------------------------------
FLOOR - Custom CSS
-----------------------------------------------------------------------------*/

html {
	height: 100%;
}

body {
	height: 100%;
	margin:0;
	background: url(/img/Roca-London-Gallery-by-Zaha-Hadid-Architects-Frontdesk.jpg) repeat-x center;
	background-size: cover;
	line-height:1.1em;
	font-size:.8em;
	font-weight:lighter;
	color:#666;

}

body > div {
	position: absolute;
	top: -2000px;
}

a {
	color:#666;
}

#top {
	display: none;
	margin:17px 30px 17px 30px;
}

.container {
	margin:0;
	padding:0;
	width:100%;
}
/* path */

.path {
	background:url(/img/path/bg.gif) repeat-x;
	height: 15px;
	padding:4px 4px 4px 42px;
	color:#fff;
	font-size:10px;
}
.path a {
	text-decoration:none;
	color:#fff;
	font-weight:normal;
}
/* menu */

.menu {
	color:#666;
	padding: 0;
	position: absolute;
	top: 3000px;
}
.menu .inner {
	padding:20px;
	font-weight:normal;
}
.menu ul {
	padding: 0;
	margin:0;
}

.menu ul li {
	list-style:none;
	position: relative;
	_height:0px;
	
}

.menu ul li:first-child {
	border-top:medium none;
}

.menu ul li:last-child {
	border-bottom:medium none;
}

.menu li a {
	display:block;
	text-transform:uppercase;
	line-height:1em;
	font-size:1em;
	font-weight:bold;
	padding: 5px 0px;
	text-decoration: none;
	color:#999;
	border-bottom:1px solid  #bbb;
	border-top:1px solid #ddd;
	_height:0;
}

.menu li a span{
	_height:0;
}

.menu li.s a, .menu li.hs a  {
	border-bottom:1px solid #ccc; 
	border-top:1px solid #ccc;
}


.menu li.small {
	line-height:12px;
	font-size:.8em;
	margin:0;
}



.menu li.s a, .menu li.hs a{
	color: #666;
	font-size:1.8em;
}

.menu li a:hover{
	color: #666;

}

.menu ul ul {
	padding: 0;
	margin:0;
}

.menu ul li.s ul li a {
	color:#999999;
	font-size:0.8em;
}

.menu ul li.s ul li.s a,
.menu ul li.s ul li.hs a,
.menu ul li.s ul li a:hover{
	color: #666;
}


.menunet {
	display: none;
}

/* element */

/* element components */

.element {
	padding: 0 0 0 0;
	margin:0;
}
.inner {
	background:url(/img/box/white.png) top no-repeat;
	padding:8px 17px 5px;
	margin:0px;
	font-weight:normal;
}
.element .bottom {
	height:12px;
	background:url(/img/box/white-b.png) no-repeat bottom;
}
.element .header {
	padding:4px 0 2px;
}
.element h3 {
	color:#666;
	font-size:1.2em;
	margin:4px 0 0px;
	text-transform:uppercase;
	font-weight:normal;
}

.element .image {
	display:block;
	padding-top:6px;
}

.big h3{
	color:#666;
	font-size:3em;
	margin:4px 0 0px;
	text-transform:uppercase;
	font-weight:bold;
}

.element .head em {
	margin-bottom:none;
	display:block;
	font-style:italic;
	font-size:0.8em;
	padding-top:4px;
	line-height:13px;
}

.element a {
	text-decoration: none;
	color:#333;
	font-weight:bold;
}

.element a.link {
	display:block;
	font-size:.7em;
	margin-top:10px;
	background:url(/img/link/in.png) no-repeat bottom left;
	padding-left:14px;
}

.element a.external {
	display:block;
	margin-top:10px;
    background: url(/img/link/out.png) no-repeat bottom left;
	padding-left:14px;
}

.element em {
}
/* blue element */

.blue {
	color:#fff;
}
.blue .inner {
	background:url(/img/box/blue.png) top no-repeat;
}
.blue h3 {
	color:#fff;
}
.blue .bottom,
.menu .bottom{
	height:12px;
	background:url(/img/box/blue-b.png) bottom no-repeat;
}
/* brown */

.brown {
	color:#fff;
}

.brown a{
	color:#ccc;
	font-weight:normal;
}

.brown .inner {
	background:url(/img/box/brown.png) top no-repeat;
}
.brown h3 {
	color:#00c3e6;
}
.brown .bottom {
	background:url(/img/box/brown-b.png) bottom no-repeat;
	height:14px;
}

/* silver */

.silver {
	color:#fff;
}
.silver .inner {
	background:url(/img/box/silver.png) top no-repeat;
}
.silver h3 {
	color:#666;
}
.silver .bottom {
	background:url(/img/box/silver-b.png) bottom no-repeat;
}


/* silver */

.metal {
	color:#999;
}
.span-2 .metal .inner {
	background:url(/img/dblbox/metal.png) top no-repeat;
	padding-bottom:10px;
}


.span-1 .metal .inner {
	background:url(/img/box/metal.png) top no-repeat;
	padding-bottom:10px;
}


.metal h3 {
	color:#666;
}

.span-2 .metal .bottom {
	background:url(/img/dblbox/metal-b.png) bottom no-repeat;
}

.span-1 .metal .bottom {
	background:url(/img/box/metal-b.png) bottom no-repeat;
}


/* form */

input.text, input.title {
	padding:4px;
	width:190px;
	margin:2px 0;
}
/* */

.clear {
	clear:both;
}
/* top of page */

.button a.topofpage {
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	display:block;
	color:#fff;
	padding:13px 17px;
	background:url(/img/button/top.png) no-repeat;
	height:19px;
}
