@import url('reset.css') screen;

body {
	font-family: Georgia, serif;
}

div#centerWrap {
	margin: 60px auto;
	width: 980px;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.mainContainer {
	margin: 0px auto;
	width: 980px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	background: transparent url(../images/top-btm-horz-grid.png) repeat-x 0px -120px;
}

ul.iconSet {
	margin: 0px auto;
	padding-top: 60px; /*padding-top: 235px;*/
	width: 940px;
	list-style-type: none;
	overflow: hidden;
}

ul.iconSet li {
	float: left;
	display: inline;
}

ul.iconSet li a {
	width: 206px;
	height: 210px;
	display: block;
	-moz-opacity: 0.64;
	opacity: 0.64;
	text-indent: -9999px;
}

ul.iconSet li#soul, ul.iconSet li#heart {
	float: right;
}

ul.iconSet li#speaking, ul.iconSet li#heart {
	margin-right: 20px;
} 

ul.iconSet li#speaking a:link, 
ul.iconSet li#speaking a:visited {
	background: transparent url(../images/lrg-icon-set.png) no-repeat 0px 0px;
}

ul.iconSet li#speaking a:hover, 
ul.iconSet li#speaking a:active {
	opacity: 1.0;
	background: transparent url(../images/lrg-icon-set.png) no-repeat 0px 0px;
}

ul.iconSet li#sight a:link, 
ul.iconSet li#sight a:visited {
	background: transparent url(../images/lrg-icon-set.png) no-repeat -230px 0px;
}

ul.iconSet li#sight a:hover, 
ul.iconSet li#sight a:active {
	opacity: 1.0;
	background: transparent url(../images/lrg-icon-set.png) no-repeat -230px 0px;
}

ul.iconSet li#heart a:link, 
ul.iconSet li#heart a:visited {
	background: transparent url(../images/lrg-icon-set.png) no-repeat -505px 0px;
}

ul.iconSet li#heart a:hover, 
ul.iconSet li#heart a:active {
	opacity: 1.0;
	background: transparent url(../images/lrg-icon-set.png) no-repeat -505px 0px;
}

ul.iconSet li#soul a:link, 
ul.iconSet li#soul a:visited {
	background: transparent url(../images/lrg-icon-set.png) no-repeat -735px 0px;
}

ul.iconSet li#soul a:hover, 
ul.iconSet li#soul a:active {
	opacity: 1.0;
	background: transparent url(../images/lrg-icon-set.png) no-repeat -735px 0px;
}

a.fhbLogoWhite {
	height: 69px;
	background: transparent url(../images/fhb-logo-set.png) no-repeat 0px 0px;
}

a.fhbLogoBlack {
	height: 74px;
	background: transparent url(../images/fhb-logo-set.png) no-repeat 0px -74px;
}

a.fhbLogoWhite, a.fhbLogoBlack {
	margin: 60px auto 30px;
	width: 536px;
	display: block;
	-moz-opacity: 1.0;
	opacity: 1.0;
}

a.fhbLogoWhite:link, a.fhbLogoWhite:visited, 
a.fhbLogoBlack:link, a.fhbLogoBlack:visited {
	-moz-opacity: 1.0;
	opacity: 1.0;
}

a.fhbLogoWhite:hover, a.fhbLogoWhite:active, 
a.fhbLogoBlack:hover, a.fhbLogoBlack:active {
	-moz-opacity: 0.64;
	opacity: 0.64;
}

p.footer {
	padding: 10px 10px 10px 0px;
	font-size: 0.65em;
	letter-spacing: 0.1em;
	text-align: right;
}

p.footer a {
	text-decoration: none;
}

p.footer a:link, 
p.footer a:visited {
	-moz-opacity: 0.75;
	opacity: 0.75;
}

p.footer a:hover, 
p.footer a:active {
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.opacity64 {
	-moz-opacity: 0.64;
	opacity: 0.64;
}

.opacity100 {
	-moz-opacity: 1.0;
	opacity: 1.0;
}

div#meWrap {
	width: 980px;
	height: 474px;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	background-color: none;
}

div#picWrap {
	width: 980px;
	height: 474px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}