/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
input[type='hidden'] {display: none;}

.clear {display: block; clear: both;}

/* FONTS */

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('ColabThi.eot');
	src: local('Colaborate-Thin Regular'), local('Colaborate-Thin'), url('ColabThi.ttf') format('truetype');
}


/* HOME */

#bodyHome {margin: 0; padding: 0; overflow: hidden;}
#supersize img {width: 100%; height: 100%; display: block; }
	#bodyHome h1 {width: 533px; height: 147px; text-indent: -9000px; background: url(../img/logo-home.png) no-repeat; position: absolute; top: 190px; left: 17%; }
	#bodyHome ul, #wrapper nav ul {position: absolute; font: normal 18px 'Helvetica Neue', Colaborate-ThinRegular, Arial, sans-serif; font-weight: 200; top: 160px; right: 12%; }	
	#bodyHome li, #wrapper nav li {display: block; float: left; margin-left: 15px; }
	#bodyHome ul li a, #wrapper nav ul li a {color: #fff; text-decoration: none; padding: 0 5px; }
		#bodyHome ul li a:hover {color: #000000; }

/* COMMON */
#wrapper {width: 955px; margin: 0 auto; position: relative; overflow: hidden; padding-top: 100px; font: normal 18px 'Helvetica Neue', Colaborate-ThinRegular, Arial, sans-serif; font-weight: 100;}
	#wrapper h1 {position: absolute; left: 30px; top: 40px; }
		#wrapper h1 a {display: block; text-indent: -9000px; width: 143px; height: 43px; background: url(../img/logo-small.png) no-repeat; }
	#wrapper nav ul {top: 60px; right: 30px; }
		#wrapper nav ul li a {color: #797979; }
		#wrapper nav ul li a:hover, #wrapper nav ul .active a {color: #000; }
		
#friendsUl {margin-top: 16%; width: 870px; margin-left: 30px; }
	#friendsUl li {display: block; float: left; margin-right: 30px; font-size: 34px; }
		#friendsUl li a {color: #c1c1c1; text-decoration: none; }
		#friendsUl li a:hover {color: #000; }

#contact {width: 870px; height: 570px; padding: 0 0 30px 25px; background: url(../img/contact-bg.jpg) no-repeat; font-size: 30px; margin: 0 0 20px 30px; position: relative; }
	#contact p {position: absolute; bottom: 30px; line-height: 1.3;}
	#contact p a {color: #000; text-decoration: none; }

#about {width: 895px; position: relative; margin-bottom: 20px; margin-left: 30px; }
	#aPhotos {width: 300px; }
		#aPhotos img {display: block; margin-bottom: 6px; }
		#aPhotos img + img {margin-bottom: 5px; }
		#aPhotos img + img + img {margin-bottom: 0; }
	.textAbout {width: 575px; position: absolute; right: 0; bottom: 0; font-size: 23px; color: #000; line-height: 1.3; }
		.textAbout p {margin-top: 1em; }
		
#photos {width: 895px; margin: 0 0 20px 30px; position: relative; }
	#photos img {display: block; margin: 10px auto;}
	.photosJS {height: 600px; overflow: hidden; }
	#photos .photosImg {position: absolute; margin: 0;}
#quoteImg {position: absolute; top: 640px; left: 80px; }
#quoteCont {font-size: 14px; font-weight: normal; color: #505050; width: 300px; padding: 20px; background-color: #fff; background-color: rgba(255,255,255,0.7); position: absolute; left: 95px; bottom: 60px; }
	#quoteCont span {display: block; clear: both; }
	#quoteCont a {display: block; float: right; margin: 5px 10px 0 5px; font-weight: bold; font-size: 11px; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 1px #555; }

	
#quoteJS {width: 600px; margin: 0;}
	#quoteJS h3 {font-weight: bold; margin-bottom: 1em; }
	#quoteJS p {font-weight: normal; margin-bottom: 1.5em; }

#contThumb {width: 905px; margin: 0 auto 40px auto; height: 54px; overflow: hidden; position: relative; }

#thleft, #thright {display: block; position: absolute; width: 15px; height: 15px; background: url(../img/buttons.png) no-repeat; bottom: 60px; cursor: pointer; }
#thleft {left: 0; }
#thright {right: 0; background-position: -50px 0; }

#thumbs {margin: 0 auto; display: none; position: absolute; height: 54px;}
	#thumbs li {float: left; margin: 0 5px; cursor: pointer; }
	#thumbs li img {opacity: 0.3;}
	#thumbs li .activeSlide {opacity: 1; }

#control {width: 66px; height: 15px; margin: 20px auto; background: url(../img/buttons.png) no-repeat; }
	#control.pause {background-position: 0 -15px; }
	#control span {display: block; float: left; height: 15px; cursor: pointer; }
	#control #rev {width: 17px; margin-right: 2px; }
	#control #play {width: 26px; margin: 0 1px; }
	#control #fwd {width: 17px; margin-left: 2px; }