@charset "utf-8";
/* CSS Document */

* {padding: 0; margin: 0; font-size: 16px; font-family: Arial, Helvetica, sans-serif;}

.no-break {white-space:nowrap; font-size: 1em;}
#clear {clear:both;}

body {
	background: #e4e8ec url(images/body-bg.png) repeat-x top;
}

a { color: #fff; text-decoration: none;}

#container {
	width: 940px;
	margin: 40px auto;
}

#mast-head {
	text-align: center;
	color: #fff;
	font-size: 1.4em;
}

.desc {
	margin: 40px 0 0 0;
}

.large-link {
	display: block;
	float: right;
	background: url(images/large-link-bg.png) repeat-x 2px;
	height: 30px;
	min-width: 460px;
	padding: 0 1em;
	color: #fff;
	text-align: center;
	border: 3px double #000;
	line-height: 28px;
	text-decoration: none;
	margin: 0;
}

.large-link:hover {
	background: url(images/large-link-light-bg.png) repeat-x 2px;
}

#purple {
	background: #7f3881 url(images/purple-bg.png) repeat-x bottom;
	min-height: 200px;
	color: #fff;
	margin: 100px 0 0 0;
}

#press-logo {
	background: url(images/press-logo.png) no-repeat;
	width: 400px;
	height: 200px;
	position: relative;
	bottom: 102px;
	float: left;
}

#address {
	float: right;
	width: 400px;
	font-style: italic;
}

#address img {
	float: right;
	margin: 20px 80px 0 0;
}

/*
/*
/*
/*
/*
/*
/*
/*
/*
/* COLLECTED WORKS */

.collected-body {
	background: #e4e8ec url(images/collected-bg.jpg) repeat-y top;
}

.collected-body #container {
	margin: 0 auto;
}

#collected-logo {
	border: 2px solid #000;
	margin: 40px 0 0 0;
}

#collected-stack {
	background: url(images/collected-stack.png) left bottom repeat-y;
	width: 400px;
	height: 550px;
	float: right;
	margin: 0 0 0 0;
	}

.collected-body .desc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 300px;
	text-align: right;
	font-size: 1.2em;
	margin: 30px 0 0 40px;
	}

.collected-body .desc-2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 500px;
	text-align: left;
	font-size: 1.2em;
	margin: 30px 0 0 40px;
	}

h1 {
	font-size: 2em;
	font-style: italic;
}

.topic {
	width: 500px;
	margin: 30px 0 0 0;
}

#satisfaction {
	color: #fff;
	width: 500px;
	float: left;
	margin: 10px 0 0 0;
}

.collected-body #purple {
	margin: 0;
}

.collected-body #edited {
	color:#7f3881;
	text-align: center;
	width: 350px;
	margin: 40px 0 0 0;
	font-weight: 600;
}

.collected-body #featuring {
	float: left;
}

.collected-body #featuring ul li {
	margin: 0 0 0 20px;
}

.collected-body #featuring ul #indent-2 {margin: 0 0 0 30px;}
.collected-body #featuring ul #indent-3 {margin: 0 0 0 40px;}
.collected-body #featuring ul #indent-4 {margin: 0 0 0 50px;}
.collected-body #featuring ul #indent-5 {margin: 0 0 0 60px;}
.collected-body #featuring ul #indent-6 {margin: 0 0 0 70px;}
.collected-body #featuring ul #indent-7 {margin: 0 0 0 80px;}
.collected-body #featuring ul #indent-8 {margin: 0 0 0 90px;}

.collected-body #address {
	width: 104px;
	margin: 0 120px 0 0;
}

.collected-body #address, .collected-body #address a {
	display: block;
	text-align: center;
	font-weight: 600;
}

.collected-body #address #logo {
	background: url(images/found-logo.gif) no-repeat;
	width: 104px;
	height: 104px;
	margin: 20px 0 0 0;
}
.collected-body #address a:hover #logo {background: url(images/found-logo-light.gif) no-repeat;}
.collected-body #address a:hover {color: #c758ca;}

.collected-body #address img {
	float: none;
}

#footer {
	margin: 20px 0 0 0;
	text-align: center;
}

#good-doc {
	float: right;
	width: 500px;
	margin: 40px 0 0 0;
}
	
#good-doc img {
	float: left;
}

#good-doc #quote {
	width: 300px;
	float: right;
}

#volume {
	margin: -180px 40px 0 0;
	float: right;
	width: 350px;
	border: solid 1px #7f3881;
}

#volume h3 {text-align: center;}
#volume h3, #volume p {
	margin: 10px;
	font-size: 1.2em;
}

#samples {
	clear: both;
}

#samples li {
	float: left;
	list-style: none;
	}

#samples li a {
	display: block;
	height: 415px;
	}

#sample-1 a {background: url(images/volume-sprite.gif) no-repeat; width: 61px;}
#sample-1 a:hover {background: url(images/volume-sprite.gif) no-repeat -60px 0px;}

#sample-2 a {background: url(images/volume-sprite.gif) no-repeat -120px 0px; width: 60px;}
#sample-2 a:hover {background: url(images/volume-sprite.gif) no-repeat -179px 0px;}

#sample-3 a {background: url(images/volume-sprite.gif) no-repeat -238px 0px; width: 53px;}
#sample-3 a:hover {background: url(images/volume-sprite.gif) no-repeat -290px 0px;}

#sample-4 a {background: url(images/volume-sprite.gif) no-repeat -342px 0px; width: 60px;}
#sample-4 a:hover {background: url(images/volume-sprite.gif) no-repeat -402px 0px;}

#sample-5 a {background: url(images/volume-sprite.gif) no-repeat -461px 0px; width: 60px;}
#sample-5 a:hover {background: url(images/volume-sprite.gif) no-repeat -521px 0px;}

#sample-6 a {background: url(images/volume-sprite.gif) no-repeat -581px 0px; width: 60px;}
#sample-6 a:hover {background: url(images/volume-sprite.gif) no-repeat -641px 0px;}

#sample-7 a {background: url(images/volume-sprite.gif) no-repeat -701px 0px; width: 81px;}
#sample-7 a:hover {background: url(images/volume-sprite.gif) no-repeat -782px 0px;}

#sample-8 {margin:0 0 0 -20px;}
#sample-8 a {background: url(images/volume-sprite.gif) no-repeat -863px 0px; width: 108px;}
#sample-8 a:hover {background: url(images/volume-sprite.gif) no-repeat -971px 0px;}

#sample-9 {margin:0 0 0 -45px;}
#sample-9 a {background: url(images/volume-sprite.gif) no-repeat -1079px 0px; width: 105px;}
#sample-9 a:hover {background: url(images/volume-sprite.gif) no-repeat -1184px 0px;}

#sample-10 {margin:0 0 0 -50px;}
#sample-10 a {background: url(images/volume-sprite.gif) no-repeat -1289px 0px; width: 112px;}
#sample-10 a:hover {background: url(images/volume-sprite.gif) no-repeat -1401px 0px;}

#back {float:left; margin: 100px 0 0 0;}
#forward {float: right; margin: 100px 0 0 0;}