/* CSS Document */

*
{
	font-size: 13px;
	font-weight:300;
	line-height:16px;
	font-family: 'Roboto', sans-serif;
}



html,body
{
	margin:0px;
	padding:0px;
}

html
{
	background-image:url(img/HG.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	//background-size: auto 100%;
}
strong {
    font-weight: 500;
}
#container
{
	min-width: 320px;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}

.expandTile #tile
{
	cursor:pointer;
}

.grid
{
	height: 200px;
	min-height: 200px;
	//margin-bottom:10px;
	overflow:hidden !important;
	//padding-left: 10px;
	margin:5px;
	background-color:#9c1006;
}

.doubleHeight
{
	height:410px;
}

.grid1, .grid2, .grid3, .grid4
{
	
}

.grid2, .grid4
{
	
}

.grid1
{
	width: 150px;
	background-color: #efefef;
}

.grid1 #title
{
	color:#9c1006;
}

.grid2
{
	width: 310px;
}

.grid3
{
	width:470px;
}

.grid3 #content
{
	width:425px;
}

.grid4
{
	width:630px;
}

.grid4 #content
{
	width:585px;
}

.grid #tile, .grid #content
{
	position: relative;
}

.grid #tile
{
	width:100%;
	height:200px;
}

.grid #content
{
	//width:95%;
	height:180px;
	margin:20px;
	//padding-bottom:30px;
	//margin-bottom:50px;
}

.grid #tile #title
{
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px;
	font-weight:500;
	padding:6px 5px;
	background-color:#FFFFFF;
}

.grid #content
{
	display:none;
	color:#FFFFFF;
}

.grid #btnClose
{
	margin:5px;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	z-index:1000;
	display:none;
}

.tileGrayLight .textOnly, .tilered .textOnly
{
	color: white;
	padding: 20px;
}

.tileGrayLight .textOnly b, .tilered .textOnly b
{
	font-weight: 400;
}

.tileGrayLight .blanko
, .tilered .blanko
{
	font-size:33px;
	line-height:36px;
	color:#4a4a49;
	/* background-color:#D7D8D6; */
	padding-top:50px;
	padding-left:60px;
}

.tilered .blanko
{
	color:white;
}

.moveY1to2expanded
{
	height: 410px;
}

.moveY1to2expanded #content
{
	height: 390px;
}

.moveY1to3expanded
{
	height: 620px;
}

.moveY1to3expanded #content
{
	height: 600px;
}

.moveY1to4expanded
{
	height: 830px;
}

.moveY1to4expanded #content
{
	height: 810px;
}

.moveX1to2Y1to2expanded
{
	height: 410px;
}

.moveX1to2Y1to2expanded #content
{
	height: 390px;
}

.moveX1to4Y1to2expanded
{
	height: 410px;
}

.moveX1to4Y1to2expanded #content
{
	height: 390px;
}

.moveX1to3Y1to2expanded
{
	height: 410px;
}

.moveX1to3Y1to2expanded #content
{
	height: 390px;
}

.moveX2to3Y1to2expanded
{
	height: 410px;
}

.moveX2to3Y1to2expanded #content
{
	height: 390px;
}

.moveX1to3Y1to3expanded
{
	height: 620px;
}

.moveX1to3Y1to3expanded #content
{
	height: 600px;
}

.moveX1to4Y1to3expanded
{
	height: 620px;
}

.moveX1to4Y1to3expanded #content
{
	height: 600px;
}

.moveX1to4Y1to4expanded
{
	height: 830px;
}

.moveX1to4Y1to4expanded #content
{
	height: 810px;
}

.grid .text
{
	overflow:auto;
	overflow-x:hidden;
	padding-right:15px;
}

.grid #context .text
{
	color:white;
}

.grid .text h2
{
	margin-top:0px;
	font-size:21px;
	line-height:25px;
	font-weight:500;
	margin-bottom:20px;
}

.grid .text h3
{
	font-weight:500;
	margin:0;
}

.grid3 #content p
{
	font-weight:500;
}

.grid3 #content b, .grid3 #content strong
{
	font-weight:500;
}

.tileTransparent
{
	background-color: #ffffff;
	opacity:0.0;
	filter:alpha(opacity=0);
}

.tilewhite
{
	background-color: #ffffff;
}

.tilewhite #title
{
	color: #9b0e07;
}

.tilegray
{
	background-color: #cecece;
}

.tileGrayLight
{
	background-color: #D7D8D6;
}
.tileGold{
	background-color: #938138;
	color: #fff;
}
.tileGold #title{
	color: #938138;
}
.tileGrayLight #title, .tileGrayLight #content, .tileGrayLight #content h2, .tileGrayLight #content h3, .tileGrayLight #content a
{
	color:#4a4a49;
}

.tileGrayLight #content a:hover
{
	color:#9c1006;
}

.tileGrayDark
{
	background-color: #414241;
}

.tileGrayDark #title
{
	color: white;
}

.tilered
{
	background-color: #9c1006;
}

.tilered #title
{
	color: ##9c1006;
}

.tilered a
{
	color: white;
}

.smallGallery img
{
	width: 100px;
	margin-right: 10px;
}

::-webkit-scrollbar {
    width: 0.5em;
    height: 1em;
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}​



.gridLink
{
	background-color:white;
}

.gridLink #title
{
	color:#4a4a49;
}