@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	line-height: 1.1em;
	background-color: #4F98BC;
	text-decoration: none;
}
a:link {
	color:#FFFFFF;
}
a:hover {
	color: #000000;
}
a:visited {
	color:#FFFFFF;
}
a:active {
	color: #000000;
}
h2 {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #FFFFFF;
	}
	
h3 {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #FFFFFF;
	}
	
#wrapper {
	position: relative;
	width: 950px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	border: thin dotted #CCCC99;
	padding-bottom: 15px;
}
#clear {
	clear: both;
}
#header {
	position: relative;
	height:198px;
}
#header table {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 780px;
	height:198px;
}
#welcome {
	float: left;
	width: 490px;

}
#welcome h2 {	
	padding-left: 2px;
}
#welcome p {
	padding-left: 2px;

}
input {
width: 185px;
}
/* reset width for non-text inputs */
input.radio, input.checkbox, input.submit, input.dropdown {
width:auto;
}
/* display labels next to form elements add a class for when you want them to stack */
label {
	float: left;
	margin-right: 1em;
	}
label.top {
	display: block;
	float: none;
	}
#contact {
	float: right;
	width: 270px;
	margin-right: 10px;	

}
#contact h2 {
	padding-left: 0px;
}
#samples {
	float: right;
	width: 270px;
	margin-right: 10px;	

}
#samples h2 {
	padding-left: 0px;
}
#design {
	float: left;
	width: 490px;

}
#design h2 {	
	padding-left: 2px;
}
#design p {
	padding-left: 2px;

}
#updates {
	float: left;
	width: 490px;

}
#updates h2 {	
	padding-left: 2px;
}
#updates p {
	padding-left: 2px;

}

#waterFooter {
	text-align: center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 2em;
	color: #FFF;
	margin-top: 1em;
	margin-bottom: 1em;
}
#waterFooter a:link {
	color:#FFFFFF;
	text-decoration: none;
}
#waterFooter a:visited {color:#FFFFFF; text-decoration: none;}
#waterFooter a:hover {color:#000000; text-decoration: none;}
#waterFooter a:active {color:#FF6600; text-decoration: none;}

#waterBody {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height: 1.5em;
	color: #FFF;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 10px;
}
#waterBody a:link {
	color:#FFFFFF;
}
#waterBody a:visited {
	color:#FFFFFF;
}
#waterBody a:hover {
	color: #000000; text-decoration:none;
}

#waterBody a:active {
	color: #000000;
}
#darkClass {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height: 1.5em;
	color: #4F98BC;
}
#darkClass a:link {
	color:#666666;
}
#darkClass a:visited {
	color:#666666;
}
#darkClass a:hover {
	color: #4F98BC; text-decoration:none;
}

#darkClass a:active {
	color: #4F98BC;
}
#darkClass p {text-indent:25px }

#darkClass h2 {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #4F98BC;
	}
#darkClass h3 {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #4F98BC;
	}