/* 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;} 

div#home {position:absolute;
			top: 450px;
			left: 45px;
		}

div#bh1, div#bh2, div#bh3, div#bh4  {
  	position:relative;
	padding-bottom: 750px;
}

div#bh5  {
  	position:relative;
	padding-bottom: 360px;
}

#bh1 img, #bh2 img, #bh3 img, #bh4 img, #bh5 img {
  	position:absolute;
	width: 1215px;	
  -webkit-transition: opacity 1.5s ease-in-out;
  -moz-transition: opacity 1.5s ease-in-out;
  -o-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out;
						border-bottom: solid 6px #d9d9d9;
						border-radius: 9px;
						box-shadow: 3px 3px 3px 1px #c6c6c6;
						moz-box-shadow: 3px 3px 3px 1px #c6c6c6;
						webkit-box-shadow: 3px 3px 3px 1px #c6c6c6;	
}

#bh1 img.transparent, #bh2 img.transparent, #bh3 img.transparent, #bh4 img.transparent, #bh5 img.transparent {
opacity:0;
}

#home img.top {
				cursor:pointer;
}

#home div.info {position: relative;
				max-width: 1215px;
				width: 870px;
				bottom: 45px;
				left: 300px;
				padding-left: 15px;
				padding-top: 15px;
				padding-bottom: 30px;
				border-left: solid 9px black;
				border-bottom: solid 3px black;
				}
				
#home div.info p{
				font-size: 18px;
				line-height: 36px;
				font-weight: bold;
				z-index: 1;
				}				

#home div.block5 {position: absolute;
				height: 225px;
				width: 1215px;
				left: -309px;
				top: 18px;
				background-color: #eeeeee;
				border-bottom-left-radius: 60px;
				border-top-right-radius: 30px;
				z-index: -1;
				}
				
#home div.block4 {position: absolute;
				height: 195px;
				width: 1215px;
				left: -309px;
				top: 18px;
				background-color: #EEEEEE;
				border-bottom-left-radius: 60px;
				border-top-right-radius: 30px;
				z-index: -1;
				}				

#home a.gallery_link{	
			position:relative;
			font-size: 12px;
			color: white;
			background-color: black;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin-left: 324px;
			padding: 12px;
			padding-left: 90px;
			padding-right: 90px;
			top: -180px;

			z-index: 2;
			border-radius: 6px;
			border-right: solid 2px black;
			border-bottom: solid 1px black;
}


#home a:hover {color: black; background-color: white;}



/*-----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#slab img {width: 585px;} 

div#home, div#home img {width:585px;}

div#home div.info {left: 0px; width: 555px;
					font-size: 12px;
					line-height: 36px;
}

div#bh1, div#bh2, div#bh3, div#bh4  {
  	position:relative;
	padding-bottom: 420px;
}

div#bh5  {
  	position:relative;
	padding-bottom: 120px;
}

#home a.gallery_link{	
			position:relative;
			margin-left: 18px;
			padding: 12px;
			padding-left: 90px;
			padding-right: 90px;
			top: -135px;
			font-size: 9px;
			letter-spacing: 1px;
}
	
#home div.block5 {position: absolute;
				height: 405px;
				width: 675px;
				left: -99px;
				z-index: -1;
				}
				
#home div.block4 {position: absolute;
				height: 360px;
				width: 675px;
				left: -99px;
				z-index: -1;
				}		
}
