/* ------- Styles for Studio Idol ------- */

body {
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}

/* ------- Images ------- */
img { 
	border: none;
	margin: 0; 
	padding: 0;
}

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear: both; }

a:active {
outline: none;
}

a:focus {
-moz-outline-style: none;
}

/* ------- Top Navigation ------- */

.nav_mission, .nav_passion, .nav_memorial, .nav_contact, .nav_fallen, .nav_audio {
	text-decoration: none;
	background-repeat: no-repeat;
	position: relative; 
	height: 20px; 
	margin: 0; 
	padding: 0; 
	float: left;
	z-index: 120;
}

a.nav_mission:link, a.nav_mission:visited {
	width: 59px; 
	background-image: url(images/nav_mission.gif);
}
a.nav_mission:hover {
	background-image: url(images/nav_mission-over.gif);
}

a.nav_passion:link, a.nav_passion:visited {
	width: 59px; 
	background-image: url(images/nav_passion.gif);
}
a.nav_passion:hover {
	background-image: url(images/nav_passion-over.gif);
}

a.nav_memorial:link, a.nav_memorial:visited {
	width: 71px; 
	background-image: url(images/nav_memorial.gif);
}
a.nav_memorial:hover {
	background-image: url(images/nav_memorial-over.gif);
}

a.nav_contact:link, a.nav_contact:visited {
	width: 63px; 
	background-image: url(images/nav_contact.gif);
}
a.nav_contact:hover {
	background-image: url(images/nav_contact-over.gif);
}

a.nav_fallen:link, a.nav_fallen:visited {
	width: 52px; 
	background-image: url(images/nav_fallen.gif);
}
a.nav_fallen:hover {
	background-image: url(images/nav_fallen-over.gif);
}

a.nav_audio:link, a.nav_audio:visited {
	width: 26px; 
	background-image: url(images/nav_audio.gif);
}
a.nav_audio:hover {
	background-image: url(images/nav_audio-over.gif);
}


.nav_stop {
	text-decoration: none;
	background-repeat: no-repeat;
	position: relative; 
	height: 20px; 
	width: 14px; 
	margin: 0; 
	padding: 0; 
	display: block;
	z-index: 120;
}
a.nav_stop:link, a.nav_stop:visited {
	background-image: url(images/nav_stop.gif);
}
a.nav_stop:hover {
	background-image: url(images/nav_stop-over.gif);
}


/* ------- Content block ------- */

#content {
	position: relative;
	width: 1024px;
	height: 768px;
	margin: 0px auto 0px auto;
	padding: 35px 0 0 0;
	border: none;
	background-repeat: no-repeat;
}

.welcome {
	background-image: url(images/bkgd_welcome.jpg);
}

.home {
	background-image: url(images/bkgd_home.jpg);
}

.mission {
	background-image: url(images/bkgd_mission.jpg);
}

.passion {
	background-image: url(images/bkgd_passion.jpg);
}

.memorial {
	background-image: url(images/bkgd_memorial.jpg);
}


/* ------- Portfolio ------- */

#portfolio {
	background-image: url(images/bkgd_portfolio.jpg);
	position: relative;
	width: 860px;
	height: 675px;
	margin: 0px auto 0px auto;
	padding: 0;
	border: none;
}

#handnav {
	position: relative;
	width: 320px;
	height: 170px;
	top: 48px;
	margin: 0px;
	padding: 0;
	border: none;
	text-align: left;
}

.hand1 {
	background-image: url(portfolio/images/hand-1.jpg);
}

.hand2 {
	background-image: url(portfolio/images/hand-2.jpg);
}

.hand3 {
	background-image: url(portfolio/images/hand-3.jpg);
}

.hand4 {
	background-image: url(portfolio/images/hand-4.jpg);
}

.hand5 {
	background-image: url(portfolio/images/hand-5.jpg);
}

.hand6 {
	background-image: url(portfolio/images/hand-6.jpg);
}

/* ------- Hand Navigation ------- */

.finger1, .finger2, .finger3, .finger4, .finger5, .finger6 {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0;
	position: relative; 
	height: 24px; 
	width: 24px; 
	margin: 0; 
	padding: 0; 
	float: left;
	z-index: 200;
}

a.finger1:link, a.finger1:visited, a.finger2:link, a.finger2:visited, a.finger3:link, a.finger3:visited, a.finger4:link, a.finger4:visited, a.finger5:link, a.finger5:visited, a.finger6:link, a.finger6:visited {
	background-image: url(portfolio/images/finger-0.gif);
}
a.finger1:hover {
	background-image: url(portfolio/images/finger-1.gif);
}
a.finger2:hover {
	background-image: url(portfolio/images/finger-2.gif);
}
a.finger3:hover {
	background-image: url(portfolio/images/finger-3.gif);
}
a.finger4:hover {
	background-image: url(portfolio/images/finger-4.gif);
}
a.finger5:hover {
	background-image: url(portfolio/images/finger-5.gif);
}
a.finger6:hover {
	background-image: url(portfolio/images/finger-6.gif);
}


#maintable {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 100px;
	left: 0;
	border: none;
}


#address {
	clear:both;
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 682px;
	left: 0;
	border: none;
	text-align: left;
}


/* ------- Images ------- */
img { 
	border: none;
	margin: 0; 
	padding: 0;
}

img.floatright { 
	float: right;
	margin: 0; 
}

img.floatleft { 
	float: left;
	margin: 0; 
}


/* ------- Text ------- */
a, a:link, a:visited { 
	text-decoration: none;
	color: #048;
	border: none;
}

a:hover { 
	color: #600;
}

.white, a.white, a.white:link, a.white:visited { 
	color: #fff; 
}

a.white:hover { 
	color: #9c9; 
}

/* ------- Text styles ------- */
p { 
	font-family: Verdana, Arial, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 15px; 
	text-align: left;
	margin: 0;
}

p.left {
	text-align: left;
}

p.center {
	text-align: center;
}

p.right {
	text-align: right;
}

.right {
	text-align: right;
}

.firstpage {
	text-align: right;
	font-size: 9px; 
	letter-spacing: .15em;
}

.title, .desc, .category {
	text-align: right;
	margin-right: 20px;
	letter-spacing: 1px;
}

.title {
	color: #000;
	font-size: 8.5px; 
}

.desc {
	font-size: 8px; 
	margin-top: 10px;
}

.category {
	font-size: 8px; 
	color: #CCC;
}

.page {
	color: #000;
	font-size: 11px; 
	text-align: left;
	margin-left: 10px;
}

a.gray:link, a.gray:visited {
	color: #999;
}
a.gray:hover {
	color: #000;
}