/*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: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #fff;
} 

body {
	background: #1b1510;
	margin: 40px 0;
	padding: 0;
	background: #170800;
}

#container {
	width: 832px;
	height: 576px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
	
#photo-frame {
	width: 800px;
	height: 544px;
	background: #444;
	margin: 0;
	padding: 0;
	position: absolute;
	top:16px;
	left: 16px;
	background: #333;
	}

#press-container {
	width: 832px;
	margin: 0 auto;
	padding: 35px 0;
	background: #fff;
	position: relative;
	}

#press-frame {
	width: 675px;
	margin: 0 0 0 100px;
	padding: 0;
	}
	





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

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

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

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

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

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

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

li#nav-blog a {
	width: 32px;
	height: 32px;
	background: url(/images/nav-blog.gif) no-repeat 0px 0px; /* need image for this */
	position: absolute;
	top: 193px;
	left: 33px;
}

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-blog 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#blog li#nav-blog a {
	background-position: 0px -32px
}

a span {
	display: none;
}

.tooltip-tip {
	z-index: 13000;
	padding-left: 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: 50px;
	left: 444px;
	width: 264px;
	z-index: 1;
}

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

#column-info1 {
	position: absolute;
	top: 50px;
	left: 100px;
	width: 115px;
	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;
}

.press-clip {
	margin: 15px 0 15px 0;
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #ccc;
}


.press-clip img {
	float: left;
	margin: 0 20px 20px 0;
}

/*
---------------------------------------
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;
}

body#press h1 {
	font-size: 26px;
	color: #d47300;
}

body#press h2,
body#press h3,
body#press p,
body#press li {
	color: #333;
}

body#press .press-clip p,
body#press .press-clip h2,
body#press .press-clip h3 {
	margin: 0 0 0 350px;
}

body#press .press-clip h2 {
	font-size: 18px;
}

body#press .press-clip h3 {
	font-size: 14px;
	color: #666;
}

body#press .press-clip p.press-date {
	font-size: 12px;
	margin-top: 5px;
	
}

body#press h2.year {
	color: #fff;
	font-size: 14px;
	width: 100%;
	background: #99b859;
	margin: 20px 0 10px 0;
	padding: 3px;
}


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

a:link, a:visited {text-decoration: none; color:#d08d33; }
a:hover { color: #99bbc4;}

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: #1b1510;	
}

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: 360px;
	background: url(/images/bg-photo-frame.png) repeat left top;
	position: absolute;
	top: 400px;
	left: 0px;
	}

#drawer-wrap {
	width: 800px;
	height: 400px;
	background: transparent;
	/* background: pink; */
	position: absolute;
	bottom: 16px;
	left: 16px;
	overflow: hidden;
	z-index: -1;
}

#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;
}

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

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

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

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

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

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




/*
-----------------------
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.gif) 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;
}

#form {
	color: #333;
}