html, body { margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; width:100%; height:100%; }
body { background: url('../images/bg.jpg') center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg', sizingMethod='scale')"; }
a { text-decoration:none; }
h1 { margin-top:0; }

#watermark { position:fixed; right:25px; bottom:25px; width:285px; height:240px; z-index:1; background:url('../images/watermark.png') center center no-repeat; }

#menu { position:fixed; left:0; top:0; width:198px; height:100%; background-color:#fafafa; z-index:99; }
#menu ul { margin:33px 0 0 0; padding:0; list-style-type:none; }
#menu ul li { margin:0; padding:0; text-transform:uppercase; text-align:center; }
#menu ul li:first-child { height:100px; border-bottom:1px solid #dddddd; }
#menu ul li:nth-child(2) { padding-top:30px; }
#menu ul li a { color:#979797; font-size:16px; line-height:40px; cursor:pointer; }
#menu ul li a:hover { color:#000; }
#menu ul li a.selected { border-bottom:4px solid #317360; }
#menu #menuFooter { position:fixed; left:0; bottom:0; padding:0 0 0 20px; width:178px; height:48px; line-height:48px; border-top:1px solid #dddddd; line-height:48px; }
#menu #menuFooter a { float:right; display:inline-block; width:48px; height:48px; border-left:1px solid #dddddd; text-align:center; }
#menu #menuFooter a:hover { background-color:#3b5998; }
#menu #menuFooter a img { margin:12px 0 0 0; }

#bio { position:absolute; left:-178px; top:0; width:330px; height:100%; background-color:#69645b; color:#fff; line-height:20px; z-index:98; }
#bio #bioContent { padding:20px 40px 40px 40px; width:250px; height:400px; overflow-y:scroll; }
#bio h2 { margin:0; padding:0; font-size:56px; line-height:70px; text-transform:uppercase; }
#bio a.btnBio { position:absolute; display:block; left:330px; top:50%; margin:0; width:46px; height:55px; background-color:#69645b; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; text-align:center; cursor:pointer; }
#bio a.btnBio img { margin-top:20px; }

#homeContent { position:fixed; left:50%; top:50%; margin:-165px 0 0 -256px; width:710px; height:330px; }
#homeContent h2 { font-size:24px; color:#69645b; margin:0; padding:0 0 35px 0; text-align:center; font-weight:normal; }
#homeContent h2 span { font-weight:bold; }
#homeContent .homeImgBlock { float:left; padding:0 15px; }
#homeContent .homeImgBlock img { border:none; padding-bottom:20px; }
#homeContent .homeImgBlock a { display:block; text-align:center; clear:both; color:#69645b; font-size:16px; text-transform:uppercase; }

#container { position:relative; margin:0 0 0 198px; height:100%; }
#container .arrowLeft { position:absolute; left:50px; top:50%; margin-top:-152px; width:35px; height:105px; cursor:pointer; z-index: 97;}
#container .arrowRight { position:absolute; right:50px; top:50%; margin-top:-152px; width:35px; height:105px; cursor:pointer; z-index: 97;}

#container #sliderImages { margin:0 auto 0 auto !important; padding:40px 0 0 0; list-style-type:none; width:75%; height:90%; }
#container #sliderImages li { margin:0; padding:0; width:100%; height:72%; text-align:center; position:relative; display:none; }
#container #sliderImages li img { max-width:100%; max-height:100%; border:4px solid #fff; }

#container #sliderThumbs { position:fixed; left:50%; bottom:20px; margin:0 0 0 -276px; padding:0; width:750px; height:100px; list-style-type:none; z-index:96; }
#container #sliderThumbs li { width:50px; height:50px; float:left; text-align:center; }
#container #sliderThumbs li.selected img { opacity:1; }
#container #sliderThumbs li img { width:40px; height:40px; border:2px solid #fff; opacity:0.5; cursor:pointer; }


@media(max-height:500px), (max-width:920px ){
	#container #sliderThumbs{
		position: fixed;
		left: 50%;
		bottom: 0;
		margin: 0px 0 0 -15%;
		padding: 0;
		width: 60%;
		height: auto;
		list-style-type: none;
		z-index: 96;
	}

	#container #sliderThumbs li {
		width: 40px;
		height: 40px;
		float: left;
		text-align: center;
	}

	#container #sliderThumbs li img {
		width: 30px;
		height: 30px;
		border: 2px solid #fff;
		opacity: 0.5;
		cursor: pointer;
	}

	#container #sliderImages li img {
		max-width: 100%;
		max-height: 80%;
		border: 4px solid #fff;
	}

	#container .arrowRight,
	#container .arrowLeft {
		margin-top: -60px;
	}
}