/* Stylesheet for Heather's Site */

html, body {
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	color: #6f7779;
	height: 100%;
	background-color: #55b8dd;
}

.hide {
	visibility: hidden;
	position: absolute;
}

.push {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
}


.wrapper {
	/* min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
	*/
	background-color: #fff;
}

/*
div#footer, .pushwrap {
	height: 100px; 
}
*/



a:link {
	color: #1db2d2;
}

a:visited {
	color: #518f9d;
}

a:hover {
	color: #009bbc;
	text-decoration: underline;
}

div.widthrestrict {
	width: 750px;
	margin: 0px auto;
}

/*  ===============================  */

div#header {
	background: #fff url(images/topline.gif) repeat-x;
	padding: 0px 10px;
}

	div#header h1 {
		margin: 0px;
		padding: 0px;
		width: 262px;
		height: 64px;
		background: #fff url(images/title.gif) no-repeat bottom;
		float: left;
		margin-right: 28px;
	}
	
	div#header h1 a,
	div#header h1 a:hover,
	div#header h1 a:visited,
	div#header h1 a:active {
		display: block;
		width: 262px;
		height: 64px;
		border: none;
		text-decoration: none;
	}
	
	
	div#header h2 {
		visibility: hidden;
		position: absolute;
	}
	
	div#header ul {
		float: left;
		list-style: none;
		padding: 0px;
		margin: 0px;
		font-weight: bold;
	}
	
		div#header ul li {
			display: block;
			float: left;
			padding-top: 32px;
			margin-right: 20px;
		}
		
		div#header ul li a:link, 
		div#header ul li a:visited {
			text-decoration: none;
		}
		
		div#header ul li a:visited {
			color: #1db2d2;
		}
		
		div#header ul li a:hover {
			text-decoration: underline;
		}
		
		div#header ul li.current {
			background: transparent url("images/page_dot.gif") no-repeat top center;
		}
		
	

/*  ===============================  */

div#content {
	clear: both;
	padding: 0px 10px;
	background-color: #fff;
}

div#content hr {
	color: #d5f0f6;
	background-color:#d5f0f6;
	border: solid 1px #d5f0f6;
	height: 1px;
}

ul#tabs {
	margin: 1em 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

	ul#tabs li {
		display: block;
		float: left;
		background: #b6c0c2 url(images/tabs_off_left.gif) no-repeat left top;
		margin-right: 8px;
		border-bottom: solid 1px #a5b1b3;
	}
	
	ul#tabs li a {
		display: block;
		padding: .3em 1em .2em 1em;
		background: transparent url(images/tabs_off_right.gif) no-repeat right top;
		text-decoration: none;
		color: #fff;
	}
	
	ul#tabs li a:hover {
		text-decoration: underline;
	}
	
	ul#tabs li.active {
		background: #95d8e8 url(images/tabs_active_left.gif) no-repeat left top;
		border-bottom: solid 1px #95d8e8;
	}
	
	ul#tabs li.active a {
		display: block;
		padding: .3em 1em .2em 1em;
		background: transparent url(images/tabs_active_right.gif) no-repeat right top;
		text-decoration: none;
		color: #fff;
	}
	
	div#thumbs {
		clear: both;
		height: 75px;
		overflow: hidden;
		background: #95d8e8 url(images/tabcontent_firston.gif) no-repeat top left;
		padding: 10px 9px;
		text-align: center;
		line-height: 0px;
	}
	
	div#thumbs a#leftarrow {
		margin-top: 1px;
		display: block;
		float: left;
		width: 37px;
		height: 74px;
		background:  #95d8e8 url(images/thumb_arrow_left.gif) no-repeat;
	}
	
	div#thumbs a#rightarrow {
		display: block;
		margin-top: 1px;
		float: right;
		width: 37px;
		height: 74px;
		background:  #95d8e8 url(images/thumb_arrow_right.gif) no-repeat;
	}	
	
	div#thumbs a#leftarrow:hover,
	div#thumbs a#rightarrow:hover {
		background-position: bottom;
	}
	
	div#thumbs ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	
	div#thumbs ul li {
		display: inline;
		padding: 0px 2px;
	}
	
	div#thumbs ul li a img {
		border: solid 1px #95d8e8;
	}
	
	div#thumbs ul li a:hover img {
		border: solid 1px #fff;
	}

	

div.pieceinfo {
	width: 305px;
	float: right;
	font-size: 0.9em;
	padding-top: 2em;
	color: #5b5b5b;
}

	div.pieceinfo h3 {
		font-size: 1.4em;
		margin: 0px;
		font-weight: normal;
	}
	
	p.subtext {
		margin-top: .25em;
		font-style: italic;
		color: #9b9b9b;
	}

div#reflectimage {
	font-size: 0.9em;
	margin-top: 1em;
	margin-bottom: .5em;
	width: 415px;

}

#resume {
	/* font-family: Georgia, "Times", "Times New Roman", serif; */
}

#resume h2 {
	font-weight: normal;
	color: #41ad49;
	font-size: 2.2em;
	float: left;
	margin: 0px;
	padding-top: .18em;		
}

#resume h3 {
	
	text-align: right;
	width: 164px;
	font-weight: normal;
	font-size: 1.3em;
	clear: both;
	padding: 0px;
	margin-bottom: 0px;
	line-height: 2em;
}

#resume address {
	margin: 0px;
	float: left;
	display: block;
	font-style: normal;
	line-height: 1.2em;
	margin-left: 179px;
}

#resume dl {
	clear: both;
	margin: 0px;
	padding: 0px;
}

#resume dt {
	text-align: right;
	color: #000;
	width: 164px;
	display: block;
	float: left;
	clear: both;
	font-weight: bold;
	line-height: 1.2em;
	font-size: 0.9em;
	
}

#resume dd {
	display: block;
	float: left;
	margin-left: 15px;
	line-height: 1.2em;
	font-size: 0.9em;
	margin-bottom: 1em;
	width: 571px;
}

#resume strong {
	color: #000;
}

#resume p {
	margin-left: 179px;
	font-size: 0.9em;
	margin-top: 0px;
}

#resume .blue {
	color: #1db2d2;
	font-size: 1.1em;
}

span.contactemail {
	display: block;
	padding: 1em;
}

/*  ===============================  */

div#footer {
	background: #55b8dd url(images/footer_bg.gif) repeat-x top;
	font-size: 0.8em;
	/* border-top: solid 2px #a5bec4; */
	color: #52828e;
	height: 127px;
}

div#footer a {
	color: #52828e;
	text-decoration: underline;
}

div#footer div.widthrestrict {
	background: transparent url(images/footer_drips_bg.gif) no-repeat top center;
	height: 100px;
}

	div#footer address {
		font-style: normal;
		float: left;
		margin: 10px 0px 0px 10px;
		padding: 0px;
	}
	
	div#footer p {
		float: right;
		margin: 10px 10px 0px 0px;
		padding: 0px;
	}