body
{
	height: 100%;
	text-align: center;
	background: #63829f url( '../img/sunshine/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: 358px;
	height: 94px;
	background-image: url( '../img/sunshine/logo.png' );
	background-repeat: no-repeat;
	margin: 14px 9px 0 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 -94px; }

a.nav
{
	display: block;
	height: 37px;
	width: 152px;
	text-indent: -9999px;
	text-align: left;
	margin: 0px 10px 0px auto;
}

a#nav_about { background-image: url( '../img/sunshine/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 -37px; }

a#nav_work { background-image: url( '../img/sunshine/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 -37px; }

a#nav_contact { background-image: url( '../img/sunshine/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 -37px; }

h1
{
	display: block;
	text-align: left;
	text-indent: -9999px;
	height: 40px;
	width: 300px;
	margin: 20px 20px 20px 20px;
}

h1#h1_about { background: url( '../img/sunshine/h1_about.gif' ) 0px 0px no-repeat; }
h1#h1_work { background: url( '../img/sunshine/h1_work.gif' ) 0px 0px no-repeat; }
h1#h1_contact { background: url( '../img/sunshine/h1_contact.gif' ) 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: 551px; width: 300px; background: url( '../img/sunshine/welcome.gif' ) top center no-repeat; margin: 30px 20px 150px 20px; }

div#copyright { color: #d6d6d6; }

div#choose_a_skin { width: 149px; height: 22px; background: url( '../img/sunshine/choose_a_skin.png' ) 0px 0px no-repeat; margin: 40px 0 11px 24px; }

a.skin { display: block; height: 27px; padding: 0px 0px 0px 37px; line-height: 27px; margin: 10px 0px 0px 24px; }
a.skin:visited, a.skin:active, a.skin:link { font-family: Verdana; font-size: 11px; text-transform: lowercase; text-decoration: none; color: #FFFFFF; }
a.skin:hover { font-family: Verdana; font-size: 11px; text-transform: lowercase; color: #FFFFFF; text-decoration: underline; }