/* page structure */
* {
    margin: 0;
}
html, body {
    height: 100%;
    background: #7c93a2;
}
.wrapper {
	background: #ededed;
    width: 100%;
}
.main {
    height: 600px;
	background: #ededed;
    width: 785px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}
.push {
    height: 4em;
    padding-top: 20px;
}
.header { z-index: 1;
	position: absolute;
	background: transparent url(../images/snap.gif) no-repeat;
	text-indent: -9999px;
	width: 225px;
	height: 80px;
	margin-top: 475px;
	margin-left: 10px;
}
.content { z-index: 1;
	position: absolute;
	top: 0px;
	width: 501px;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	color: white;
	font-size: .9em;
	text-align: justify;
	font-weight: 100;
	margin-left: 175px;
	margin-top: 30px;
	letter-spacing: .1em;
	line-height: 1.7em;
	border-left: #ededed 1px dotted;
	border-right: #ededed 1px dotted;
	padding-left: 30px;
	padding-right: 30px;
}
.wrapper2 {
	position: absolute;
	background: #7c93a2 url(../images/footerbar.gif) repeat-x;
	width: 100%;
}
.footer {
    height: 16em;
	background: #7c93a2 url(../images/footerbar.gif) repeat-x;
	padding-top: 30px;
	bottom: 0;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}
.copyright p {
    color: #333;
    font-family: "helvetica neue", helvetica, arial, tahoma, sans-serif;
    margin-left: 0px;
    font-size: .6em;
    margin-top: 5px;
    line-height: 1.3em;
    width: 145px;
}
.extra p#designy {
	background: transparent url(../images/designthings.gif) no-repeat;
	position: absolute;
	margin-top: 310px;
	margin-left: 55px;
	width: 65px;
	height: 64px;	
}
.extra p#clicky {
	background: transparent url(../images/clicks.gif) no-repeat;
	position: absolute;
	margin-top: 312px;
	margin-left: 159px;
	width: 86px;
	height: 47px;	
}

/* piece titles 
.extra p#name1 {
	background: #ededed url(../images/wrapped.gif) no-repeat;
	position: absolute;
	margin-top: 15px;
	margin-left: 550px;
	width: 82px;
	height: 25px;
}
.extra p#name2 {
	background: #ededed url(../images/drifting2.gif) no-repeat;
	position: absolute;
	margin-top: 10px;
	margin-left: 710px;
	width: 70px;
	height: 42px;
}
.extra p#name3 {
	background: #ededed url(../images/stampede.gif) no-repeat;
	position: absolute;
	margin-top: 390px;
	margin-left: 600px;
	width: 210px;
	height: 46px;
}
.extra p#name4 {
	background: #ededed url(../images/adapt.gif) no-repeat;
	position: absolute;
	margin-top: 10px;
	margin-left: 600px;
	width: 65px;
	height: 48px;
}
.extra p#name5 {
	background: #ededed url(../images/idle.gif) no-repeat;
	position: absolute;
	margin-top: 500px;
	margin-left: 780px;
	width: 55px;
	height: 55px;
}
extra p#name6 {
	background: #ededed url(../images/giving.gif) no-repeat;
	position: absolute;
	margin-top: 0px;
	margin-left: 700px;
	width: 70px;
	height: 42px;
}
.extra p#name7 {
	background: #ededed url(../images/worn.gif) no-repeat;
	position: absolute;
	margin-top: 500px;
	margin-left: 700px;
	width: 70px;
	height: 42px;
}
.extra p#name8 {
	background: #ededed url(../images/modify.gif) no-repeat;
	position: absolute;
	margin-top: 10px;
	margin-left: 600px;
	width: 75px;
	height: 47px;
}
.extra p#name9 {
	background: #ededed url(../images/unfold.gif) no-repeat;
	position: absolute;
	margin-top: 450px;
	margin-left: 700px;
	width: 75px;
	height: 36px;
}
extra p#name10 {
	background: #ededed url(../images/craving.gif) no-repeat;
	position: absolute;
	margin-top: 450px;
	margin-left: 400px;
	width: 80px;
	height: 55px;
}
extra p#name11 {
	background: #ededed url(../images/contagious.gif) no-repeat;
	position: absolute;
	margin-top: 380px;
	margin-left: 370px;
	width: 110px;
	height: 52px;
}
extra p#name12 {
	background: #ededed url(../images/cracked.gif) no-repeat;
	position: absolute;
	margin-top: 15px;
	margin-left: 600px;
	width: 80px;
	height: 41px;
}
extra p#name13 {
	background: transparent url(../images/drifting2.gif) no-repeat;
	position: absolute;
	margin-top: 0px;
	margin-left: 700px;
	width: 70px;
	height: 42px;
}
extra p#name14 {
	background: #ededed url(../images/shaky.gif) no-repeat;
	position: absolute;
	margin-top: 3px;
	margin-left: 525px;
	width: 85px;
	height: 44px;
}
.extra p#name15 {
	background: #ededed url(../images/tango.gif) no-repeat;
	position: absolute;
	margin-top: 290px;
	margin-left: 350px;
	width: 70px;
	height: 48px;
}
extra p#name16 {
	background: #ededed url(../images/impatience.gif) no-repeat;
	position: absolute;
	margin-top: 5px;
	margin-left: 600px;
	width: 125px;
	height: 45px;
}
*/

.extra p#award1 {
	background: #ededed url(../images/artmelt2.gif) no-repeat;
	position: absolute;
	margin-top: 0px;
	margin-left: 800px;
	width: 85px;
	height: 83px;
}
.extra p#award2 {
	background: #ededed url(../images/southernopen2.gif) no-repeat;
	position: absolute;
	margin-top: 10px;
	margin-left: 725px;
	width: 75px;
	height: 92px;
}

/* subpage navigation */
ul.navigation {
	list-style-type: none;
	margin-top: -30px;
	margin-left: 10px;
	padding: 0px 0 0 0;
	font-family: "helvetica neue", helvetica, arial, tahoma, sans-serif;
	font-weight: 100;
	font-size: 1.5em;
	color: #333;
	text-align: left;
	letter-spacing: .05em;
}
li#contact {
	border: none !important;
}
.navigation li {
	margin-left: 0px;
	text-indent: none;
	display: inline;
	border-right: #7c93a2 1px dotted;
	padding-right: 15px;
	padding-left: 10px;
}
.navigation a {
	color: silver;
	text-align: left;
	text-decoration: none;
}
.navigation a:hover {
	color: #7c93a2;
	text-align: left;
	text-decoration: overline;
}

/* thumbnails */
#thumbnails li {
	list-style-type: none;
}
#thumbnails a:hover {
	width: 60px;
	height: 60px;
	filter:alpha(opacity=35);
	opacity: .35;
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
}
#thumbnails li.first {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: -20px;
	margin-top: 50px;
}
#thumbnails li.second {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 45px;
	margin-top: 50px;
}
#thumbnails li.third {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 110px;
	margin-top: 50px;
}
#thumbnails li.fourth {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 175px;
	margin-top: 50px;
}
#thumbnails li.fifth {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: -20px;
	margin-top: 115px;
}
#thumbnails li.sixth {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 45px;
	margin-top: 115px;
}
#thumbnails li.seventh {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 110px;
	margin-top: 115px;
}
#thumbnails li.eighth {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 175px;
	margin-top: 115px;
}
#thumbnails li.ninth {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: -20px;
	margin-top: 180px;
}
#thumbnails li.tenth {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 45px;
	margin-top: 180px;
}
#thumbnails li.eleventh {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 110px;
	margin-top: 180px;
}
#thumbnails li.twelveth {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 175px;
	margin-top: 180px;
}
#thumbnails li.thirteenth {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: -20px;
	margin-top: 245px;
}
#thumbnails li.fourteenth {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 45px;
	margin-top: 245px;
}
#thumbnails li.fifteenth {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 110px;
	margin-top: 245px;
}
#thumbnails li.sixteenth {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 175px;
	margin-top: 245px;
}

/* current page */
.extra p#navvy1 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 20px;
	margin-top: 50px;
}
.extra p#navvy2 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 85px;
	margin-top: 50px;
}
.extra p#navvy3 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 150px;
	margin-top: 50px;
}
.extra p#navvy4 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 215px;
	margin-top: 50px;
}
.extra p#navvy5 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 20px;
	margin-top: 115px;
}
.extra p#navvy6 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 85px;
	margin-top: 115px;
}
.extra p#navvy7 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 150px;
	margin-top: 115px;
}
.extra p#navvy8 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 215px;
	margin-top: 115px;
}
.extra p#navvy9 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 20px;
	margin-top: 180px;
}
.extra p#navvy10 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 85px;
	margin-top: 180px;
}
.extra p#navvy11 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 150px;
	margin-top: 180px;
}
.extra p#navvy12 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 215px;
	margin-top: 180px;
}
.extra p#navvy13 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 20px;
	margin-top: 245px;
}
.extra p#navvy14 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 85px;
	margin-top: 245px;
}
.extra p#navvy15 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 150px;
	margin-top: 245px;
}
.extra p#navvy16 { z-index: 1;
	background: #666 url(../images/circlerev.gif) no-repeat;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 215px;
	margin-top: 245px;
}

/*social*/
#facebook {
	position: absolute;
	margin-top: 550px;
	margin-left: 590px;
}
#facebook a:hover {
	width: 25px;
	height: 25px;
	filter:alpha(opacity=50);
	opacity: .5;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}
#twitter {
	position: absolute;
	margin-top: 550px;
	margin-left: 625px;
}
#twitter a:hover {
	width: 25px;
	height: 25px;
	filter:alpha(opacity=50);
	opacity: .5;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}
#flickr {
	position: absolute;
	margin-top: 550px;
	margin-left: 660px;
}
#flickr a:hover {
	width: 25px;
	height: 25px;
	filter:alpha(opacity=50);
	opacity: .5;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}
/*end social*/