/* BODY */

@charset "UTF-8";

@font-face	{
			font-family:CenturyG;
			src: url('centurygothic.TTF');
			}
			

body	{
		font-family:CenturyG, Verdana, Geneva, sans-serif;		
		background-color: #d9d9d9;
		margin: 0px;
		margin-top: 60px;
		padding: 0px;
		cursor: default;
		overflow:scroll;
		overflow-x: hidden;
		z-index: 0;	
		max-width: 1280px;
		}

body a	{text-decoration: none; color: #333; border: 0px; outline: none;}
		
img#logo 	{
			width: 270px;
			float: left;
			margin-left: 360px;
			}

/*-----MENU----- */

div#menu	{
			font-size: 21px;
			line-height: 44px;
			text-align:left;
			text-transform:uppercase;
			letter-spacing: 1px;
			float: left;
			margin-left: 45px;
			margin-top: -26px;

			}

div#menu a:hover{color:#aaa;}

div#icons {
				float: left;
				margin-top: 54px;
				margin-left: 86px;
				}
				
div#icons img {
				margin-top: 3px;
				height: 36px;
				}							

div#icons img:hover {opacity: .4;}

div#slab {
			margin-left: 45px; 
			margin-top: 30px;
			margin-bottom: 30px;
			padding-bottom: 0px;
			float: left; 
			clear:both; 
			}

div#slab img {width: 1215px; height: auto;} 

/*-----NAV BAR-----*/


div#navbar{	float: left;
			clear: both;
			text-transform: uppercase;
			letter-spacing: 2px;
			padding-left: 360px;
			padding-top: 24px;
			padding-bottom: 24px;
			background-color: #d9d9d9;
			z-index: 2;
			overflow: hidden;
			}
			

div#navbar.sticky {position:fixed; top: 0; width: 100%;}

div#navbar div.group_selector {	display:inline-block;
				font-size: 12px;
				margin-right: 12px;
				margin-left: 0px;
				cursor:pointer;
				padding: 6px 15px;
				border-radius: 6px;
				border-right: solid 2px black;
				border-bottom: solid 1px black;
}

div#navbar div#all {background-color:#000000;}
div#navbar div#builtin {background-color:#4e6172;}
div#navbar div#flooring {background-color:#d57500;}
div#navbar div#furniture {background-color:#668d3c;}
div#navbar div#stairs {background-color:#8f3b1b;}
div#navbar div#decor {background-color:#855723;}
div#navbar div#slabs {background-color:#50314c;}

div#navbar div#all:hover {background-color:white;}
div#navbar div#builtin:hover {background-color:white;}
div#navbar div#flooring:hover {background-color:white;}
div#navbar div#furniture:hover {background-color:white;}
div#navbar div#stairs:hover {background-color:white;}
div#navbar div#decor:hover {background-color:white;}
div#navbar div#slabs:hover {background-color:white;}

div#navbar div.group_selector a {
	
	float: left;
	display: block;
	text-align: center;
	color: white;
}

div#navbar div.group_selector:hover a {

	color: black;
}

/*-----THUMBS-----*/

div#thumbs	{
			float: left;
			overflow: hidden;
			pointer-events:none;
			margin-left: 5px;
			padding-top: 69px;
			}
.offset {padding-bottom: 420px;}			

div#thumbs a {cursor:pointer; border: 0px; padding: 0px; margin:0px; width: auto;}
div#thumbs a.hide	{display:none;}
div#thumbs img	{
			
			width: 270px;
			height: auto;
			border: 0px;
			border-radius: 6px;
			margin-left: 5px;
			margin-top: 5px;
			pointer-events: auto;
}



div#thumbs div.thumb {	float: left; 
						width: 280px;
						height: 280px;
						margin-left: 35px;
						margin-bottom: 45px;
						padding: 0px;
						overflow: hidden;
						border-bottom: solid 1px black;
						border-radius: 6px;
						box-shadow: 3px 3px 3px 1px #c6c6c6;
						moz-box-shadow: 3px 3px 3px 1px #c6c6c6;
						webkit-box-shadow: 3px 3px 3px 1px #c6c6c6;
						}

div#thumbs div.thumb p.description {position: relative;	
									margin-top: -45px;
									margin-right: 22px;
									font-size: 12px;
									border-radius: 6px;
									border-right: solid 2px black;
									border-bottom: solid 1px black;
									padding: 6px 12px;
									text-align: right;
									text-transform: uppercase;
									letter-spacing: 2px;
									color: white;
									float: right;

									}

div#thumbs div.thumb p.description2 {position: relative;	
									margin-top: -78px;
									margin-right: 22px;
									font-size: 12px;
									border-radius: 6px;
									border-right: solid 2px black;
									border-bottom: solid 1px black;
									padding: 6px 12px;
									text-align: right;
									text-transform: uppercase;
									letter-spacing: 2px;
									color: white;
									float: right;
									}

div#thumbs div.thumb p.description3 {position: relative;	
									margin-top: -112px;
									margin-right: 22px;
									font-size: 12px;
									border-radius: 6px;
									border-right: solid 2px black;
									border-bottom: solid 1px black;
									padding: 6px 12px;
									text-align: right;
									text-transform: uppercase;
									letter-spacing: 2px;
									color: white;
									float: right;
									}


div#thumbs div.thumb p.stairs {background-color: #8f3b1b;}									
div#thumbs div.thumb p.flooring {background-color: #d57500;}									
div#thumbs div.thumb p.furniture {background-color: #668d3c;}									
div#thumbs div.thumb p.builtin {background-color: #4e6172;}									
div#thumbs div.thumb p.decor {background-color: #855723;}									
div#thumbs div.thumb p.slabs {background-color: #50314C;}									
div#thumbs div.thumb p.ad {background-color: black;}									

div#thumbs div.show {display:inherit;}
div#thumbs div.hide {display:none;}


div#lightbox span.lb-details {font-size: 150px;}

/*-----FOOTER ETC-----*/

div#footer	{
		color: #999999;
		font-size: 9px;
		clear: both;
		float: left;
		margin-top: 300px;
		margin-left: 360px;
		padding-bottom: 30px;}


@media only screen and (max-width:1170px) {

div#footer {
	margin-left: 45px;
	max-width: 75%;}

img#logo {margin-left: 45px; width: 270px; height: auto;}

body	{width:  1000px;}

div#navbar {padding-left: 45px;}

div#navbar div.group_selector {	display:inline-block;
				font-size: 9px;
				margin-right: 2px;
				margin-left: 0px;
				color: white;
				cursor:pointer;
				padding: 6px 15px;
				border-radius: 6px;}
				
div#thumbs {width: 640px;}


div#thumbs div.thumb p.description3 {
									font-size: 13px;
									}

div#thumbs div.thumb p.description2 {
									font-size: 13px;
									}

div#thumbs div.thumb p.description {
									font-size: 13px;
									}

div#slab img {width: 585px;}