/* CSS Document */

html {
		margin: 0;
		}
body {
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		color: black;
		background: white;
		max-width: 900px;		
		}
* {
		margin: 0;
		padding: 0;
		}
div {
		margin: 0px;
		}
div#masthead {
		background: url(images/mastheadbkg.jpg) top left no-repeat;
		margin-bottom: 0;
		}
div#masthead h1 {
		margin: 10px 0 0px 20px;
		padding: 38px 0 0 0;
		font-weight: normal;
		background: url(images/fishbone.gif) 10px left no-repeat;
		font-size: 200%;
		}
div#masthead h2 {
		font-size: 120%;
		width: 30%;
		margin: 0 0 0px 30px;
		padding: 2px 0 42px 10px;
		font-style: italic;
		font-weight: normal;
		color: #CCCCCC;
		
		
		}
div#utilities {
		width: 20%;
		font-size: 0.8em;
		float: right;
		margin-top: -60px;
		margin-right: 10px;
		text-align: right;
		padding-bottom: 10px;
		padding-top: 0px;
		
		}
div#utilities li {
		list-style-type: none;
		display: block;
		padding: 1px 5px;
		}
div#utilities a {
		
		}
div#utilities a:link {
		color: #CCCCCC;
		text-decoration: none;
		}
div#utilities a:visited {
		color: #cccccc;
		text-decoration: none;
		}
div#utilities a:hover {
		color: #999999;
		text-decoration: underline;
		}
div#navigation {
		width: 100%;
		float: left;
		font-size: .9em;
		background-color: #b1629f;
		text-align: center;
		margin-top: 1px;
		margin-left: 0px;
		
		}
div#navigation ul {
		padding-top: 5px;
		float: left;
		margin: 0;

		}
div#navigation li {
		float: left;
		list-style-type: none;
		background-color: #cccccc;
		padding: 5px;
		margin: 0 2px;
		border: 1px solid #666666;
		}

div#navigation a:link {
		text-decoration: none;
		background-color: #cccccc;
		color: #666666;
		
		}
div#navigation a:visited {
		text-decoration: none;
		color: #666666;
		
		}
div#navigation a:hover {
		text-decoration: none;
		color: #cccccc;
		background-color: #666666;
		padding: 5px;
		margin: -5px;
		
		}

div#content {
		width: 70%;
		margin-top: 20px;
		padding: 10px;
		float: left;
		}
div#content h1 {
		text-align: center;
		font-size: 200%;
		color: #92007b;
		font-weight: bold;
		border-bottom: 2px solid #92007b;
		}
div#content h2 {
		font-size: 120%;
		margin: 1em 0 0.5em 20px;
		text-align: left;
		color: #92007b;
		}
div#content p {
		margin: 20px 20px 0px 20px;
		line-height: 1.25em;
		text-align: left;
		font-size: 0.9em;
		}
div#content p a:link {
		color: #00a8ec;
		text-decoration: none;
		}
div#content p a:visited {
		color: #00a8ec;
		text-decoration: none;
		}
div#content p a:hover {
		color: #00709e;
		text-decoration: underline;
		}
div#content ul#articles {
		display: block;
		margin-left: 100px;
		margin-top: 20px;
		}
div#content ul#articles li {
		list-style-type: none;
		line-height: 2em;
		border-bottom: 1px dotted #7dc623;
		}
div#content a {
		font-weight: bold;
		}
div#content a:link {
		color: #7dc623;
		text-decoration: none;
		}
div#content a:visited {
		color: #7dc623;
		text-decoration: none;
		}
div#content a:hover {
		color: #5e9619;
		text-decoration: underline;
		}
div#content .fishbone {
		font-weight: bold;
		}
div#content .consult {
		font-weight: bold;
		font-style: normal;
		}
div#content .cont_hlight {
		font-weight: bold;
		font-style: normal;
		color: #92007b;
		}
div#content .hermandorst {
		font-size: 0.7em;
		color: #666666;
		}
div#content ul {
		margin-left: 40px;
		font-size: 0.9em;
		line-height: 1.25em;
		}
div#content ul.clients li {
		list-style-type: none;
		line-height: 1.5em;
		border-bottom: 1px dotted #7dc623;
		}

		
div#content ul.sitemap {
		margin-top: 20px;
		}
div#content ul.sitemap li {
		line-height: 2em;
		list-style-type: none;
		border-bottom: 1px dotted #7dc623;
		}
div#content ul.sitemap li.stmaphost {
		border-bottom: hidden;
		}
div#content ul.articles {
		margin-top: 20px;
		}
div#content ul.articles li {
		list-style-type: none;
		line-height: 1.5em;
		border-bottom: 1px dotted #7dc623;
		}
div#content dl {
		margin-left: 20px;
		}
div#content dl.links dt {
		color: #a74992;
		}
div#content dl.links dd {
		font-size: 0.9em;
		margin-bottom: 10px;
		}
.testimonials {
		font-style: italic;
		padding-left: 10px;
		}
div#content p.test-co-name {
		font-weight: bold;
		padding-left: 40px;
		margin: 2, 0, 0, 0;
		}
div#content p.test-name {
		margin: 0, 0, 0, 0;
		padding-left: 40px;
		}
div#content p.test-link {
		padding-left: 40px;
		margin: 0, 0, 0, 20px;
		padding-bottom: 5px;
		border-bottom: 1px solid black;
		}
.req {
		color: red;
		font-weight: bold;
		}
p.thankyou {
		display: block;
		text-align: center;
		font-weight: bold;
		font-size: 150%;
		padding-left: 100px;
		margin-left: 100px;
		}
p.warning {
		color: #FF0000;
		font-weight: bold;
		}
div#sidebar {
		float: right;
		width: 25%;
		right: 0px;
		top: 0;
		margin-top: 20px;
		text-align: center;
		}
div#sidebar h4 {
		display: block;
		font-weight: normal;
		text-align: center;
		line-height: 1.5em;
		font-size: 1.2em;
		color: #ffffff;
		background-color: #9dd05b;
		border-top: 2px solid #7dc623;
		border-bottom: 2px solid #7dc623;
		}
div#sidebarlinks {
		background-color: #bbdb88;
		border-bottom: 2px solid #7dc623;
		}
div#sidebar li {
		list-style-type: none;
		display: block;
		font-size: 0.8em;
		line-height: 1.5em;
		text-align: left;
		padding-left: 10px;
		padding-bottom: 2px;
		}
div#sidebar a {
		border-bottom: 2px dotted #7dc623;
		}
div#sidebar li#benefits_art {
		margin-top: 0.75em;
		}
div#sidebar li#sitedesign_art {
		margin-bottom: 0.75em;
		}
div#sidebar a:link {
		text-decoration: none;
		color: #666666;
		}
div#sidebar a:visited {
		text-decoration: none;
		color: #666666;
		}
div#sidebar a:hover {
		color: #252525;
		}
div#sidebar img {
		margin: auto;
		}
div#sidebarimage {
		background-color: white;
		}
div#contactinfo {
		text-align: left;
		margin-top: 0px;
		background-color: #bbdb88;
		border-bottom: 2px solid #7dc623;
		font-size: 0.8em;
		color: #666666;
		}
div#contactinfo div#address {
		margin: 10px 20px;
		}
form {
		margin: 10px 0 10px 40px;
		}
form dd {
		margin: 6px 0;
		}
form dt {
		font-size: 0.9em;
		width: 150px;
		float: left;
		padding-right: 10px;
		text-align: right;
		clear: both;
		}
div#footer {
		width: 100%;
		text-align: center;
		float: left;
		margin-top: 20px;
		border-top: 1px solid #666666;
		}
div#footerlinks {
		text-align: center;
		float: left;
		}
div#footer ul {
		
		margin: 5px 0px 0px 0;;
		padding: 0px 0 10px 340px;
		float: left;
		}
div#footer li {
		float: left;
		list-style-type: none;
		font-size: 0.7em;
		margin: 2px;
		padding-right: 4px;
		border-right: 1px solid #666666;
		}
div#footer li#suppliers {
		border-right: none;
		}
div#footer a:link {
		list-style-type: none;
		color: #666666;
		}
div#footer a:visited {
		list-style-type: none;
		color: #666666;
		}
div#footer a:hover {
		list-style-type: none;
		color: #7dc623;
		}
div#footer p#legal {
		font-size: 0.7em;
		color: #666666;
		margin-bottom: 5px;
		clear: both;
		}
div.validate_block p {
		display: block;
		margin-bottom: 2px;
		font-size: 0.8em;
		color: #666666;
		}
div.validate_block a {
		padding: 2px;
		}
.validate_block img {
		border: none;
		}
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
.clearfix {
		display: inline-table;
		}
/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */