html { height: 100% }

body {
	height: 100%;
	background-image: url(../i/bg9.gif);
	font: 9pt Helvetica;
	color: #00aeef;
}

li, li a { color: #8B9298 }

#all {
	position: relative;
	min-height: 100%;
	width: 880px;
	background: #fff
}

* html #all { height: 100% }

#nav {
	float: right;
	padding-top: 20px;
	padding-right: 50px;
	height: 50px
}

#nav li { display: inline }

#nav li a, #nav li a:visited, #copy, #elsewhere, #footer li a, #footer li a:visited {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	position: absolute
}

#nav-email a {
	width: 107px;
	height: 11px;
	left: 505px;
	top: 29px;
	background: url(../i/nav-email.jpg) top no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	overflow: hidden;
}
	#nav-email a:hover { background: url(../i/nav-email.jpg) bottom no-repeat }

#nav-phone {
	width: 68px;
	height: 8px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	overflow: hidden;
	background: url(../i/nav-phone.jpg) top no-repeat;
	left: 660px;
	top: 30px;
}

#content {
	padding-top: 8px;
	padding-left: 50px;
	clear: both
}

#tabnav li {
	float: left;
	display: block;
	list-style: none;
	font-weight: bold
}

	#tabnav li a {
		text-decoration: none;
		color: #696E72;
		text-align: center;
		padding: 3px 4px;
	}
		
	#tabnav li a:hover, #tabnav li a:active, #tabnav li.ui-tabs-selected a { color: red	}

	.tabdiv { clear: both; width: 780px }

		.ui-tabs-hide { display: none }

.capn {
	display: inline;
	font-weight: bold;
	background: #fff;
	padding: 3px 10px;
	position: absolute;
	top: 455px;
	left: 50px;
}

.subn {
	float: right;
	display: inline;
	background: #fff url(../i/more.gif) no-repeat 6px 0;
	height: 18px;
	padding: 1px 5px 1px 44px;
	position: relative;
	top: -158px;
}

.subn a { padding: 2px 2px 0 3px }

#content img { margin-top: 3px }

.desc {
	padding: 10px 10px 75px;
	width: 760px;
	line-height: 1.4;
	font-size: 8pt;
	color: #696e72;
}

.desc a {
	text-decoration: none;
	font-style: oblique;
	color: #696e72
}

.desc a:hover { color: #00aeef }
#footer {
	width: 780px;
	position: relative;
	margin-top: -65px;
	padding: 30px 20px 0 20px;
	background: #fff
}

#footer li { display: inline }

#copy {
	width: 118px;
	height: 15px;
	background: url(../i/copy.jpg) top left no-repeat;
	left: 50px
}

#footer-facebook a:link, #footer-facebook a:visited {
	width: 57px;
	height: 15px;
	background: url(../i/footer-facebook.jpg) top no-repeat;
	left: 664px
}
	#footer-facebook a:hover { background: url(../i/footer-facebook.jpg) bottom no-repeat }

#footer-flickr a:link, #footer-flickr a:visited {
	width: 42px;
	height: 15px;
	background: url(../i/footer-flickr.jpg) top no-repeat;
	left: 728px
}
	#footer-flickr a:hover { background: url(../i/footer-flickr.jpg) bottom no-repeat }

#footer-twitter a:link, #footer-twitter a:visited {
	width: 53px;
	height: 15px;
	background: url(../i/footer-twitter.jpg) top no-repeat;
	left: 777px
}
	#footer-twitter a:hover { background: url(../i/footer-twitter.jpg) bottom no-repeat }