/* CSS Document 
====== STEINDESIGN.COM HOME PAGE ======
        --- screen version ---

  Created:   12/08/03
  Modified:  12/16/03

  Document Requires the following images:
	sdtag.gif		steindesign tagline
	sdlogo.gif		steindesign logo
	sdlogo2.gif		steindesign alt logo
	mitch.gif		mitch set in frutiger
	ul-click.gif	}
	ul-dull.gif		}- bullets
    ul-hover.gif	}

*/

/* ------- SETUP BODY ------------ */ 
html body {
	margin:0;
	padding:0;
	background:#FE7013;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
  
html>body {
	font-size:small;
 }
  
/* -------- HEADER SECTION ------- */ 
.header {
	float:left;
	width:100%;
	height: 80px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

h1.logo {
	display: block;
	float: left;
	width: 135px;
	height: 46px;
	background-image:  url(sdlogo.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 7px;
	top: 10px;
	}


h2.tag {
	display: block;
	float: left;
	width: 225px;
	height: 19px;
	background-image:  url(sdtag.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 150px;
	top: 37px;
}

/* -------- IMAGE REPLACEMENT ---- */
h2.tag span, h1.logo span, .header img, .mitch h4 span{
	display:none;
}


/* -------- MITCH SECTION -------- */
.mitch {
	width: 300px;
	position: relative;
	margin: 0px;
	padding: 15px 0px 0px 10px;
	background-color: #FFFFFF;
	height: 200px;
	color: #999999;
	display: block;
	left: 100px;
	top: 100px;
}

.mitch h4 {
	background-image:  url(mitch.gif);
	background-repeat: no-repeat;
	height: 13px;
	width: 80px;
	position: relative;
	left: 1px;
}

.mitch h5 {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px;
	top: -15px;
	position: relative;
}

.mitch ul {
	list-style-type: none;
	padding: 0 20 0 0;
	margin: 0;
}

.mitch li a {
	background-image:  url(ul-dull.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	text-decoration: none;
	color: #999999;
	background-position: 0 50%;
}

.mitch li a:hover {
	background-image: url(ul-hover.gif);
	background-repeat: no-repeat;
	color: #333333
}
	
.mitch li a:active {
	background-image: url(ul-click.gif);
	background-repeat: no-repeat;
	color: #FE7013}