html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table{margin-bottom:1em;}

#page {
	margin:0pt auto;
	position:relative;
	text-align:left;
	min-width:972px;
	width:972px;
	min-height:653px;
	height:653px;
//	font-family:arial,helvetica,clean,sans-serif;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size:12px;
	color:#FFF;
	background:#000 url(../img/bg/home_37.jpg) no-repeat scroll;
	overflow: hidden;
}
#page a { text-decoration: none; }
#page a:link { color: #F8F808; }
#page a:visited { color: #F8F808; }
#page a:hover { color: #F8F808; text-decoration: underline; }
#page a:active { color: #F8F808; }


/* _________ HEADER __________ */

#header,#footer {
	background:transparent url(../img/bg/overlay.png) repeat scroll;
}
#header {
	height:46px;
	width: 100%;
}
#header a {
	float: right;
	background:transparent url(../img/id.png) no-repeat scroll;
	text-indent: -999em;
	height: 14px;
	overflow: hidden;
	margin: 15px 30px 0 0;
}
#header a.fb {
	width: 199px;
	background-position: 0px -42px;
}
#header a.twitter {
	width: 78px;
	background-position: -200px -42px;
}
/* over states */
#header a:hover.fb {
	background-position: 0px -128px;
}
#header a:hover.twitter {
	background-position: -200px -128px;
}

/* new */
#pageBg {
	width: 100%;
	height: 100%;
	background: transparent;
/*	background: transparent url(../img/bg/info_37.jpg) no-repeat scroll; */
	position:absolute;
	bottom: -46px;
}
#body {
	position: absolute;
	width: 100%;
	height: 100%;
}


/* _________ FOOTER __________ */

#footer {
	position: absolute;
	bottom: 0;
	height:47px;
	width: 100%;
}
/*
#footer em {
	float: left;
	background:transparent url(../img/id.png) no-repeat scroll;
	text-indent: -999em;
	display: block;
	width: 237px;
	height: 39px;
	overflow: hidden;
	margin: 5px 0 0 15px;
}
*/


#footer .share {
	float: right;
}
#footer .share a.list {
	margin-top: 19px;
	margin-right: 30px;
	display: block;
	text-indent: -999em;
	background: transparent url(../img/id.png) no-repeat scroll 0px -68px;
	height: 13px;
	width: 294px;
}
#footer .share a.list:hover {
	background-position: 0px -154px;
}

#footer ul.list {
	float: left;
	margin: 0;
}
#footer ul.list li {
	margin-right: 30px;
	margin-top: 19px;
	height: 50px;
	list-style-type: none;
	float: left;
}

/* out states */
.share ul.list a {
	display: block;
	text-indent: -999em;
	background: transparent url(../img/id.png) no-repeat scroll;
	height: 13px;
}
.share ul.list a.find {
	width: 61px;
	background-position: 0px -68px;
}
.share ul.list a.share {
	width: 76px;
	background-position: -90px -68px;
}
.share ul.list a.contact {
	width: 98px;
	background-position: -196px -68px;
}
/* over states */
.share ul.list a:hover.find {
	width: 61px;
	background-position: 0px -154px;
}
.share ul.list a:hover.share {
	width: 76px;
	background-position: -90px -154px;
}
.share ul.list a:hover.contact {
	width: 98px;
	background-position: -196px -154px;
}




#shareMenu {
	margin-bottom: -220px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent url(../img/bg/overlayShare.png) repeat scroll;
	height: 195px;
	width: 320px;
}

.shareMask {
	display: none;
	position: absolute;
	bottom: 47px;
	right: 0;
	height: 195px;
	width: 320px;
	overflow: hidden;	
}


#shareMenu ul {
	margin: 36px 0 0 15px;
}
#shareMenu li {
	list-style-type: none;
	float: left;
}

#shareMenu a {
	display: block;
	text-indent: -999em;
	background: transparent url(../img/share_icons.png) no-repeat scroll;
	height: 39px;
}

#shareMenu .facebook a {
	width: 87px;
	background-position: -218px -26px;
}
#shareMenu .twitter a {
	width: 87px;
	background-position: -218px -65px;
}
#shareMenu .myspace a {
	width: 87px;
	background-position: -218px -105px;
}
#shareMenu .email a {
	width: 87px;
	background-position: -218px -145px;
}



#shareMenu .su a {
	width: 102px;
	background-position: -116px -26px;
}
#shareMenu .reddit a {
	width: 102px;
	background-position: -116px -65px;
}
#shareMenu .delicious a {
	width: 102px;
	background-position: -116px -105px;
}
#shareMenu .digg a {
	width: 102px;
	background-position: -116px -145px;
}




#shareMenu .app a {
	width: 115px;
	background-position: -1px -26px;
}
#shareMenu .youtube a {
	width: 115px;
	background-position: -1px -65px;
}
#shareMenu .vimeo a {
	width: 115px;
	background-position: -1px -105px;
}
#shareMenu .wiki a {
	width: 115px;
	background-position: -1px -145px;
}

#shareMenu a.close {
	height: 14px;
	width: 13px;
	background-position: -285px 0px;
	position: absolute;
	top: 10px;
	right: 8px;
}

.poster {
	float: left;
	width: 165px;
	height: 92px;
	background:transparent url(../img/poster.png) no-repeat scroll;
	text-indent: -999em;
	overflow: hidden;
	margin: 0;
}
.orgs {
	float: left;
	width: 293px;
	height: 47px;
	background:transparent url(../img/orgs.png) no-repeat scroll;
	overflow: hidden;
	margin: 0px 0 0 20px;
}
.orgs a {
	float: left;
	display: block;
	height: 39px;
	text-indent: -999em;
}
.orgs .water {
	width: 231px;
	margin-left: 0px;
}
.orgs .bench {
	width: 91px;
	margin-left: 41px;
}


/* clearfix */
.clear {
	display:inline-block;
}
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
