/********************************************/
/*******								*****/
/*******			CSS RESET			*****/
/*******								*****/
/********************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { overflow:-moz-scrollbars-vertical; height: 100%; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { white-space:nowrap; }
textarea { overflow:auto; }
a:active, a:focus { outline:none; }

/********************************************/
/*******								*****/
/*******			MY STYLES			*****/
/*******								*****/
/********************************************/

body
{
	height: 100%;
	text-align: center;
	z-index: 1;
}

#body
{
	min-height: 100%;
	height: auto;
	_height: 100%;
	position: relative;
	width: 100%;
	margin: 0px auto;
	text-align: left;
}

#scroll_box
{
	width: 340px;
	left: 50%;
	margin-left: 10px;
	position: relative;
	z-index: 3;
}

.text { font-family: Verdana; font-size: 11px; line-height: 16px; }

p { padding-bottom: 15px; }

.pad { padding: 0px 30px; }

#wobble_box
{
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -70px;
	width: 500px;
	height: 100%;
	z-index: 1;
}

#nav_box
{
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -480px;
	width: 470px;
	z-index: 10;
	text-align: right;
}

#skin_box
{
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: 374px;
	z-index: 10;
	text-align: left;
}

.section { margin-top: 50px; }

div.gallery_group { margin-top: 10px; padding-bottom: 8px; border-bottom: 1px solid #f4f3e7; margin-bottom: 20px; }
div.gallery_group_no_divider { margin-top: 10px; padding-bottom: 8px; margin-bottom: 20px; }

.divider { padding-bottom: 20px; border-bottom: 1px solid #f4f3e7; margin-bottom: 20px; }

div.img_title a { display: block; float: right; }

div.bottom { padding-bottom: 950px; }

.right { float: right; }
.left { float: left; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; }

.contact { padding-bottom: 15px; font-weight: bold; }
.contact div { margin-bottom: 5px; }
.contact .right { font-weight: normal; }

a.pdf { display: block; text-align: left; text-indent: -9999px; height: 32px; width: 31px; background: url( '../img/pdf.png' ) 0px 0px no-repeat; margin-left: 10px; }

div#social_icons { margin: 0px auto; }
div#social_icons a { display: block; height: 34px; width: 34px; text-align: left; text-indent: -9999px; float: left; margin-right: 10px; }

a#icon_lastfm { background: url( '../img/icon_lastfm.png' ) 0px 0px no-repeat; }
a#icon_flickr { background: url( '../img/icon_flickr.png' ) 0px 0px no-repeat; }
a#icon_twitter { background: url( '../img/icon_twitter.png' ) 0px 0px no-repeat; }
a#icon_facebook { background: url( '../img/icon_facebook.png' ) 0px 0px no-repeat; }
a#icon_linkedin { background: url( '../img/icon_linkedin.png' ) 0px 0px no-repeat; }
a#icon_youtube { background: url( '../img/icon_youtube.png' ) 0px 0px no-repeat; }

#copyright { text-align: center; font-family: Verdana; font-size: 10px; padding: 0px 20px 20px 20px; }

a#sunshine_skin { background: url( '../img/skin_sunshine.jpg' ) 0px 0px no-repeat; }
a#grunge_skin { background: url( '../img/skin_grunge.jpg' ) 0px 0px no-repeat; }
a#scan_skin { background: url( '../img/skin_scan.jpg' ) 0px 0px no-repeat; }