* { margin: 0; padding: 0; }
body {
	font-size: 12px; line-height: 1.5em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: transparent url(/img/bg.jpg) repeat-x;
	background-color: #3f3a3a;
}
img { border: none; }
/* navigation */
#navigation { margin-left: 100px; width: 412px; height:58px; background: transparent url(/img/navigation_bg.gif) no-repeat; }
#navigation ul { list-style: none; list-style-type: none; }
#navigation ul li { float: left; border-right: 2px dotted #666666; }
#navigation ul li a { display: block; padding: 15px 15px 15px 20px; text-decoration: none; color: #000000; }
#navigation ul li a:hover { text-decoration: underline; }
#navigation ul li.last { border-right: none; }
/* banner */
#banner_ph { width: 751px; height: 401px; background: transparent url(/img/banner_new.jpg) no-repeat; }
#view_webcam { position: relative; top: 220px; left: 620px; width: 99px; height: 99px; background: transparent url(/img/view_webcam.png) no-repeat; }
	#view_webcam a { display: block; height: 99px; width: 99px; text-indent: -9999px; }
#current_weather { position: relative; top: 120px; left: 15px; width: 130px; height: 76px; background: transparent url(/img/current_weather.png) no-repeat; }
	#current_weather a { display: block; height: 76px; width: 130px; text-indent: -9999px;  }
#slc_webstore { position: relative; top: -140px; left: 15px; width: 143px; height: 70px; background: transparent url(/img/webstore.png) no-repeat; }
	#slc_webstore a { display: block; height: 70px; width: 143px; text-indent: -9999px;  }
/* whats new tab */
#whats_new { 	position: absolute; top: 0; left: 0; height: 139px; width: 189px;
				left: 0; top: 0; background: transparent url(/img/whats_new.png) no-repeat; }
#whats_new a { text-indent: -9999px; display: block; height: 139px; width: 189px;  }
/* typography */
a { color: #a93e25; }
a.right_arrow { background: transparent url(/img/a_arrow.gif) right no-repeat; padding-right: 20px; }
a.dark { color: #454545; }
	a.dark:hover { text-decoration: none; color: #333333; }
a.hide_this { display: block; border-bottom: 1px solid #CCCCCC; float: right; width: 400px; text-align: right; margin-top: -15px; padding-bottom: 5px; margin-bottom: 10px; }
h2 { color: #619e57; font-size: 14px; font-weight: bold; }
.noh_container h2 { margin: 15px; font-size: 18px; }
.green { color: #619e57; }
.red { color:#a93e25; }
h4 { color: #a93e25; text-decoration: none;  }
a.gift_shop { background: transparent url(/img/tag_red.png) right no-repeat; padding-right: 20px; color: inherit; text-decoration: none; }
	a.gift_shop:hover { text-decoration: underline; }
a.rss { background: transparent url(/img/rss.png) left no-repeat; padding-left: 20px; color: inherit; text-decoration: none; }
	a.rss:hover { text-decoration: underline; }
a.map { background: transparent url(/img/map.png) right no-repeat; padding-right: 20px; color: inherit; text-decoration: none; }
	a.map:hover { text-decoration: underline; }
a.lock { background: transparent url(/img/lock.png) right no-repeat; padding-right: 20px; color: inherit; text-decoration: none; }
	a.lock:hover { text-decoration: underline; }
a.terms { background: transparent url(/img/page_white_text.png) right no-repeat; padding-right: 20px; color: inherit; text-decoration: none; }
	a.terms:hover { text-decoration: underline; }
p { color: #434343; }
ul.content { margin: 15px 0 15px 20px; color: #434343;}
	ul.content li { color: #434343; font-size: 10px; line-height: 16px; margin: 5px 0; border-bottom: 1px solid #cccccc; }
/* layout */
.container { width: 750px; height: auto; margin: 0 auto; overflow: visible; }
#body_container {
	background: transparent url(/img/content_bg.gif) 30px repeat-y; width: 750px; height: auto; margin: 0 auto; }
#url_bar { background: #faf0e1; width: 730px; height: 20px; margin: 0 auto; border: 1px solid #9e7944; padding: 10px; color: #a93e25; }
#w_holder { width: 410px; height: 335px; float: left; margin: 10px 10px 10px 0; }
#news_holder { width: 300px; height: 335px; float: right; margin: 10px 10px 10px 0; }
#horz_holder { width: 740px; height: 220px; border: 1px solid #9e7944; background: #f0e9de; clear: both; margin-top: 85px; padding-top: 12px; }
#shop_holder { 	width: 650px; height: 75px; border: 1px solid #9e7944; background: transparent url(/img/shop_bg.png) 525px no-repeat; 
				background-color: #f0e9de; float: none; clear: both; margin: 40px auto; padding-top: 25px; }
#footer { width: 740px; height: auto; margin: -40px auto; background: transparent url(/img/footer_top.gif) no-repeat; }
.noh_container { background: #faf0e1; width: 700px; height: auto; margin: 10px auto 40px auto; border: 1px solid #9e7944; padding: 20px; color: #a93e25;  }
.noh_container p { margin: 10px 0; line-height: 20px; font-size: 14px; }
.noh_container h4 { font-size: 16px; margin: 25px 0 0 0; padding: 0; }
.content_holder { width: 400px; margin-left: 15px; }
.content_holder_wide { width: 680px; margin-left: 15px; }
#news_nav { width: 200px; float: right;  }
	#news_nav ul { list-style: none; list-style-type: none; }
	#news_nav ul li {  }
	#news_nav ul li h3 { border-bottom: 1px solid #CCCCCC; padding-bottom: 3px; }
	#news_nav ul li a { display: block; text-decoration: none; color: #666666; border-width: 0 0 1px 0; border-color: #CCCCCC; border-style: solid;
						padding: 3px; }
		#news_nav ul li a:hover { background: #666666; color: #FFFFFF; }
/* url bar innerds */
	#url_bar a { text-decoration: none; } #url_bar a:hover { text-decoration: underline; }
/* w_holder innerds */
	#w_holder div { width: 390px; height: auto; background: transparent url(/img/w_bg.png) repeat-y;
					border-width: 1px 0 1px 0; border-color: #9e7944; border-style: solid; overflow: visible;
					color: #4e3e1f; font-size: 12px; line-height: 1.5em; padding: 5px 20px 25px 5px; clear: left; }
	#w_holder div img { float: left; margin: -15px 10px 10px -15px; }
	#w_holder div a { color: #a93e25; float: right; margin-right: 25px; text-decoration: none; }
	#w_holder div a:hover { text-decoration: underline; }
/* news holder innerds */
	#news_holder h3 { 	display: block; width: 280px; height: 39px; background: transparent url(/img/news_heading.png) no-repeat;
						color: #FFFFFF; padding: 10px 0 0 20px; margin-bottom: -10px; }
	.accordian_holder { background: transparent url(/img/accordian_highlight_bg.jpg) repeat-x; background-color: #ece4d8;
						padding: 15px; font-size: 12px; border: 1px solid #9e7944; margin-top: -10px; }
	.accordian_holder h4, strong { display: block; width: 280px; }
	.accordian_content { height: 90px; }
	.accordian_content a { text-decoration: underline; } .accordian_content a:hover { text-decoration: none; }
	.news_footer { background: transparent url(/img/news_heading.png) no-repeat; height: 30px; width: 320px; margin-top: -15px; }
/* horz_holder innerds */
	.slice { 	width: 30%; height: 200px; float: left; margin-left: 20px; overflow: visible;
				border-right: 2px dotted #666666; }
	#fact { font-size: 12px; }
		#fact h3 { height: 28px; width: 84px; background: url(/img/fact.gif) no-repeat; text-indent: -9999px;  }
		#fact img { background: #FFFFFF; padding: 5px; border: 1px solid #d4c9b9; margin-top: 10px; }
		#fact p { width: 190px; }
		#fact a { text-decoration: none; } #fact a:hover { text-decoration: underline; }
	#photo_gallery h3, #photo_gallery h3 a { color: #a93e25; font-weight: normal; text-decoration: none;  }
	#photo_gallery h3:hover, #photo_gallery h3 a:hover { text-decoration: underline; }
	#get_directions { border-right: none; }
		#get_directions h3, #get_directions h3 a { color: #a93e25; font-weight: normal; text-decoration: none; }
		#get_directions h3:hover, #get_directions h3 a:hover { text-decoration: underline; }
		#get_directions a#map { display: block; background: transparent url(/img/map_and_compass.gif) no-repeat; width: 242px; height: 261px; 
								text-indent: -9999px; margin: -50px 0 0 20px; }
/* shop_holder innerds */		
	#shop_holder img.main { float: left; margin: -50px 25px 0 -25px; }	
	#shop_holder h3 { color: #619e57; }	
	#shop_holder, #shop_holder p, #shop_holder a { color: #928c87; }
/* page specifics */
#news_container { width: 450px; margin-left: 15px; }
	#news_container h3 a, #news_container h3 { font-size: 18px; color: #669999; text-decoration: none; }
		#news_container h3 a:hover { text-decoration: underline; }
	.date { font-size: 10px; color: #8b8b8b; }
	#news_container p { font-size: 14px; color: #434343; }
	#news_container a { color: #669999; text-decoration: underline; }
		#news_container a:hover { text-decoration: none; }
	#news_container img, .accordian_holder img{ float: right; padding: 5px; margin: 0 0 20px 20px; border: 1px solid #CCCCCC; background: #FFFFFF; }
#photo_holder { text-align: center; }
	#photo_holder ul, #video_holder ul { list-style: none; list-style-type: none; }
		#photo_holder ul li, #video_holder ul li {  padding: 7px; background: #FFFFFF; border: 1px solid #CCCCCC; float: left; margin: 10px; }
			#photo_holder ul li a, #video_holder ul li a { text-decoration: none; display: block; }
			#photo_holder .window, #video_holder .window { height: 100px; width: 100px; overflow:hidden; }
			/* #photo_holder ul li a img { width: auto; } */
			#photo_holder ul li p a, #video_holder ul li p a { font-size: 10px; color: #3b3b3b; text-decoration: none; }
#about_nav { float: right; width: 250px; font-size: 12px; margin-right: -25px; }
#about_nav a { 	display: block; text-decoration: none; background: transparent url(/img/about_nav_bg.jpg) repeat-x; background-color: #f2f2f2; height: 52px; width: 240px; padding: 12px;
				border-width: 1px; border-style: solid; border-color: #dddddd; }
	#about_nav a:hover { background: #f2f2f2; }
	#about_nav ul { list-style: none; list-style-type: none; }
			#about_nav .title { font-size: 18px; color: #454545; }
			#about_nav .p { font-size: 12px; color: #b1b1b1; }
	#about_nav li.active { background: transparent url(/img/about_nav_active_arrow.png) no-repeat; padding-left: 41px; height: auto; margin-left: -40px; }
		#about_nav li.active a { background: transparent url(/img/about_nav_active_bg.jpg) repeat-x; background-color: #ab4830; border-width: 1px 1px 1px 0; }
		#about_nav li.active .title { color: #FFFFFF; }
		#about_nav li.active .p { color: #e9b5a9; }
img.tattered { float: right; margin: 20px; border: none; }
/* slider fun! */
.slider { 	width: 400px; height: 33px; background: url(/img/slidedown_bg.png) repeat-x; padding: 0 10px 0 0; margin: 0 0 10px 0; border-width: 1px 0 1px 0; color: #999999;  border-style: solid; }
.slider_content { margin: 0; padding: 10px 0; }
	span.time { float:right; }
.slider a { display: block; width: 384px; height: 17px; text-decoration: none; padding: 8px; }
	.slider a:hover { text-decoration: underline; }
	.slider a.down { background: url(/img/slidedown_down_arrow_red.png) 10px right no-repeat; }
	.slider a.up { background: url(/img/slidedown_up_arrow_green.png) 10px right no-repeat; }
/* footer innerds */
	#footer_container { clear: both; width: 700px; margin: 0 auto; padding: 90px 0 25px 0; }
	#footer ul { list-style: none; list-style-type: none; float: left; padding: 0 20px; border-right: 2px dotted #cbcaca; height: 150px; width: auto; }
		#footer ul li { display: block; }
		#footer h2 { font-size: 12px; }
		#footer ul li a, #footer h2 { color: white; text-decoration: none; } #footer ul li a:hover { text-decoration: underline; }
	#footer p { margin-top: 15px; }
/* misc */
.cnt_img { padding: 5px; margin: 0 10px; border: 1px solid #CCCCCC; background: #FFFFFF; }
.to_top { color: #FFFFFF; font-size: 13px; background: url(/img/to_top.png) no-repeat; width: 155px; height: 35px; display: block; padding: 8px 0 0 43px;
			clear: left; text-decoration: none; font-weight: bold; margin: 0 0 10px 0; }
ul.norm li { color: #434343; margin-left: 25px; }
ul.site_map { list-style: none; list-style-type: none; float: left; margin: 15px; }
	ul.site_map li { border-bottom: 1px solid #CCCCCC;  }
	ul.site_map li a { text-decoration: none; color: #434343; display: block; padding: 5px; width: 175px; }
		ul.site_map li a:hover { text-decoration: underline; color: #000000; }
	ul.site_map li h3 { color: #000000; }

/* pagination */
div.pagination { width: 100%; height: 30px; margin: 15px 0; }
	div.pagination ul { list-style: none; list-style-type: none; }
		div.pagination ul li { display: inline; margin: 2px; }
		div.pagination a { color: #669999; text-decoration: none; padding: 3px 5px 3px 5px; border: 1px solid #CCCCCC; }
		div.pagination a:hover { border-color: #669999; color: #3b3b3b; }
		div.pagination a.active { background: #669999; color: #FFFFFF; }
		div.pagination .inactive { padding: 3px 5px 3px 5px; border: 1px solid #d3d3d3; color: #CCCCCC; }
div.photo_nav { padding: 15px 0 15px 0; }
	div.photo_nav ul { list-style: none; list-style-type: none; margin: 20px 0 0 0;  }
		div.photo_nav ul li { display: inline; margin: 0 0 0 -1px; padding: 0;  }
			div.photo_nav ul li a { padding: 5px 5px 15px 5px; text-decoration: none; border: 1px solid #CCCCCC; background: #FFFFFF; }
				div.photo_nav ul li a:hover { background: #d3d3d3; }
			div.photo_nav ul li a.active { color: #FFFFFF; background: transparent url(/img/photo_nav_active_in.png) bottom center no-repeat; background-color: #a93e25; overflow: visible; }
/* general forms */
/* contact form */
ul.form { list-style: none; list-style-type: none; margin-left: 15px; }
	ul.form li { display: block; clear: left; width: 350px; }
		ul.form li.fooldyou { display: none; }
	ul.form li span label { font-size: 9px; color: #818181; display: block; }
	ul.form li label.description { float: left; clear: left; display: block; width: 100%; color: #000000; font-size: 12px; font-weight: bold; margin-top: 15px; }
		 ul.form li span { float: left; margin-right: 20px; display: block; }
	ul.form input, ul.form textarea {
		border-top: 1px solid #7c7c7c; border-bottom: 1px solid #dddddd; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3;
		font-size: 12px; height: 22px; }
	ul.form textarea { height: 130px; width: 300px; max-height: 130px; max-width: 300px; }
	ul.form .submit { 	background: #a93e25; color: #FFFFFF; padding: 5px; float: left; clear: left; height: auto; margin-top: 15px; margin-bottom: 15px; border: 1px solid #7c7c7c; cursor:pointer; }
/* contact */
/* contact form */
#form_container ul { list-style: none; list-style-type: none; margin-left: 15px; }
	#form_container ul li { display: block; clear: left; width: 350px; }
		#form_container ul li.fooldyou { display: none; }
	#form_container span label { font-size: 9px; color: #818181; display: block; }
	#form_container label.description { float: left; clear: left; display: block; width: 100%; color: #000000; font-size: 12px; font-weight: bold; margin-top: 15px; }
		#form_container ul li span { float: left; margin-right: 20px; display: block; }
	#form_container input, #form_container textarea {
		border-top: 1px solid #7c7c7c; border-bottom: 1px solid #dddddd; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3;
		font-size: 12px; height: 22px; }
	#form_container textarea { height: 130px; width: 300px; max-height: 130px; max-width: 300px; }
	#form_container .submit { 	background: #a93e25; color: #FFFFFF; padding: 5px; float: left; clear: left; height: auto; margin-top: 15px; margin-bottom: 15px; border: 1px solid #7c7c7c; cursor:pointer; }
#callback { display: block; clear: left; margin-left: 15px; }	
	#callback #ajax_reply { display: block; width: 350px; border-color: #cc9999; border-style: dotted; border-width: 2px; padding: 10px; }
		#callback #ajax_reply #close { 	float: right; background: transparent url(/img/cancel.png) right no-repeat; height: 20px; width: 20px;
										text-decoration: none; color:#000000; text-indent: -9999px; }
		#loading_circle { width: 20px; height: 20px; background: transparent url(/img/ajax-loader.gif) center no-repeat; text-indent: -99999px;
							margin-left: 10px; display: none; }
	#contact_extra { float: right; background: url(/img/contact_extra_2.gif) no-repeat;  text-align: center; width: 254px; height: 467px; padding: 40px 0 0 15px; margin-top: -90px; }
	#contact_extra ul { list-style: none; list-style-type: none; float: none; margin: 30px 0 15px 0;    }
	#contact_extra ul li { margin: 0 0 3px 0; padding: 0; width: 215px; color: #000000; }
		#contact_extra ul li a { color: #000000; }
			#contact_extra ul li a:hover { text-decoration: none; }
	#contact_extra ul li h3 { color: #a93e25; }
	#bug_extra { float: right; width: 300px; height: auto; padding: 40px 0; margin: -50px 20px 0 0; }
/* map  */
#map { width: 386px; height: 701px; background: url(/img/map_02.jpg) center no-repeat; float: left; margin: 0; }
.map_extras { float:right; width: 290px; }

/* sea lion challenge!!!! */
/* nums */
.challenge_holder { margin-left: 15px; }
#challenge_nums { background: url(/img/slc_ul_bg.png) 0 8px repeat-x; width: 345px; height: 25px; }
	#challenge_nums ul { list-style: none; list-style-type: none; height: 30px; float: left; }
		#challenge_nums li { float: left; display: block; width: 21px; height: 21px; margin-right: 15px; background: url(/img/slc_dot_gray.png) no-repeat; text-align: center; padding-top: 1px; font-size: 10px; color: #FFFFFF; }
		#challenge_nums li.active { background: url(/img/slc_dot_green.png) no-repeat; color: #76fd60; }
	.challenge { background: white; height: 150px; width: 300px; padding: 20px 20px 30px 20px; border: 1px solid #CCCCCC; float: right; margin-bottom: 40px; }
	.challenge form input.in_chal { font-size: 18px; height: 30px; }
	#challenge_description { width: 300px; float: left; }
#challenge_left { width: 390px; float: left; }
	.pass_or_fail { height: 85px; width: 390px; }
	#failed { height: 85px; width: 390px; background: url(/img/slc_failed_bg.png) repeat-x; text-align: center; }
		#failed h2 { color: #FFFFFF; font-size: 34px; padding-top: 30px; }
	#passed { height: 85px; width: 390px; background: url(/img/slc_pass_bg.png) repeat-x; text-align: center; }
		#passed h2 { color: #FFFFFF; font-size: 32px; padding-top: 30px; }
	.challenge_ul { list-style: none; list-style-type: none; margin-bottom: 20px; }
	.challenge_ul li h3 { font-size: 24px; }
	.challenge_ul li { font-size: 14px; border-bottom: 1px solid #CCCCCC; color: #434343; padding: 8px; margin: 10px 0 10px 0; }
	.challenge_ul li span.num { float:right; font-size: 18px; }	
		.ch_red { color: #e24747; }
		.ch_green { color: #84bb3b; }
		.small li { font-size: 10px; margin: 2px 0 2px 0; padding: 3px; }
		.small li h3 { font-size: 18px; }
#challenge_right { width: 235px; float: right; }
	#challenge_right .sidebar, .noh_container .sidebar { border: 1px solid #d4d4d4; width: 200px; background: url(/img/slc_sidebar_bg.png) repeat-x; background-color: #f0f0f0; padding: 10px; margin-bottom: 15px; margin-left: 5px; }
		.sidebar ul { list-style: none; list-style-type: none; }
			.sidebar ul li { font-size: 10px; color: #434343; }
			.sidebar ul li h3 { margin-bottom: 20px; font-size: 14px; }
			.sidebar ul li .num { float: right; }
			.sidebar ul li a { color: #434343; text-decoration: underline; }
				#recent_failures a:hover { text-decoration: none; color: #a93e25; }
				#recent_passes a:hover { text-decoration: none; color: #619e57; }
	.take_the_challenge { width: 192px; height: 124px; background: url(/img/slc_take_it.png) no-repeat; }
		.take_the_challenge a { display: block; width: 192px; height: 124px; text-indent: -9999px; }
/* question */
#question { border: 1px solid #d6d7cc; background: url(/img/slc_question_bg.jpg) repeat-x; width: 635px; height: 48px; padding: 15px; margin-top: 20px; }
	#question h3 { float: left; text-indent: -9999px; display: block; width: 57px; height: 39px; margin-right: 10px; }
		#question h3.one { background: url(/img/slc_num_1.png) right no-repeat; }
		#question h3.two { background: url(/img/slc_num_2.png) right no-repeat; }
		#question h3.three { background: url(/img/slc_num_3.png) right no-repeat; }
		#question h3.four { background: url(/img/slc_num_4.png) right no-repeat; }
		#question h3.five { background: url(/img/slc_num_5.png) right no-repeat; }
		#question h3.six { background: url(/img/slc_num_6.png) right no-repeat; }
		#question h3.seven { background: url(/img/slc_num_7.png) right no-repeat; }
		#question h3.eight { background: url(/img/slc_num_8.png) right no-repeat; }
		#question h3.nine { background: url(/img/slc_num_9.png) right no-repeat; }
		#question h3.ten { background: url(/img/slc_num_10.png) right no-repeat; }
	#question span { font-size: 14px; margin: 0 }
#answer { background: url(/img/slc_answer_bg.png) repeat-x; width: 638px; padding: 15px; height: 150px; }
#ul_answers { list-style: none; list-style-type: none; }
	#ul_answers li { padding: 0 20px 0 20px; } 
		#ul_answers li a { display: block; text-decoration: none;  height: 30px; padding: 10px 0 5px 35px; color: #666666; 
							background: transparent url(/img/slc_answers_circle_gray.png) 10px center no-repeat; }
			#ul_answers li a:hover { text-decoration: none; background-color: #ececec; }
		#ul_answers li a.active { border: 1px solid #CCCCCC; color: #000000; background: transparent url(/img/slc_answer_arrow.png) 10px center no-repeat; background-color: white;}
#sendme { display: none; }			
#continue { background: url(/img/slc_answer_sbmt_btn.png) no-repeat; width: 135px; height: 29px; text-align: center; color: #FFFFFF;
			border: none; font-size: 14px; margin: 10px; float: right; cursor:pointer; display: none; }
#start { background: url(/img/slc_answer_sbmt_btn.png) no-repeat; width: 135px; height: 29px; text-align: center; color: #FFFFFF;
			border: none; font-size: 14px; margin: 10px 0; cursor:pointer; display: none;  }
#developed_by { color: #fff; font-size: 10px; float: right; text-decoration: none;  }
	#developed_by:hover { text-decoration: underline; }
	
/* documents */
.document { border-width: 1px 0 1px 0; border-style: solid; border-color: #CCCCCC; padding: 10px; margin-bottom: 10px;}
	
/* social networking */
#facebookHolder { float: left; margin: 10px 0 30px 45px;}
#twitterHolder { float: right; margin: 10px 40px 0 0;}

hr { width: 100%; background-color: #CCCCCC; border: 0; height: 1px; margin: 20px 0 20px 0; }

.hidden { display: none; }

.float_right { float: right; }
.float_left { float: left; }

.clear { clear: both; }
.clear_right { clear: right; }
.clear_left { clear: left; }
.clear_none { clear: none; }

/* facebox */
#facebox .b {
  background:url(/img/b.png);
}

#facebox .tl {
  background:url(/img/tl.png);
}

#facebox .tr {
  background:url(/img/tr.png);
}

#facebox .bl {
  background:url(/img/bl.png);
}

#facebox .br {
  background:url(/img/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}