/* This is the parent CSS file for www.salcalanni.com */

/* 
Style notes:

Black bg color: #000000 (0 0 0)

*/

html {
	height: 100%
}

body {
	height:100%;
	border:none;
	background-color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0
}


table.top {
	width: 875px;
	height: 228px;
	border-collapse: collapse;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	empty-cells: show
}

table.bottom {
	width: 875px;
	height: 370px;
	border-collapse: collapse;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	empty-cells: show
}

table.top td.top_left {
	width: 580px;
	height: 228px;
	border: 2px;
	margin: 0;
	padding: 0;
	background-image: url(style_images/background_left_top_b.jpg);
	background-repeat: no-repeat;
	background-position: left top
}

table.top td.top_right {
	width: 295px;
	height: 0px;
	border: 2px;
	margin: 0;
	padding: 0;
	background-image: url(style_images/background_right_top_b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom
}

table.bottom td.bottom_left_menu {
	width: 580px;
	height: 21px;
	/* height: auto; */
	/* height: 412px; */
	border: 0px;
	margin: 0;
	padding: 0
}

table.bottom td.bottom_left {
	width: 580px;
	border: 0px;
	margin: 0;
	padding: 0;
	background-image: url(style_images/background_left_bottom.jpg);
	background-repeat: no-repeat;
	background-position: right top
}


table.bottom td.bottom_right {
	width: 295px;
	/* height: 412px; */
	border: 0px;
	margin: 0;
	padding: 0;
	background-image: url(style_images/background_right_bottom_b.jpg);
	background-repeat: no-repeat;
	background-position: left top
}


#menu_1 table {
	margin: 3px 0 3px 0;
	width: 580px;
	height: 21px;
	font-size: 21px
}

#menu_2 table {
	margin: 7px 0 0 20px;
	/* height: 21px; */
	font-size: 22px
}

a:link {
	color: #CE6300;
	text-decoration: underline
}


a:visited {
	color: #ea7502;
	text-decoration: underline
}


a:hover {
	color: #f8902f;
	text-decoration: underline
}


/* Link styles */


a.home:link, a.home:visited { background: url(style_images/buttons/button_home.gif) }
a.home:hover { background: url(style_images/buttons/button_home_hov.gif) }

a.bio:link, a.bio:visited { background: url(style_images/buttons/button_bio.gif) }
a.bio:hover { background: url(style_images/buttons/button_bio_hov.gif) }

a.resume:link, a.resume:visited { background: url(style_images/buttons/button_resume.gif) }
a.resume:hover { background: url(style_images/buttons/button_resume_hov.gif) }

a.calender:link, a.calender:visited { background: url(style_images/buttons/button_calender.gif) }
a.calender:hover { background: url(style_images/buttons/button_calender_hov.gif) }

a.videos:link, a.videos:visited { background: url(style_images/buttons/button_videos.gif) }
a.videos:hover { background: url(style_images/buttons/button_videos_hov.gif) }

a.pics:link, a.pics:visited { background: url(style_images/buttons/button_pics.gif) }
a.pics:hover { background: url(style_images/buttons/button_pics_hov.gif) }

a.press:link, a.press:visited { background: url(style_images/buttons/button_press.gif) }
a.press:hover { background: url(style_images/buttons/button_press_hov.gif) }

a.contact:link, a.contact:visited { background: url(style_images/buttons/button_contact.gif) }
a.contact:hover { background: url(style_images/buttons/button_contact_hov.gif) }

a.email_list:link, a.email_list:visited { background: url(style_images/buttons/button_email_list.gif) }
a.email_list:hover { background: url(style_images/buttons/button_email_list_hov.gif) }

a.merch:link, a.merch:visited { background: url(style_images/buttons/button_merch.gif) }
a.merch:hover { background: url(style_images/buttons/button_merch_hov.gif) }

a.myspace:link, a.myspace:visited { background: url(style_images/buttons/button_myspace.gif) }
a.myspace:hover { background: url(style_images/buttons/button_myspace_hov.gif) }

a.facebook:link, a.facebook:visited { background: url(style_images/buttons/button_facebook.gif) }
a.facebook:hover { background: url(style_images/buttons/button_facebook_hov.gif) }

a.youtube:link, a.youtube:visited { background: url(style_images/buttons/button_youtube.gif) }
a.youtube:hover { background: url(style_images/buttons/button_youtube_hov.gif) }

a.podcast:link, a.podcast:visited { background: url(style_images/buttons/button_podcast.gif) }
a.podcast:hover { background: url(style_images/buttons/button_podcast_hov.gif) }

img.button {
	border: 0px;
	padding: 0px;
	margin: 0px
}



/* Storage 


#background_top_left {
	position: absolute;
	left: 0px;
	background-color: #000000;
	height: 240px;
	width: 524px;
	padding: 0;
	margin: 30px 7%;
	background-image: url(style_images/background_top_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:-1
}

#background_bottom_right {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-color: #000000;
	height: 600px;
	width: 423px;
	padding: 0;
	margin: 0 7%;
	background-image: url(style_images/background_bottom_right.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index:-2
}



background div styles


#background_mid {
	position: absolute;
	top: 160px;
	left: 146px;
	height: 45px;
	width: 95px;
	padding: 0;
	margin: 0;
	background-image: url(style_images/backgrounds/background_g2.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px
}


#background_top {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #633100;
	height: 160px;
	width: 100%;
	padding: 0;
	margin: 0;
	background-image: url(style_images/backgrounds/background_b1.bmp);
	background-repeat: repeat-x;
	background-position:  0px 102px;
	min-width: 630px;
	overflow: hidden
}





content div styles


#content {
	position: absolute;
	top: 160px;
	left: 0px;
	padding: 5px;
	margin: 0px
}

#content table {
	width: 100%;
	padding: 0px;
	margin: 0px
}

#content ul {
	list-style: none;
	padding: 0px;
	margin-top: 12px;
	margin-left: 10px
}

img.button {
	border: 0px;
	padding: 0px;
	margin: 0px
}


navpic div style


#navpic a {
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 28px;
	padding: 0px;
	margin: 0px
}


table styles


td.navbar {
	width: 155px;
	border: 0px;
	padding: 0px
}

td.body {
	border: 0px;
	padding: 0px 0px 0px 70px
}




a.news:link, a.news:visited { background: url(style_images/buttons/button_news.gif) }
a.news:hover { background: url(style_images/buttons/button_news_hov.gif) }



a.headshots:link, a.headshots:visited { background: url(style_images/buttons/button_headshots.gif) }
a.headshots:hover { background: url(style_images/buttons/button_headshots_hov.gif) }



a.links:link, a.links:visited { background: url(style_images/buttons/button_links.gif) }
a.links:hover { background: url(style_images/buttons/button_links_hov.gif) }

a.pictures:link, a.pictures:visited { background: url(style_images/buttons/button_pictures.gif) }
a.pictures:hover { background: url(style_images/buttons/button_pictures_hov.gif) }

a.multimedia:link, a.multimedia:visited { background: url(style_images/buttons/button_multimedia.gif) }
a.multimedia:hover { background: url(style_images/buttons/button_multimedia_hov.gif) }

a.email:link, a.email:visited { background: url(style_images/buttons/button_email.gif) }
a.email:hover { background: url(style_images/buttons/button_email_hov.gif) }

a.myspace:link, a.myspace:visited { background: url(style_images/buttons/button_myspace.gif) }
a.myspace:hover { background: url(style_images/buttons/button_myspace_hov.gif) }

a.tossing:link, a.tossing:visited { background: url(style_images/buttons/button_tossing.gif) }
a.tossing:hover { background: url(style_images/buttons/button_tossing_hov.gif) }

*/