/* ========== Global Styles ========== */

html, body {
	padding: 0px; margin: 0px;
	background: #00AADF url(sg_weblayout_media/exteriortile.gif) center top repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #17AADF;
}
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FCBA1B;
}

a { color: #2EB9FB }
a:hover { color: #F7C31E }

a, a img
{ -webkit-transition: color 500ms, opacity 500ms; -moz-transition: color 500ms, opacity 500ms; -o-transition: color 500ms, opacity 500ms; transition: color 500ms, opacity 500ms; }






/* ========== Header ========== */

#header  {
	background: url(sg_weblayout_media/header.gif) no-repeat;
	position: absolute; left: 0px; top: 0px; z-index: 3;
	width: 873px; height: 317px;
}





/* ========== Navigation ========== */

.nav-link { position: absolute; z-index: 4; }
.nav-link a { display: block; }

#homebutton { left: 51px; top: 127px; }
#menubutton { left: 110px; top: 198px; }
#conciergebutton {left: 181px; top: 237px; }
#servicesbutton { left: 357px; top: 250px; }
#funatseabutton { left: 560px; top: 251px; }
#gallerybutton { left: 663px; top: 205px; }
#contactusbutton { left: 717px; top: 124px; }

#homebutton a {
	height: 65px; width: 76px;
	background: url(sg_weblayout_media/homebutton.gif) no-repeat 0 0;
}
#menubutton a {
	height: 82px; width: 78px;
	background: url(sg_weblayout_media/menubutton.gif) no-repeat 0 0;
}
#conciergebutton a {
	width: 138px; height: 70px;
	background: url(sg_weblayout_media/conciergebutton.gif) no-repeat 0 0;
}
#funatseabutton a {
	width: 82px; height: 62px;
	background: url(sg_weblayout_media/funastseabutton.gif) no-repeat -82px 0;
}
#gallerybutton a {
	height: 55px; width: 86px;
	background: url(sg_weblayout_media/gallerybutton.gif) no-repeat 0 0;
}
#contactusbutton a {
	height: 66px; width: 97px;
	background: url(sg_weblayout_media/contactusbutton.gif) no-repeat 0 0;
}
#servicesbutton a {
	height: 71px; width: 156px;
	background: url(sg_weblayout_media/servicesbutton.gif) no-repeat 0 0;
}

#contactusbutton a:hover { background-position: -97px 0 }
#gallerybutton a:hover { background-position: -86px 0 }
#conciergebutton a:hover { background-position: -138px 0 }
#servicesbutton a:hover { background-position: -156px 0 }
#homebutton a:hover { background-position: -76px 0 }
#menubutton a:hover { background-position: -78px 0 }
#funatseabutton a:hover { background-position: 0 0 }







/* ============ Content =========== */

#contentgrow {
	position: relative;
	padding: 0px 46px 0px 37px; margin: 0px;
	background: url(sg_weblayout_media/interiorgrowtile.gif) repeat-y center top;
}
#contentgrow *:first-child  { margin-top: 0px }
#contentgrow *:last-child  { margin-bottom: 0px }

#scootdown { position: relative; top: 317px; }

/* --- Concierge Page --- */
#concierge-links a { margin-left: 30px; opacity: 0.7; }
#concierge-links a:hover { opacity: 1 }







/* =========== Footer =========== */

#id1footer {
	background: url(sg_weblayout_media/id1footer.gif) no-repeat;
	position: absolute; left: 0px; top: 0px; z-index: 3;
	width: 873px; height: 71px;
}
#weblayout {
	margin: 0 auto;
	width: 873px; height: 864px;
	position: relative;
}
#footer {
	position: relative; left: 0px;
	width: 100%; height: 71px;
	margin-bottom: 95px;
}
#text { position: absolute; left: 553px; top: 36px; z-index: 4; }
#layer2 {
	background: url(sg_weblayout_media/layer2.gif) no-repeat;
	position: absolute; left: 484px; top: 28px; z-index: 4;
	width: 67px; height: 41px;
}