/*
--------------------------------------------------------------------------------------------
Author: Elliot Swan
Author URI: http://www.elliotswan.com

	Feel free to look through here, and if you have any questions please feel free to ask. 
	Note, however, this design is copyright © 2006 Elliot Swan. So no stealing, or else I'll get mad.

		Elliot Swan
		http://www.elliotswan.com
--------------------------------------------------------------------------------------------	 
*/



*	{
margin: 0;
padding: 0;
	}

body	{
background: #33312E;
text-align: center;
		}

div#main h1, div#main h2, div#main p	{
display: none;
								}

div#wrapper {
position: relative;
width: 800px;
margin: 0 auto;
}

div#main	{
width: 800px;
height: 681px;
background: transparent url(manofpink.gif);
		}

div#emailandresults	{
position: absolute;
top: 458px;
left: 181px;
z-index: 99999;
				}

form#emailform input#email	{
width: 300px;
height: 30px;
text-align: center;
line-height: 30px;
font: 20px georgia;
letter-spacing: 1px;
background: #89B8BC;
border: none;
color: #33312E;
margin: 1px;
padding-top: 3px;
						}

form#emailform input#email:hover	{
font-style: italic;
								}

form#emailform input#email:focus	{
border: 1px #FF0090 solid;
margin: 0;
								}

html > body div#spread, html > body div#spread h3 {
position: fixed;
}								

* html div#spread, html > body div#spread h3 {
position: absolute;
}

* html div#spread ul li {
float: left;
}

* html div#spread h3 {
margin-top: 98px;
}

html > body div#spread {background: transparent url(spread.png) top left no-repeat;}
/* html div#spread {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='spread.png');} */
div#spread	{
left: 0;
bottom: 0;
width: 100%;
height: 125px;
opacity: .7;
text-align: center;
			}

html > body div#spread p {position: fixed;}
* html div#spread p {float: right; clear: both; margin-top: 34px; margin-right: 10px;}
div#spread p {
bottom: 7px;
right: 10px;
font: 10px verdana;
color: #89B8BC;
}

div#spread p a {
text-decoration: none;
color: #89B8BC;
border-bottom: 1px white dotted;
}


div#spread:hover	{
opacity: 1;
				}

div#spread h3	{
width: 100%;
height: 27px;
background: #FF0090;
text-indent: -3000px;
bottom: 0;
			}


html > body div#spread ul {margin-top: 70px; margin-left: 110px;}
* html div#spread ul {margin-top: -54px; margin-left: 20px;}
div#spread ul	{
list-style-type: none;
			}

div#spread ul li a	{
padding: 7px;
float: left;
margin-left: 10px;
color: white;
text-decoration: none;
font: 14px verdana;
				}

div#spread ul li a:hover	{
background: #FF0090;
					}

p#thanks {
/* height: 100px;
border: 10px #89B8BC solid; */
padding: 10px 15px;
font: 16px verdana;
color: #89B8BC;
background: #2C2B28;
left: -70px;
position: absolute;
width: 400px;
}