/* CSS Document - 2006.09.07 - firebelly design corp.: k.brugman */
/* magenta: #7A1A33; teal: #1B98C1; text: #707070; */

	body, html {
		background: #FFFFFF;
		color: #707070;
		font-family: courier, courier new, serif;
		font-size: 12px;
		font-weight:normal;
		line-height: 1.4;
		margin: 0px;
		padding: 0px;
		text-align:left;
		}
		
	A			{ color: #555555; text-decoration: underline; }
	A:link		{ color: #555555; text-decoration: underline; }
	A:visited	{ color: #555555; text-decoration: underline; }
	A:hover		{ color: #1B98C1; text-decoration: underline; }
	A:active	{ color: #1B98C1; text-decoration: underline; }	
	
	
	img { border:none; display:block; }
	.hide, #indexnav span, #nav span, #toplinks span { position:absolute; left:-9999px; }
	
	input, select, textarea {
		color: #555555;
		background: #FFFFFF;
		font-family: courier, courier new, serif;
		font-size: 10px;
		margin:0px;
		padding:0px;
		}

/* TEXT TAGS */

	p, li, td {
		background: transparent;
		color: #707070;
		font-family: courier, courier new, serif;
		font-size: 12px;
		font-weight:normal;
		line-height: 1.4;
		text-align:left;
		padding: 0px;
		margin: 0px 0px 1.3em 0px;
		}
		
	.plain li { margin: 0px; text-indent: -20px; padding-left: 20px; }
		
	h1, h2, h3, h5, h5, h6 {
		background: transparent;
		color: #7A1A33;
		font-family: courier, courier new, serif;
		font-size: 14px;
		font-weight:normal;
		*font-weight: bold;
		line-height: 1.4;
		text-align:left;
		text-transform:none;
		padding: 0px;
		margin: 0px 0px 1em 0px;
		}
	
	
	ul {
		list-style:none;
		margin:0px 0px 1.75em 0px;
		padding:0px;
		}
		
	ul.bullet { list-style:disc; padding-left: 18px; }
		
	strong { color: #555555; }
	
/* FORMATTING TAGS */

	#container {
		position: relative;
		width: 900px;
		margin: 0px;
		padding: 0px;
		}
		
	#content {
		width: 520px;
		min-height: 445px;
		background: transparent url(../images/content_bg.jpg) top left no-repeat;
		margin: 0px;
		padding: 10px 175px 0px 50px;
		}
		
	ul.left, ul.plain.left { float:left; width: 50%; margin-right: 10%; }
	
/* FOOTER TAGS */

	#footer {
		clear:both;
		color: #A49984;
		background: transparent;
		text-align:left;
		margin: 0px;
		padding: 2em 0px 0px 0px;
		}
		
	#container.index #footer {
		position: absolute;
		top: 490px;
		left: 50px;
		padding: 0px;
		}
		
	#footer p { color: #A49984; font-family: verdana, arial, sans-serif; font-size: 9px; line-height: 1.5; }
	#footer a { color: #A49984; text-decoration:underline; }
	#footer a:hover, #footer a:active { color: #7A1A33; text-decoration:underline; }
	

/* HEADER LINKS */

	p#toplinks {
		position: absolute;
		top: 30px;
		left: 50px;
		padding: 0px;
		margin: 0px;
		}
		
	p#toplinks a { margin: 0px; padding: 0px; }
	
	a#karinlink {
		height: 1em;
		position:relative;
		left: 32px;
		text-decoration:none;
		color: #7A1A33;
		}
		
	a#karinlink:hover, a#karinlink:active { text-decoration:underline; color: #7A1A33; }
		
	a#homelink {
		position: absolute;
		top: 22px;
		width: 215px;
		height: 43px;
		display:block;
		}
	
	a#contactlink {
		position: absolute;
		top: 70px;
		left:0px;
		}
	

/* NAV TAGS */

	ul#nav {
		position:absolute;
		top: 118px;
		left: 39px;
		list-style:none;
		width: 641px;
		height: 43px;
		margin: 0px;
		padding:0px;
		overflow:hidden;
		}
		
	ul#nav li, ul#nav li a {
		background: transparent;
		height: 43px;
		color: #707070;
		margin: 0px;
		padding:0px;
		float:left;
		}
	
	ul#nav li a { background-position: 0px 0px; display:block; }
		
	#container ul#nav li a:hover, #container ul#nav li a:active, #container ul#nav li a.on { background-position: 0px -43px; }

	#container li a#mission {
		background: transparent url(../images/nav_mission.jpg) no-repeat;
		width:98px;
		}
		
	#container li a#services {
		background: transparent url(../images/nav_services.jpg) no-repeat;
		width: 103px;
		}
		
	#container li a#references {
		background: transparent url(../images/nav_references.jpg) no-repeat;
		width:105px;
		margin: 0px 4px 0px 7px;
		*margin: 0px;
		}
		
	#container li a#clients {
		background: transparent url(../images/nav_clients.jpg) no-repeat;
		width: 98px;
		}
		
	#container li a#articles {
		background: transparent url(../images/nav_articles.jpg) no-repeat;
		width: 97px;
		}	
		
	#container li a#bio {
		background: transparent url(../images/nav_bio.jpg) no-repeat;
		width: 85px;
		}



/* INDEX TAGS */

	p#contactlink { position: absolute; top: 450px; left: 50px; }

	ul#indexnav {
		position:absolute;
		top: 0px;
		left: 348px;
		list-style:none;
		width: 342px;
		height: 246px;
		margin: 0px;
		padding:0px;
		overflow:hidden;
		}
		
	ul#indexnav li, ul#indexnav li a {
		background: transparent;
		color: #707070;
		margin: 0px;
		padding:0px;
		}
	
	ul#indexnav li a { position: absolute; background-position: 0px 0px; display:block; }
		
	#container ul#indexnav li a:hover, #container ul#indexnav li a:active { background-position: 0px -31px; }

	#container ul#indexnav li a#bio:hover, #container ul#indexnav li a#bio:active { background-position: 0px -36px; }

	#container ul#indexnav li a#mission:hover, #container ul#indexnav li a#mission:active { background-position: 0px -42px; }

	#container ul#indexnav li a#articles:hover, #container ul#indexnav li a#articles:active { background-position: 0px -34px; }

	#container ul#indexnav li a#clients:hover, #container ul#indexnav li a#clients:active { background-position: 0px -30px; }

	#container ul#indexnav li a#services:hover, #container ul#indexnav li a#services:active { background-position: 0px -31px; }

	#container ul#indexnav li a#references:hover, #container ul#indexnav li a#references:active { background-position: 0px -38px; }

	#container.index li a#bio {
		top: 8px; left: 139px;
		background: transparent url(../images/indexnav_bio.jpg) no-repeat;
		width: 85px;
		height: 36px;
		}
		
	#container.index li a#articles {
		top: 55px; left: 206px;
		background: transparent url(../images/indexnav_articles.jpg) no-repeat;
		width: 97px;
		height: 34px;
		}
		
	#container.index li a#mission {
		top: 74px; left: 0px;
		background: transparent url(../images/indexnav_mission.jpg) no-repeat;
		width:98px;
		height: 42px;
		}
		
	#container.index li a#clients {
		top: 128px; left: 243px;
		background: transparent url(../images/indexnav_clients.jpg) no-repeat;
		width: 98px;
		height: 30px;
		}
		
	#container.index li a#services {
		top: 212px; left: 50px;
		background: transparent url(../images/indexnav_services.jpg) no-repeat;
		width: 103px;
		height: 31px;
		}
		
	#container.index li a#references {
		top: 202px; left: 197px; *left: 204px;
		background: transparent url(../images/indexnav_references.jpg) no-repeat;
		width:105px;
		height: 38px;
		}