/*CSS Document for Spring Hill : www.springhillnorthwest.com */
/* Created by LookatLao Studio Seattle : www.lookatlao.com */

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, pre, form, body, html, p, blockquote, fieldset, input {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #fff;
} 

body {
	background: #000000;
	margin: 40px 0;
	padding: 0;
	background: #000000;
	text-align: center;
}

#container {
	width: 820px;
	height: 565px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}
	
#photo-frame {
	width: 800px;
	height: 544px;
	background: #444;
	margin: 0;
	padding: 0;
	position: absolute;
	top:10px;
	left: 11px;
	}



/*
---------------------------------------
NAVIGATION
---------------------------------------
*/

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li#nav-home a {
	width: 75px;
	height: 50px;
	background: url(../images/nav-home.gif) no-repeat 0px 0px;
	position: absolute;
	top: 33px;
	left: 33px;
}

li#nav-about a {
	width: 75px;
	height: 50px;
	background: url(../images/nav-about.gif) no-repeat 0px 0px;
	position: absolute;
	top: 33px;
	left: 110px;
}

li#nav-menu a {
	width: 75px;
	height: 50px;
	background: url(../images/nav-menu.gif) no-repeat 0px 0px;
	position: absolute;
	top: 33px;
	left: 187px;
}

li#nav-info a {
	width: 75px;
	height: 50px;
	background: url(../images/nav-info.gif) no-repeat 0px 0px;
	position: absolute;
	top: 33px;
	left: 264px;
}



li#nav-home a:hover,
li#nav-about a:hover,
li#nav-menu a:hover,
li#nav-info a:hover,
li#nav-press a:hover,
li#nav-events a:hover,

body#about li#nav-about a,
body#menu li#nav-menu a,
body#info li#nav-info a,
body#press li#nav-press a,
body#events li#nav-events a {
	background-position: 0px 0px
}

a span {
	display: none;
}

.tooltip-tip {
	z-index: 13000;
	padding-top: 4px;
	background: transparent url(../images/bg-tooltip-arrow.png) no-repeat 0 50%;
}

.tooltip-title,
.tooltip-text {
	background: #fff;
}
 
.tooltip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9bbdc5;
	padding: 8px 8px 0 8px;
}
 
.tooltip-text {
	font-size: 10px;
	color: #222;
	margin: 0;
	padding: 4px 8px 8px 8px;
}



/*
---------------------------------------
COLUMNS
---------------------------------------
*/



#column-about,
#column-info2,
#column-press2 {
	position: absolute;
	top: 120px;
	left: 475px;
	width: 264px;
	z-index: 1;
}

#column-info1,
#column-menu,
#column-events,
#column-press1,
#column-404 {
	position: absolute;
	top: 120px;
	left: 50px;
	width: 264px;
	z-index: 1;
}

#footer-about {
	position: absolute;
	top: 570px;
	left: 385px;
	width: 380px;
	z-index: 1;
}

#footer {
	position: absolute;
	top: 610px;
	left: 520px;
	width: 564px;
	z-index: 1;
}



#siteinfo {
	position: absolute;
	top: 430px;
	left: 0px;
	z-index: 1;
}

#column-site {
	position: absolute;
	top: 490px;
	left: 510px;
	width: 355px;
	z-index: 1;
}

/*
---------------------------------------
TEXT FORMATTING
---------------------------------------
*/

h1, h2 {
	font-size: 22px;
	line-height: 22px;
	margin: 0 0 10px 0;
}

h3 {
	font-size: 16px;
	line-height: 19px;
	margin: 15px 0 0 0;
}

p {
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 10px 0;
	padding: 0;
}

p.quote {
	background: url(../images/icon-quote.png) no-repeat top left;
	padding: 4px 0 0 4px;
	font-size: 11px;
	line-height: 14px;
	margin: 8px 0 3px 0;
}

* html p.quote {
	background: url(../images/icon-quote.gif) no-repeat top left;
	padding: 4px 0 0 4px;
	font-size: 12px;
	line-height: 16px;
	margin: 8px 0 3px 0;
}



p.cite {
	font-size: 9px;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 2px;
	margin: 0 0 15px 0;
	padding: 0;
}



#column-site p {
	color: #37525e;
}

#column-site p a:link,
#column-site p a:visited {
	color: #fff;
}

#column-site p a:hover {
	color: #37525e;
}


/*
---------------------------------------
LINKAGE
---------------------------------------
*/

a:link, a:visited {text-decoration: none; color:#dd4a32; }
a:hover { color: #FFFFFF; text-decoration: underline;}

p.cite a:link, p.cite a:visited {
	color: #fff;
}

p.cite a:hover {
	color: #add3dd;
}

body#menu a:link, body#menu a:visited {
	color: #dd4a32;	
}

body#menu a:hover {
	color: #fff;
}

body#about a:link, body#about a:visited {
	color: #1b1510;	
}

body#about a:hover {
	color: #fff;
}

a img {
	border: none;
}


/*
---------------------------------------
PHOTO DRAWER
---------------------------------------
*/


#photo-nav a {
	width: 49px;
	height: 27px;
	position: absolute;
	top: 533px;
	left: 745px;
	background: url(../images/nav-photo.gif) no-repeat 0px 0px;
	z-index: 3;
	}

#photo-nav a:hover { 
	background-position: 0px -27px;
}



#photo-drawer {
	width: 800px;
	height: 280px;
	background: url(../images/bg-photo-frame.png) repeat left top;
	position: absolute;
	top: 281px;
	left: 0px;
	}

#drawer-wrap {
	width: 800px;
	height: 280px;
	background: transparent;
	position: absolute;
	top: 280px;
	left: 16px;
	overflow: hidden;
}

#photo-icon1 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 15px;
	left: 15px;
}

#photo-icon2 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 15px;
	left: 127px;
}

#photo-icon3 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 15px;
	left: 239px;
	z-index: 70;
}

#photo-icon4 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 15px;
	left: 352px;
}

#photo-icon5 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 15px;
	left: 465px;
}

#photo-icon6 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 15px;
	left: 578px;
}

#photo-icon7 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 15px;
	left: 689px;
}

#photo-icon8 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 102px;
	left: 15px;
}

#photo-icon9 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 102px;
	left: 127px;
}

#photo-icon10 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 102px;
	left: 239px;
}

#photo-icon11 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 102px;
	left: 352px;
}

#photo-icon12 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 102px;
	left: 465px;
}

#photo-icon13 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 102px;
	left: 578px;
}

#photo-icon14 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 102px;
	left: 689px;
}

#photo-icon15 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 190px;
	left: 15px;
}

#photo-icon16 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 190px;
	left: 127px;
}

#photo-icon17 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 190px;
	left: 239px;
}

#photo-icon18 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 190px;
	left: 352px;
}

#photo-icon19 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 190px;
	left: 465px;
}

#photo-icon20 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 190px;
	left: 578px;
}

#photo-icon21 {
	width:96px;
	height: 70px;
	background: #fff;
	position: absolute;
	top: 190px;
	left: 689px;
}

/*
-----------------------
SLIMBOX
-----------------------
*/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index: 99;
}

.lbLoading {
	background: #fff url(loading.html) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 20px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.png) no-repeat 0% 45%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.png) no-repeat 100% 45%;
}

#lbBottom {
	font-family: "Lucida Grande",Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
	line-height: 1.4em;
	text-align: left;
	border: 20px solid #fff;
	border-top-style: none;
} 

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*
-----------------------
ADMIN
-----------------------
*/

#admin-box {
	width: 400px;
	margin: 100px auto;
	padding: 25px;
	background: #eed;
	border: 8px solid #fff;
	color: #333;
}

#admin-box h1,
#admin-box h2,
#admin-box h3,
#admin-box label,
#admin-box input,
#admin-box p {
	color: #333;
}

#admin-box h3 {
	font-size: 14px;
}

 {
	color: #333;
}

#form {
	color: #333;
}