@charset "utf-8";

/* css reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; */
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end css reset */

body, html {margin-left: 0;
margin-right: 0;
text-align: center;
background-color: #669999;
}

#page-width {width: 974px;
margin-left: auto;
margin-right: auto;
text-align: left;
min-height: 630px;
height: auto !important;
height: 630px;
}

#header {width: 974px;
float: left;
display: block;
}

#header-logo {width: 974px;
height: 80px;
float: left;
display: block;
}

.logo {margin-left: 300px;
}

#header-nav {width: 974px;
height: 68px;
float: left;
display: block;
background: url(header-nav-bg.gif) no-repeat;
}

#main-holder {width: 974px;
float: left;
display: block;
background: url(content-holder-bg.gif) repeat-y;
}

#animation-holder {position:relative;
width: 974px;
height: 385px;
float: left;
display: block;
}

#animation-box {position:relative;
width: 948px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

#content-holder-top-shadow {width: 974px;
height:24px;
float: left;
display: block;
background: url(content-shadow-top.gif) no-repeat;
}

#content-holder {width: 974px;
float: left;
display: block;
background: url(content-repeat.gif) repeat-y;
}

#content-left {float: left;
display: inline;
width: 280px;
margin: 0 0 0 12px;
}

#content-right {float: right;
display: inline;
width: 669px;
margin: 0 12px 0 0;
border-left:#000000 dotted 1px;
}

#right-top-image-holder {width: 668px;
height: 200px;
float:left;
display:block;
}

#top-image {margin-left: auto;
margin-right: auto;
width: 656px;
height: 199px;
border-bottom: #000000 dotted 1px;
}

#bottom-images {width: 668px;
float:left;
display:block;
}

#left-image-index {float:left;
display: inline;
width: 323px;
margin: 6px 0 3px 6px;
}

#right-image-index {float:right;
display: inline;
width: 323px;
margin: 6px 6px 3px 0;
}

#content-holder-bottom-shadow {width: 974px;
height: 10px;
float: left;
display: block;
background: url(content-shadow-bottom.gif) no-repeat;
overflow:hidden;
}

#footer {width: 974px;
height: 44px;
float: left;
display: block;
background:url(footer-bg.gif) no-repeat;
}

/* font formatting */

p {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.25;
color: #293a38;
padding: 0 15px 15px 15px;
}

h1.title {color: #293a38;
font-size:24px;
margin: 0 0 15px 15px;
border: 0;
width: auto;
}

ul, li {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.75;
color: #293a38;
margin: 0 15px 0 15px;
list-style:circle;
}

.contact-link {color: #293a38;
text-decoration: none;
font-weight: bold;
}

p.footer-text {font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
margin: 8px 0 0 5px;
}

.propcomm {
	margin			: 0 0 0 310px;
	color			: #FFFFFF;
	font-weight		: bold;
	text-decoration	: none;
}

.link {
	color			: #FFFFFF;
	text-decoration	: none;
}

.bold {font-weight: bold;
}

.button {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #293a38;
background-color:#cbd0cf;
text-decoration: none;
padding:10px;
text-align: center;
width: 110px;
margin:5px;
float:left;
display:inline;
font-weight:bold;
}

a.button:hover {background-color:#a3bbb7;
}

/* img, div,a { behavior: url(iepngfix.htc) } */

/* form style */

.errorText {
	color:red;
}
.error {
	font-weight:bold;
	color:red;
}

label {float: left;
display: inline;
width: 100px;
font-weight:bold;
}

.flash {width: 254px;
margin-left: auto;
margin-right: auto;
margin-bottom:14px;
}