body
{
	font-family: Lucida Grande, Myriad Pro, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	
	margin: 0;
	padding: 0;
	background-color: #181818;
}

h1
{
	font-weight: bolder;
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}


h2
{
	font-weight: bolder;
	font-size: 13px;
	color: #FFFFFF;
}

h2.compact
{
	font-weight: bolder;
	font-size: 13px;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	padding-top: 8px;
}

.print_caption
{
	margin-top: 20px;
}

.whitetext
{
	color: #FFFFFF;
}


a.nunderline:link, a.nunderline:visited, a.nunderline:hover, a.nunderline:active
{
	text-decoration: none;
}

.iotw_layout TD a.nunderline:link,
.iotw_layout TD a.nunderline:visited,
.iotw_layout TD a.nunderline:hover,
.iotw_layout TD a.nunderline:active,
{
	text-decoration: none;
}


#main_Content
{
	width: 850px;
	margin: 0 auto;
	padding: 0 10px;
	color: #FFFFFF;
}

#page_header_logo
{
	width: 361px;
	margin: 30px;
	margin-left: auto;
	margin-right: auto;
}

#page_Nav
{
	width: 850px;
	margin: 0 auto;
	font-size: 12px;
	color: white;
}

#page_Nav
{
	line-height: 1.1em;
}

#page_Nav TD
{
	padding: 0 8px;
	border-right: 1px dotted;
	color: #666666;
	text-align: center;
	font-size: 12px;
}

#page_Nav a:link, #page_Nav a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

#page_Nav a:hover, #page_Nav a:active
{
	color: #9CF;
	text-decoration: none;
}


#page_Nav TD.last
{
	border: none;
}

.home_page_caption
{
	margin: 5px 2px 5px 0;
	font-size: 10px;
	float: right;
	color: #CCCCCC;
}

.home_page_caption a:link, a:visited
{
	color: #9CF;
	text-decoration: none;
}

.home_page_caption a:hover, a:active
{
	color: #FFFFFF;
	text-decoration: none;
}


#home_page_photo
{
	margin: 0 0 2px 0;
	overflow: hidden;
}

#dual_home_page_photo
{
	margin: 4px 0 8px 0;
	overflow: hidden;
	padding: 0;
}

#dual_home_page_photo_01
{
	float: left;
}

#dual_home_page_photo_02
{
	float: right;
}

#footer_content
{
	width: 850px;
	padding: 0 0 40px 0;
	margin: 0 auto;
	color: #a1a1a1;
	font-size: 9px;
}

#footer_content a:link, #footer_content a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

#footer_content a:hover, #footer_content a:active
{
	color: #9CF;
	text-decoration: none;
}


#footer_content DIV
{
	padding: 0 8px;
	border-right: 1px dotted;
	color: #a1a1a1;
	text-align: center;
	float: left;
}

#footer_content DIV.first
{
	float: left;
	clear: left;
}


#footer_content DIV.last
{
	border: none;
}




#drilldown_page_text_content
{
	width: 820px;
	padding: 15px;
	margin: 10px 0 10px 0;
	color: #000000;
	background-color: #FFFFFF;
	border: 2px solid;
	border-color: #999999;
	overflow: hidden;

}

#drilldown_page_text_content h2
{
	color: #000000;
}

#drilldown_page_text_content h2.nunderline
{
	text-decoration: none;
}

#drilldown_page_text_content a:link, #drilldown_page_text_content a:visited
{
	color: #039;
	text-decoration: underline;
}

#drilldown_page_text_content a:hover, #drilldown_page_text_content a:active
{
	color: #C90;

}

.text_embedded_image
{
	font-size: 10px;
	color: #666666;
}

.text_embedded_image.left
{
	float: left;
	margin: 0px 10px 5px 0px;

}

.text_embedded_image.right
{
	float: right;
	margin: 0px 0px 5px 10px;

}

.iotw_embedded_image
{
	font-size: 10px;
	color: #666666;
	margin: 0 0 20px 0;
	padding: 0;
}

.iotw_embedded_image img
{
	/* border: 10px #000000 solid; */
}

.iotw_embedded_image.left
{
	float: left;
}

.iotw_embedded_image.right
{
	float: right;
}

.black_frame
{
	border: 1px solid #000000;
}

#home_page_text_content
{
	width: 830px;
	margin: 20px auto;
	font-size: 12px;
}

#home_page_text_content TD.left
{
	padding: 0 15px 0 15px;
	width: 500px;
	color: #000000;
	background-color: #FFFFFF;
	border: 2px solid;
	border-color: #999999;
}

#home_page_text_content TD.right
{
	padding: 0 15px 0 15px;
	color: #FFFFFF;
}

.home_black_panel
{
	margin-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted;
	border-color: #666666;
}

.home_black_panel.last
{
	margin-bottom: 20px;
	overflow: hidden;
	border-bottom: none;
}


.home_black_panel a:link, .home_black_panel a:visited
{
	color: #9CF;
	text-decoration: none;
}

.home_black_panel a:hover, .home_black_panel a:active
{
	color: #FFFFFF;
	text-decoration: none;
}

.smtext
{
	font-size: 10px;
}

.greentext
{
	color: #00CF0B;
}

.oblique
{
	font-style: italic;
}

.social_bookmark_box
{
	padding: 0 8px 10px 8px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	border-color: #000000;
	color: #000000;
}


.home_white_panel
{
	padding: 0 0 10px 0;
	border-bottom: 1px dotted;
	border-color: #000000;
	color: #000000;
	overflow: hidden;
}

.home_white_panel.last
{
	margin-bottom: 20px;
	color: #000000;
	overflow: hidden;
	border-bottom: none;
}

.home_white_panel h2
{
	color: #000000;
}


#bebop_black_content_page a:link, #bebop_black_content_page a:visited
{
	color: #9CF;
	text-decoration: underline;
}

#bebop_black_content_page a:hover, #bebop_black_content_page a:active
{
	color: #FFFFFF;
	text-decoration: underline;
}

#bebop_black_content_page .iotw_embedded_image
{
	color: #999;
}

.home_white_panel p
{
	margin: 0px 4px 12px 0px;
}

.home_white_panel a:link, .home_white_panel a:visited
{
	color: #039;
	text-decoration: underline;
}

.home_white_panel a:hover, .home_white_panel a:active
{
	color: #C90;
	text-decoration: underline;
}

.home_white_panel.news a:link, .home_white_panel.news a:visited
{
	text-decoration: underline;
	font-weight: bolder;
	color: #039;
}

.home_white_panel.news a:hover, .home_white_panel.news a:active
{
	color: #996600;
	text-decoration: underline;
}


.home_white_panel img.left
{
	float: left;
	margin: 0px 8px 5px 0px;
}

.home_white_panel img.right
{
	float: right;
	margin: 0px 0px 5px 8px;
}

.iotw_graybox
{
	border: 1px dotted;
	border-color: #000000;
	background-color: #DADADA;
}

#iotw_left
{
	float: left;
	overflow: hidden;
	width: 45%;
	padding: 0 10px 0 10px;

}

#iotw_right
{
	float: right;
	overflow: hidden;
	width: 45%;
	padding: 0px 8px 10px 8px
}

.iotw_layout
{

}

.iotw_layout TD
{
	vertical-align: top;
	padding: 8px;
}

.iotw_grid
{
	margin: 0;
	padding: 0;
}


.iotw_grid TD
{
	margin: 0;
	padding: 0;
	padding: 3px;
}

.iotw_print_purchase
{
	padding: 15px 0 0 0;
}

.news_page_item
{
	padding: 15px;
	border-bottom: 1px dotted;
	border-color: #000000;
	color: #000000;
	overflow: hidden;
}

.news_separator
{
	font-size: 10px;
	color: #999999;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.end_copy_flourish
{
	content: "<p>&loz; &loz; &loz;</p>";
	font-size: 10px;
	color: #999999;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;	
}

.news_page_item.last
{
	margin-bottom: 20px;
	color: #000000;
	overflow: hidden;
	border-bottom: none;
}

#news_page_info_panel
{
	float: right;
	display: inline;
	overflow: hidden;
	width: 120px;
	border: 1px dotted #999999;
	padding: 10px;
	margin: 0 0 10px 10px;
}

/*
===========================================================================

Portfolio Page CSS

===========================================================================
*/

ul.portfolio
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	width: 820px;
}

UL.portfolio LI
{
	position: relative;
	float: left;
	padding: 0;
	margin: 2px;
	width: 269px;
	height: 280px;
	background-color: #080808;
}

UL.portfolio LI:hover
{
	background-color: #1A1A1A;
}

UL.portfolio LI TABLE
{
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	border: 0;
}

UL.portfolio LI TABLE TD
{
	width: 100%;
	padding: 0 8px 0 8px;
	text-align: center;
}

UL.portfolio LI TABLE TD.slide
{
	height: 200px;
	width: 100%;
	vertical-align: middle;
}

UL.portfolio LI TABLE TD.slide IMG 
{
	border: 0;
}

UL.portfolio LI TABLE TD.portfolio_titles
{
	vertical-align: top;
	text-align: left;
}

UL.portfolio LI TABLE TD.portfolio_titles a:link, UL.portfolio LI TABLE TD.portfolio_titles a:visited 
{
	color: #9CF;
	text-decoration: none;
}

UL.portfolio LI TABLE TD.portfolio_titles a:hover, UL.portfolio LI TABLE TD.portfolio_titles a:active 
{
	color: #FFF;
}

#portfolio_Scroller {
	background: #101010;
	overflow: auto;
	width: auto;
	height: 495px;

}

#portfolio_Scroller td {
	width: auto;
	padding-right: 16px;
	vertical-align: top;
	padding-bottom: 0px;
	margin: 0;
	font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.portfolio_archive_Link
{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

.portfolio_archive_Link a:link, .portfolio_archive_Link a:visited
{
	color: #9CF;
	text-decoration: none;
}

.portfolio_archive_Link a:hover, .portfolio_archive_Link a:active
{
	color: #FFF;
}


/*
===========================================================================

Individual Portfolio Set CSS

===========================================================================

*/



ul.portfolio_set
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	width: 820px;
}

UL.portfolio_set LI
{
	position: relative;
	float: left;
	padding: 0;
	margin: 2px;
	width: 269px;
	height: 269px;
	background-color: #080808;
}

UL.portfolio_set LI:hover
{
	background-color: #1A1A1A;
}

UL.portfolio_set LI TABLE
{
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	border: 0;
}

UL.portfolio_set LI TABLE TD
{
	width: 100%;
	padding: 0 8px 0 8px;
	text-align: center;
}

UL.portfolio_set LI TABLE TD.slide
{
	height: 200px;
	width: 100%;
	vertical-align: middle;
}

UL.portfolio_set LI TABLE TD.slide IMG 
{
	border: 0;
}

UL.portfolio_set LI TABLE TD.portfolio_set_titles
{
	vertical-align: top;
	text-align: left;
}

UL.portfolio_set LI TABLE TD.portfolio_set_titles a:link, UL.portfolio_set LI TABLE TD.portfolio_set_titles a:visited 
{
	color: #9CF;
	text-decoration: none;
}

UL.portfolio_set LI TABLE TD.portfolio_set_titles a:hover, UL.portfolio_set LI TABLE TD.portfolio_set_titles a:active 
{
	color: #FFF;
}

.portfolio_set_titles
{
	display: none;
}

/*

===========================================================================

PhotoShelter Defined Styles Below

===========================================================================

*/

/* 

Search Results Image Display CSS

*/

h3
{
	font-size: 11px;
	font-weight: bold;
}

.pageRange
{
	font-size: 12px;
	float: right;
	display: inline;
	width: 200px;
}

.pageRange TD
{
	font-size: 12px;
}

#photoshelter_archive_image_page
{
	background-color: #101010;
	width: 820px;
	padding: 15px;
	margin: 10px 0 10px 0;
	color: #D2D2D2;
	border: 1px solid;
	border-color: #212121;
	overflow: hidden;
}

/*
#photoshelter_archive_image_page a:link, a:visited
{
	color: #9CF;
}

#photoshelter_archive_image_page a:hover, a:active
{
	color: #FFF;	
}
*/

#bebop_black_content_page
{
	background-color: #101010;
	width: 820px;
	padding: 15px;
	margin: 10px 0 10px 0;
	color: #D2D2D2;
	border: 1px solid;
	border-color: #212121;
	overflow: hidden;
}


.gallery_caption
{
	font-size: 10px;
	color: #999;
}

.gallery_copyright
{
	font-size: 10px;
	font-weight: bolder;
	color: #FFFFFF;
}

.image_display_panel_divider
{
	width: 100%;
	border-top: 1px dotted #404040;
	padding-bottom: 15px;

}

DIV.thumb_links
{
	font-size: 9px;
	margin: 5px 8px 5px 8px;
	padding: 0;
}

A.thumb_links_lightbox
{
	float: left;
}

A.thumb_links_lightbox:link, A.thumb_links_lightbox:visited
{
	text-decoration: none;
	color: #666666;	
}

A.thumb_links_lightbox:hover, A.thumb_links_lightbox:active
{
	text-decoration: none;
	color: #9CF;	
}

A.thumb_links_cart
{
	float: right;
}

A.thumb_links_cart:link, A.thumb_links_cart:visited
{
	text-decoration: none;
	color: #666666;
}

A.thumb_links_cart:hover, A.thumb_links_cart:active
{
	text-decoration: none;
	color: #9CF;
}

.yellow_text
{
	color: #FFCC00;
}

A.page_next SPAN, A.page_previous SPAN
{
	font-size: 11px;
	font-weight: bolder;
}

A.page_next:link, A.page_next:visited, A.page_previous:link, A.page_previous:visited, a.search_results_link:link, a.search_results_link:visited, A.gallery_URL:link, A.gallery_URL:visited
{
	color: #9CF;
	text-decoration: none;
}

A.page_next:hover, A.page_next:active, A.page_previous:hover, A.page_previous:active, a.search_results_link:hover, a.search_results_link:active, A.gallery_URL:hover, A.gallery_URL:active
{
	color: #FFF;
	text-decoration: none;
}

#image_keyword_box
{
	margin: 10px;
	padding: 10px;
	border: 1px dotted #212121;
	background-color: #000000;
}

FORM.image_keywords
{
	font-size: 10px;
}

FORM.image_keywords UL {
	list-style-type: none;
	width: 780px;
	padding: 0;
	margin: 8px;
}

FORM.image_keywords UL LI {
	float: left;
	width: 150px;
	padding: 0;
	margin: 0;
}

INPUT.image_keywords_submit
{
	margin: 10px 10px 10px 10px;
	display: inline;
}



.links
{
	margin: 0;
	font-size: 11px;
	font-weight: bolder;
}

ul.links
{
	padding: 0;
	margin: 0;
	list-style-type: none;	
}

li.links
{
	margin: 0;
	padding: 0;
}

.links a:link, a:visited
{
	color: #9CF;
}

.links a:hover, a:active
{
	color: #FFF;
}

span.search_box
{
	font-size: 12px;
	display: none;
}

input.search_box
{
	font-size: 10px;
	width: 150px;
	padding: 0px;
	margin: 4px 0px 4px 0;
}

/*

Gallery Display CSS

*/

.email_to_friend_link
{
	font-size: 10px;
}

a.email_to_friend_link:link, a.email_to_friend_link:visited
{
	color: #9CF;
	text-decoration: none;

}

a.email_to_friend_link:hover, a.email_to_friend_link:active
{
	color: #FFFFFF;
	text-decoration: none;
}

.gallery_URL
{
	font-size: 14px;
	font-weight: bolder;
}

TD.gallery_thumbs
{
	margin: 0 0 20px 0;
}

TD.gallery_thumbs.text, TD.search_thumbs.text
{
	font-size: 9px;
	color: #999999;
	width: 200px;
	margin-top: 2px;
	padding-top: 0px;
}

TD.gallery_thumbs.text a:link, TD.gallery_thumbs.text a:visited, TD.search_thumbs.text a:link, TD.search_thumbs.text a:visited
{
	color: #9CF;
	text-decoration: none;
}

TD.gallery_thumbs.text a:hover, TD.gallery_thumbs.text a:active, TD.search_thumbs.text a:hover, TD.search_thumbs.text a:active
{
	color: #FFF;
	text-decoration: none;
}

UL.thumbs
{
	width: 820px;
}

UL.thumbs LI
{
	width: 200px;
	height: 280px;
	font-size: 10px;
}

UL.thumbs LI TABLE TD.slide
{
	height: 240px;
	width: 200px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	vertical-align: middle;
}

.display_options_link
{
	font-size: 10px;
}

A.display_options_link:link, A.display_options_link:visited, A.gallery_slideshow_link:link, A.gallery_slideshow_link:visited
{
	color: #9CF;
	text-decoration: none;
}

A.display_options_link:hover, A.display_options_link:active, A.gallery_slideshow_link:hover, A.gallery_slideshow_link:active
{
	color: #FFF;
	text-decoration: none;
}

.gallery_slideshow_link
{
	font-size: 10px;
}

FORM.page_select
{
	margin-left: 0px;
}

.gallery_navigation
{
	font-size: 12px;
	float: right;
	overflow: hidden;
	text-align: center;
}

.gallery_description_text
{
	padding: 8px 0 8px 0;
	width: 650px;
	font-size: 10px;
	color: #999999;
}

UL.thumbs.search_thumbs LI, UL.thumbs.gallery_thumbs LI
{
	background-color: #080808;
	margin: 2px;
}

UL.thumbs.search_thumbs LI:hover, UL.thumbs.gallery_thumbs LI:hover
{
	background-color: #1A1A1A;
}

/* 

Search Page CSS

*/

TABLE.input TH
{
	font-size: 12px;
	color: #FFF;
}

TABLE.input TD
{
	font-size: 10px;
	color: #FFF;
}


/*

Customer Pages Master Template CSS

*/

#subnav
{
	text-align: right;
	font-size: 10px;
	margin-bottom: 10px;
}

#subnav a:link, #subnav a:visited
{
	color: #9CF;
	text-decoration: none;
	
}

#subnav a:hover, #subnav a:active
{
	color: #FFFFFF;
	text-decoration: none;
	
}


/* 

Login Page CSS

*/

A.login_link:link, A.login_link:visited
{
	color: #9CF;
	text-decoration: none;
}

A.login_link:hover, A.login_link:active
{
	color: #FFFFFF;
	text-decoration: none;
}


p.login_page A:link, p.login_page A:visited
{
	color: #9CF;
	text-decoration: none;
}


p.login_page A:hover, p.login_page A:active
{
	color: #FFFFFF;
	text-decoration: none;
}

TABLE.login_form TD A:link, TABLE.login_form TD A:visited
{
	color: #9CF;
	text-decoration: none;
}


TABLE.login_form TD A:hover, TABLE.login_form TD A:active
{
	color: #FFFFFF;
	text-decoration: none;
}

/*

Gallery List CSS

	UL.gallery_list: Containing <UL> element for all list items. Each gallery name in the list is represented as a <LI> element within it.
	UL.thumbs.gallery_list: Outer UL. Applies to thumbs style option.
	UL.thumbs.gallery_list TD.slide: TD for thumbnail image. Applies to thumbs style.
	A.gallery_list_name: Gallery name A tag. Use to change the style of the link.
	SPAN.gallery_list_num_images: SPAN around number of images in the gallery. Use to change the font of the num_images option.
	SPAN.gallery_list_description
	


.gallery_list_name
{
	font-size: 12px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

A.gallery_list_name:link, A.gallery_list_name, visited
{
	text-decoration: none;
	color: #9CF;
}

A.gallery_list_name: hover, A.gallery_list_name, active
{
	text-decoration: none;
	color: #FFFFFF;
}

UL.gallery_list
{
	width: 820px;
}

UL.thumbs.gallery_list
{
	width: 100%;
}

UL.gallery_list LI
{
	width: 200px;
	height: 230px;
	background-color: #080808;
	margin: 2px;
}

UL.gallery_list LI:hover
{
	width: 200px;
	height: 230px;
	background-color: #1A1A1A;
	margin: 2px;
}

UL.thumbs.gallery_list TD.slide
{
	height: 200px;
	width: 200px;
}



SPAN.gallery_list_description
{
	font-size: 9px;
	color: #999999;
}

*/



ul.thumbs.gallery_list TD
{
	font-size: 12px;
	color: #999999;
	width: 100%;
	margin-top: 2px;
	padding-top: 0px;
}

UL.thumbs.gallery_list TD.slide
{
	height: 200px;
	width: 200px;
	vertical-align: middle;
}

UL.gallery_list LI
{
	width: 200px;
	height: 240px;
	background-color: #080808;
	margin: 2px;
}

UL.gallery_list LI:hover
{
	background-color: #1A1A1A;
}

A.gallery_list_name:link, A.gallery_list_name:visited
{
	text-decoration: none;
	color: #9CF;
}

A.gallery_list_name:hover, A.gallery_list_name:active
{
	text-decoration: none;
	color: #FFFFFF;
}


/* The same thing for gallery collections */

ul.thumbs.gallery_collection_list TD
{
	font-size: 12px;
	color: #999999;
	width: 100%;
	margin-top: 2px;
	padding-top: 0px;
}

UL.thumbs.gallery_collection_list TD.slide
{
	height: 200px;
	width: 200px;
	vertical-align: middle;
}

UL.gallery_collection_list LI
{
	width: 200px;
	height: 240px;
	background-color: #080808;
	margin: 2px;
}

UL.gallery_collection_list LI:hover
{
	background-color: #1A1A1A;
}

A.gallery_collection_list_name:link, A.gallery_collection_list_name:visited
{
	text-decoration: none;
	color: #9CF;
}

A.gallery_collection_list_name:hover, A.gallery_collection_list_name:active
{
	text-decoration: none;
	color: #FFFFFF;
}

A.gallery_collection_link:link, A.gallery_collection_link:visited
{
	text-decoration: none;
	color: #9CF;
}

A.gallery_collection_link:hover, A.gallery_collection_link:active
{
	text-decoration: none;
	color: #FFFFFF;
}


/*
==============================================================================

Text Window Overlay CSS

==============================================================================
*/
.popup
{
	padding: 5px 10px 10px 10px;
	border:1px dotted #333333;
	background:#101010;
	width:350px;
	height: auto;
	font-size: 10px;
}

.popup_narrow
{
	padding: 5px 10px 10px 10px;
	border:1px dotted #333333;
	background:#101010;
	width:200px;
	height: auto;
	font-size: 10px;
}

.search_popup_narrow
{
	padding: 0px 10px 4px 10px;
	border:1px dotted #333333;
	background:#101010;
	width:200px;
	height: auto;
	font-size: 10px;
}

#popup_search_box
{
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	margin-right: 0 auto;
	margin-top: -20px;
	z-index: 11100;
	padding: 0px 10px 4px 10px;
	border: 1px dotted #333333;
	background: #101010;
	width: 200px;
	height: auto;
	font-size: 10px;
}


/*
==============================================================================

Price List Table Styling

==============================================================================
*/

table.cart_table
{
	border-collapse: collapse;
}

td.cart_table_row
{
	border: 1px solid #999999;
	font-size: 10px;
	color: #333333;
}

tr.cart_table_header
{
	color: #FFFFFF;
	font-size: 12px;
	background: #999999;
}


/*
==============================================================================

Sitemap Styling

==============================================================================
*/

.sitemap_section
{
	border: 1px solid #999999;
}

.sitemap_column
{
	display: table-cell;
	vertical-align: top;
	width: 50%;
}

/*
==============================================================================

Experimental Portfolio Styling

==============================================================================
*/

.thumbnail_navigation
{
	font-size: 10px;
	color: #999999;
	font-weight: bolder;
	margin-top: 20px;
}

.thumbnail_navigation a:link, .thumbnail_navigation a:visited
{
	color: #999;
	text-decoration: none;
}

.thumbnail_navigation a:hover, .thumbnail_navigation a:active
{
	color: #9CF;
	text-decoration: none;
}

.current_page
{
	text-decoration: underline;
}

ul.portfolio_matrix
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	width: 250px;
}

UL.portfolio_matrix LI
{
	position: relative;
	float: left;
	padding: 0;
	margin: 2px;
	width: 66px;
	height: 66px;
	background-color: #080808;
}

UL.portfolio_matrix LI.current
{
	background-color: #999999;
}

UL.portfolio_matrix LI.current:hover
{
	background-color: #999999;
}

UL.portfolio_matrix LI:hover
{
	background-color: #1A1A1A;
}

UL.portfolio_matrix LI TABLE
{
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	border: 0;
}

UL.portfolio_matrix LI TABLE TD
{
	width: 100%;
	padding: 0;
	text-align: center;
}

UL.portfolio_matrix LI TABLE TD.portfolio_matrix_slide
{
	height: 30px;
	width: 100%;
	vertical-align: middle;
}



UL.portfolio_matrix LI TABLE TD.portfolio_matrix_slide IMG 
{
	border: 0;
	margin: 0;
}

UL.portfolio_matrix LI TABLE TD.portfolio_matrix_titles
{
	vertical-align: top;
	text-align: left;
}

UL.portfolio_matrix LI TABLE TD.portfolio_matrix_titles a:link, UL.portfolio_matrix LI TABLE TD.portfolio_matrix_titles a:visited 
{
	color: #9CF;
	text-decoration: none;
}

UL.portfolio_matrix LI TABLE TD.portfolio_matrix_titles a:hover, UL.portfolio_matrix LI TABLE TD.portfolio_matrix_titles a:active 
{
	color: #FFF;
}

.image_caption
{
	font-size: 0.8em;
	line-height: 1.5em;
}

.image_caption_title
{
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 2em;
}

#image_current_layer
{
	z-index: 300;
}

#image_previous_layer
{
	z-index: 100;
}

#image_next_layer
{
	z-index: 200;
}