html, body {
	width: 100%;
	margin: 0;
	height: 100%;
	padding: 0px;
	background: url(images/body.gif) repeat-x;
}

@font-face {
	font-family: Chunk;
	src: url('Chunkfive.otf');
}

@font-face {
	font-family: Chunk;
	font-weight: bold;
	src: url('Chunkfive.otf');
}

@font-face {
	font-family: Sketchrockwell;
	src: url('Sketchrockwell.ttf');
}

#container {
	

/*

this is the div you want to fill the window */
min-height: 100%;
	height: 100%;
	width: 888px;
	margin: 0 auto;
}

#headWrap {
	height: 153px;
	padding: 0px;
	float: left;
	background: url(images/top.png) no-repeat;
	margin-bottom: 0px;
	margin-top: -15px;
	margin-right: auto;
}

#headPanel {
	height: 158px;
	margin: 0 auto;
	padding: 0px
}

#contentWrap {
	margin: 0px auto;
	padding: 0px;
	float: left;
	background: url(images/contentbgd.png) repeat-y;
	width: 100%;
	opacity: 0.85;
}

#bottomWrap {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(images/bottombgd.png) repeat-x;
}

#picWrap {
	margin: 0px;
	padding: 0px;
	float: left;
}

#contentPanel {
	width: 750px;
	text-align: left;
	padding-right: 15px;
	padding-top: 15px;
	padding-left: 75px;
}

.label {
	color: #6D6A68;
	margin-right: 35px;
	font-family: "arial black", Arial, Helvetica, Geneva, sans-serif;
	font-size: 9pt;
	line-height: 134%;
}

#button {
	margin: 0;
}

#leftPanel {
	width: 585px;
	padding-top: 0px;
	text-align: left;
	padding-right: 15px;
	float: left;
	border-right: #444 dashed 1px;
	margin: 0;
}

#middlePanel {
	width: 125px;
	padding-top: 0px;
	text-align: left;
	padding-left: 15px;
	float: left;
}

span.label,span.spacer,span.multiple span {
	width: 200px;
	float: left;
}

span.multiple {
	float: left;
}

span.button {
	padding-left: 0px;
}

div.clear {
	clear: both;
	padding-top: 5px;
}

#contactPanel {
	width: 773px;
	padding-top: 0px;
	margin: 0 auto;
	text-align: left;
}

#bottomPanel {
	padding-top: 7px;
	text-align: left;
	margin: 0;
	padding-left: 50px;
}

#picPanel {
	padding-top: 0px;
	margin: 0 auto;
}

#menu {
	height: 28px;
	margin: 132px 0 0 70px;
	padding: 0px;
	float: left
}

h1 {
	color: #B9B0A8;
	margin-right: 20px;
	font-weight: bold;
}

h2 {
	color: #596780;
	position: relative;
	font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
}

#contactPanel h2 {
	color: #596780;
	position: relative;
	font: bold 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-left: 20px;
	padding-right: 20px;
}

h5 {
	color: #596780;
	font: normal 12pt "Lucida Grande", Lucida, Verdana, sans-serif;
}

p {
	color: #777777;
	position: relative;
	font: 10pt/18px "Geneva", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 3px;
}

#p a {
	color: #003e85;
	position: relative;
	font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 3px;
}

t1 {
	color: #6E91A3;
	position: relative;
	margin-left: 75px;
	margin-right: 20px;
	list-style-type: disc;
	font: 9pt "Lucida Grande", Lucida, Verdana, sans-serif;
}

h3 {
	color: #777777;
	margin-left: 30px;
	margin-right: 20px;
	font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
}

em {
	font-style: italic;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

strong {
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

h4 {
	color: #6D6A68;
	text-align: right;
	font: 7pt "Lucida Grande", Lucida, Verdana, sans-serif;
	vertical-align: top;
	margin-top: 0;
}

h4 a {
	color: #596780;
	text-align: right;
	font: 7pt "Lucida Grande", Lucida, Verdana, sans-serif;
	vertical-align: top;
	margin-top: 0;
}

.myform {
	margin: 0 auto;
	width: 700px;
	padding: 14px;
}

#menu ul {
	width: 880px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block
}

#menu ul li {
	width: auto;
	height: 28px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block
}

#menu ul li .gap {
	width: 1px;
	height: 28px;
	margin: 0px;
	padding: 0 11px 0 11px;
	float: left;
	background: url(images/menuspace.png) no-repeat center top
}

#menu ul li a {
	width: auto;
	height: 28px;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #B5B9B2;
	text-decoration: none;
	letter-spacing: 1px;
	font: bold 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#menu ul li h9 {
	width: auto;
	height: 28px;
	margin: 0px;
	padding: 0px;
	float: left;
	font-family: Arial;
	font-size: 12px;
	color: #CCCCCC;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none
}

#menu ul li h8 {
	width: auto;
	height: 28px;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;
	font: bold 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#menu ul li a:hover {
	color: #FFFFFF;
	background: url(images/menuHover2.png) no-repeat center bottom;
}

a:hover {
	text-decoration: underline;
}

#contentPanel h1 {
	color: #596780;
	font: bold 27px/110% "Arial Black", Chunk, sans-serif;
	margin: 0;
	letter-spacing: 1px;
}

}

#contentPanel h1 em {
	color: #B9B0A8;
	margin-left: 35px;
	margin-right: 35px;
	font: italic 14pt "Lucida Grande", Lucida, Verdana, sans-serif;
}

#contentPanel h2 {
	color: #6D6A68;
	margin-right: 35px;
	font-family: "arial black", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12pt;
	line-height: 134%;
}

#middlePanel h2 {
	color: #6D6A68;
	margin-right: 15px;
	font: bold 9pt/134% "arial black", Arial, Helvetica, Geneva, sans-serif;
}

#contentPanel h2 li {
	color: #000;
	margin-left: 15px;
	margin-right: 20px;
	color: #777777;
	position: relative;
	font: 10pt/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#contentPanel p {
	color: #6D6A68;
	position: relative;
	font: 11pt/19px "arial", Arial black, Helvetica, sans-serif;
	margin-top: 3px;
	white-space: normal;
	margin-right: 15px;
}

#middlePanel p {
	color: #6D6A68;
	position: relative;
	font: 9pt "arial", Arial black, Helvetica, sans-serif;
	margin-top: -5px;
}

#contentPanel p a {
	color: #596780;
	position: relative;
	font: 11pt/19px "arial", Arial black, Helvetica, Geneva, sans-serif;
	margin-top: 3px;
}

#slideshow p {
	color: #6D6A68;
	;
	position: relative;
	font: 11pt/19px "arial", Arial black, Helvetica, Geneva, sans-serif;
	margin: 3px 35px 20px 35px;
}

#slideshow h1 {
	color: #596780;
	font: bold 28px/110% "Arial Black", Arial, "Arial Bold";
	margin-left: 15px;
	margin-right: 20px;
}

/* ----------- photos ----------- */

boxes {
	font: 11px Helvetica, Arial, sans-serif;
	text-align: left;
}

#wrapper2 {
	width: 750x;
	margin: 0 auto;
}

#intro {
	padding-bottom: 10px;
}

#slider {
	width: 750px;
	margin: 0 auto;
	position: relative;
	border: 15px solid #EDEDED;
}

.scroll {
	overflow: hidden;
	width: 750px;
	margin: 0 auto;
	position: relative;
}

.scrollContainer {
	position: relative;
	background-color: #fff;
}

.scrollContainer div.panel {
	padding: 10px;
	width: 274px;
	height: 350px;
	background-color: #fff;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	color: #6E91A3;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 10px;
	color: #6E91A3;
}

a {
	color: #1f1860;
	text-decoration: none;
}

.scrollButtons {
	position: absolute;
	top: 127px;
	cursor: pointer;
}

.scrollButtons.left {
	left: -45px;
}

.scrollButtons.right {
	right: -45px;
}

.hide {
	display: none;
}

.myform {
	margin: 0 auto;
	width: 750px;
}

/* ----------- stylized ----------- */

#stylized {
	padding-top: 0px;
}

#stylized h1 {
	color: #596780;
	font: bold 28px/110% "Arial Black", Arial, "Arial Bold";
	margin: 0;
	padding-top: 15px;
}

#stylized p {
	color: #4c4c4c;
	position: relative;
	font: 11pt/19px "arial", Arial black, Helvetica, Geneva, sans-serif;
	margin-bottom: 20px;
	border-bottom: #444 dashed 1px;
	padding-bottom: 10px;
}

#stylized label {
	color: #4c4c4c;
	font: 11pt "arial", Arial black, Helvetica, Geneva, sans-serif;
	text-align: right;
	width: 325px;
	margin-top: 4px;
}

#stylized .small {
	color: #666666;
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	width: 300px;
}

#stylized input {
	padding: 4px 2px;
	border: solid 1px #ddd;
	width: 500px;
	margin: 2px 0 15px 10px;
	font: 10pt "arial", Arial black, Helvetica, Geneva, sans-serif;
}

#stylized textarea {
	font: 10pt "arial", Arial black, Helvetica, Geneva, sans-serif;
	float: left;
	padding: 4px 2px;
	border: solid 1px #ddd;
	width: 500px;
	margin: 2px 0 20px 10px;
}

#stylized button {
	clear: both;
	margin-left: 10px;
	margin-top: -10px;
	width: 117px;
	height: 37px;
	background: url(submit.png) no-repeat;
	color: #FFFFFF;
	font-size: 11px;
	border: 0 none #4c4c4c;
	vertical-align: middle;
	text-align: center;
	float: left;
	margin-bottom: 15px;
}






label.error {
	background: url(images/unchecked.gif) no-repeat;
	padding-left: 25px;
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 16px;
}

label.valid {
	background: url(images/checked.gif) no-repeat;
	display: block;
	padding-left: 25px;
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 16px;
	}
	

	.foo {
	font: bold 1.1em verdana,arial;
	position: relative;
}

.bar {
	position: relative;
	width: 300px;
	height: 100px;
	margin: 5px auto;
	padding: 4px;
}

.baz {
	position: relative;
	width: 350px;
	height: 5px;
	display: block;
	float: right;
	font-size: 1px;
	/

* for IE, which wont allow for an element to be less high than the default font size. */
		text-align: center;
}