@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	font-size:   11px;
	color: #6d6d6f;
}

span.bold {
	font-weight: bold;
}

body {
	background-color: #FFF;
	text-align: center;
}

body * {
	text-align: left;
}

a, a span.bold, a em {
	text-decoration: none;
	color: #515258;
}

a:hover {
	text-decoration: underline;
}

div.stage {
	margin: auto;
	position: relative;
}

#lightbox {
	position: relative;
	overflow: hidden;
}
#lightbox #artwork_img {
	position: absolute;
	width: auto;
	height: auto;
}

/*
	Classes for specific behaviour
*/

/* Use the accent color and font */
.accent {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	font-size:   11px;
	  color: #6d6d6f;
}
a.accent {
	color: #515258;
}

#prev_next_back {
	padding-top: 6px;
}
#prev_next_back, #prev_next_back * {
	font-family: Helvetica, Arial, Monaco, Verdana, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}

div.share_this {
}
div.share_this * {
	font-family: Helvetica, Arial, Monaco, Verdana, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #666666;
}
a.share_this_close {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	right: 8px;
	top: 8px;
	position: absolute;
}
div.share_this_popup {
	background: #ffffff;
	border: 2px solid #cccccc;
	padding: 2em;
	margin: auto;
}
div.share_this_row {
	width: 380px;
	margin-top: 8px;
}
a.share_this {
	padding: 0;
	padding-right: 5px;
}
a.share_this img {
	border: 0;
}

a.thumbnail {
	padding: 0;
	margin: 0;
}
img.thumbnail {
	padding: 0;
	margin-right: 3px;
	margin-bottom: 3px;
	width: 130px;
	height: 130px;
	margin-top: 0;
	margin-left: 0;
}

/* scroll on overflow */
div.autoscroll {
	overflow: auto;
	padding-right: 6px;
}

#need_flash b {
	font-size: 18px;
	color: #CCCCCC;
}
#need_flash {
	font-size: 16px;
	color: #DDDDDD;
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
	padding: 4px;
	text-align: center;
	overflow: hidden;
}
#need_flash a {
	font-size: 14px;
	color: #CCCCFF;
}

/*
	CSS for the artwork menu
*/
#menu {
	position: absolute;
}
#menu, #menu * {
	z-index:  999;
}
#menu div.menu_row {
	margin: 0;
	padding: 0;
	clear: both;
}
#menu div.menu_item {
	padding: 3px 10px;
	/*border: 1px solid #828282;*/
	background-color: #fcfcfc;
	float: left;
}
#menu a {
	text-decoration: none;
	color: #828282;
	font-family: "Tahoma", "Geneva", "sans-serif";
	font-size:   11px;
	  }
#menu div.menu_item_hover, #menu div.menu_item_selected {
	background-color: #828282;
}
#menu div.menu_item_hover a, #menu div.menu_item_selected a {
	color: #fcfcfc;
}
#menu a:hover {
	text-decoration: none;
}



/*
	Home Page
*/

#home_stage {
	width:  950px;
	height: 590px;
	background-image: url(/r1322948640/stages/common.jpg);
	background-color: #FFFFFF;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

#home_stage #title {
	position: absolute;
	left:     33px;
	top:      8px;
	width:    863px;
	height:   38px;
  }

#home_stage #navigation {
	position: absolute;
	left:     33px;
	top:      52px;
	width:    863px;
	height:   14px;
 }

#home_stage #menu {
	left:  33px;
	top:   66px;
}

#home_stage #lightbox {
	position: absolute;
	left:     37px;
	top:      86px;
	width:    640px;
	height:   480px;
 }

#home_stage #copyright {
	position: absolute;
	left:     -55px;
	top:      20px;
	width:    9px;
	height:   480px;
 }

#home_stage #opp_logo {
	position: absolute;
	left:     947px;
	top:      8px;
	width:    33px;
	height:   24px;
 }

#home_stage #info_and_description {
	position: absolute;
	left:     688px;
	top:      95px;
	width:    274px;
	height:   455px;
	text-align: right;
	background-color: #FFFFFF;
}

#home_stage #prev_next_back {
	position: absolute;
	left: 688px;
	top:  505px;
	width: 155px;
	text-align: right;
	height: 19px;
}
 /*
	Artwork Page
*/

#artwork_stage {
	width:  987px;
	height: 576px;
	background-image: url(/r1322948640/stages/common.jpg);
	background-color: #FFFFFF;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

#artwork_stage #title {
	position: absolute;
	left:     33px;
	top:      8px;
	width:    863px;
	height:   38px;
  }

#artwork_stage #navigation {
	position: absolute;
	left:     33px;
	top:      52px;
	width:    863px;
	height:   14px;
 }

#artwork_stage #menu {
	left:  33px;
	top:   66px;
}

#artwork_stage #lightbox {
	position: absolute;
	left:     33px;
	top:      76px;
	width:    640px;
	height:   480px;
 }

#artwork_stage #lightbox_overlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

#artwork_stage #thumbnails {
	position: absolute;
	left:     33px;
	top:      76px;
	width:    640px;
	height:   480px;
 width: 640px;
	height: 428px;
	overflow: auto;

	 }

#artwork_stage #lightbox #written {
	position: relative;
	left: 8px;
	top: 8px;
	width: 624px;
	height: 464px;

}

#artwork_stage #copyright {
	position: absolute;
	left:     19px;
	top:      76px;
	width:    9px;
	height:   480px;
 }

#artwork_stage #opp_logo {
	position: absolute;
	left:     947px;
	top:      8px;
	width:    33px;
	height:   24px;
 }

#artwork_stage #info_and_description {
	position: absolute;
	left:     700px;
	top:      81px;
	width:    241px;
	height:   419px;
}

#artwork_stage #artwork_info {
	margin-bottom: 1em;
}

#artwork_stage #prev_next_back {
	position: absolute;
	left: 700px;
	top:  500px;
	width: 241px;
	text-align: left;
}
 /*
	Contact Page
*/

#contact_stage {
	width:  987px;
	height: 576px;
	background-image: url(/r1322948640/stages/common.jpg);
	background-color: #FFFFFF;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

#contact_stage #title {
	position: absolute;
	left:     33px;
	top:      8px;
	width:    863px;
	height:   38px;
  }

#contact_stage #navigation {
	position: absolute;
	left:     33px;
	top:      52px;
	width:    863px;
	height:   14px;
 }

#contact_stage #menu {
	left:  33px;
	top:   66px;
}

#contact_stage #copyright {
	position: absolute;
	left:     91px;
	top:      546px;
	width:    805px;
	height:   10px;
 }

#contact_stage #opp_logo {
	position: absolute;
	left:     947px;
	top:      8px;
	width:    33px;
	height:   24px;
 }

#contact_stage #contact_info {
	position: absolute;
	left:     694px;
	top:      126px;
	width:    253px;
	height:   430px;
 overflow: auto;
}

#contact_stage #contact_form {
	position: absolute;
	left:     33px;
	top:      76px;
	width:    640px;
	height:   480px;
 padding: 10px 20px;
}

#contact_form div.form_row {
	margin-bottom: 10px;
}

#contact_form div.form_label {
	margin-bottom: 3px;
}

#contact_form input.txt, #contact_form textarea {
	padding: 2px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	width: 300px;
}
#contact_form textarea {
	height: 100px;
}
#contact_form #submit_button {
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #666677;
}




/*
	News Page
*/

#news_stage {
	width:  987px;
	height: 576px;
	background-image: url(/r1322948640/stages/common.jpg);
	background-color: #FFFFFF;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

#news_stage #title {
	position: absolute;
	left:     33px;
	top:      8px;
	width:    863px;
	height:   38px;
  }

#news_stage #navigation {
	position: absolute;
	left:     33px;
	top:      52px;
	width:    863px;
	height:   14px;
 }

#news_stage #menu {
	left:  33px;
	top:   66px;
}

#news_stage #copyright {
	position: absolute;
	left:     91px;
	top:      546px;
	width:    805px;
	height:   10px;
 }

#news_stage #opp_logo {
	position: absolute;
	left:     947px;
	top:      8px;
	width:    33px;
	height:   24px;
 }

#news_stage #text_stage {
	position: absolute;
	left:     91px;
	top:      126px;
	width:    805px;
	height:   376px;
 overflow: auto;
}

#news_stage div.news_item {
	margin-bottom: 2em;
}






/*
	Links Page
*/

#links_stage {
	width:  987px;
	height: 576px;
	background-image: url(/r1322948640/stages/common.jpg);
	background-color: #FFFFFF;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

#links_stage #title {
	position: absolute;
	left:     33px;
	top:      8px;
	width:    863px;
	height:   38px;
  }

#links_stage #navigation {
	position: absolute;
	left:     33px;
	top:      52px;
	width:    863px;
	height:   14px;
 }

#links_stage #menu {
	left:  33px;
	top:   66px;
}

#links_stage #copyright {
	position: absolute;
	left:     91px;
	top:      546px;
	width:    805px;
	height:   10px;
 }

#links_stage #opp_logo {
	position: absolute;
	left:     947px;
	top:      8px;
	width:    33px;
	height:   24px;
 }

#links_stage #text_stage {
	position: absolute;
	left:     91px;
	top:      126px;
	width:    805px;
	height:   376px;
 overflow: auto;
}

#links_stage div.link {
	margin-bottom: 1em;
}