body
{
	height: 100%;
	text-align: center;
	background: #1b201a url( '../img/grunge/bg.jpg' ) bottom center no-repeat;
	background-attachment: fixed;
	z-index: 1;
}

div#no_flash_div { width: 340px; margin-left: 80px; height: 100%; background: #FFFFFF; }

a#logo
{
	display: block;
	text-align: left;
	text-indent: -9999px;
	width: 410px;
	height: 83px;
	background-image: url( '../img/grunge/logo.png' );
	background-repeat: no-repeat;
	margin: 27px 27px 15px auto;
	position: relative;
	z-index: 10;
}
a#logo:visited, a#logo:active, a#logo:link { background-position: 0px 0px; }
a#logo:hover { 	background-position: 0px -83px; }

a.nav
{
	display: block;
	text-indent: -9999px;
	text-align: left;
}

a#nav_about { margin: 10px 29px 0 auto; height: 43px; width: 109px; background-image: url( '../img/grunge/nav_about.png' ); background-repeat: no-repeat; }
a#nav_about:link, a#nav_about:visited, a#nav_about:active { background-position: 0px 0px; }
a#nav_about:hover { background-position: 0px -43px; }

a#nav_work { margin: 10px 29px 0 auto; width: 102px; height: 41px; background-image: url( '../img/grunge/nav_work.png' ); background-repeat: no-repeat; }
a#nav_work:link, a#nav_work:visited, a#nav_work:active { background-position: 0px 0px; }
a#nav_work:hover { background-position: 0px -41px; }

a#nav_contact { margin: 10px 29px 0 auto; width: 127px; height: 39px; background-image: url( '../img/grunge/nav_contact.png' ); background-repeat: no-repeat; }
a#nav_contact:link, a#nav_contact:visited, a#nav_contact:active { background-position: 0px 0px; }
a#nav_contact:hover { background-position: 0px -39px; }

h1
{
	display: block;
	text-align: left;
	text-indent: -9999px;
	height: 67px;
	width: 280px;
	margin: 20px 25px 0px 25px;
}

h1#h1_about { background: url( '../img/grunge/h1_about.png' ) 0px 0px no-repeat; }
h1#h1_work { background: url( '../img/grunge/h1_work.png' ) 0px 0px no-repeat; }
h1#h1_contact { background: url( '../img/grunge/h1_contact.png' ) 0px 0px no-repeat; }

b { color: #7696b3; }

h2 { font-weight: bold; color: #7696b3; margin: 5px 0px; font-size: 13px; }

.text { color: #000000; }

.text a {  }
.text a:link, .text a:visited, .text a:active { text-decoration: underline; color: #7fa726; }
.text a:hover { text-decoration: none; color: #445f06; }

a.thumb img { background: #618e8e; padding: 1px; }
a.thumb:link img, a.thumb:visited img, a.thumb:active img { border: 4px solid #c5d0d0; }
a.thumb:hover img { border: 4px solid #618e8e; }

div.img_title { text-align: left; margin: 0px 0px 12px 0px; font-size: 10px; font-family: Verdana; color: #a8a8a8; }

div.img_title a:link, div.img_title a:visited, div.img_title a:active { color: #488ecd; text-decoration: none; }
div.img_title a:hover { color: #93ccff; text-decoration: none; }

#welcome { text-align: left; text-indent: -9999px; height: 391px; width: 310px; background: url( '../img/grunge/welcome.png' ) top center no-repeat; margin: 30px 15px 150px 15px; }

div#copyright { color: #d6d6d6; }

div#choose_a_skin { width: 153px; height: 36px; background: url( '../img/grunge/choose_a_skin.png' ) 0px 0px no-repeat; margin: 37px 0 9px 24px; }

a.skin { display: block; height: 27px; padding: 0px 0px 0px 37px; line-height: 27px; margin: 10px 0 0 25px; }
a.skin:visited, a.skin:active, a.skin:link { font-family: Verdana; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; text-decoration: none; color: #000000; }
a.skin:hover { font-family: Verdana; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #FFFFFF; }