/*
	 JQuery FAQ
	 by Chris Coyier
	 http://css-tricks.com
*/

*					{ margin: 0; padding: 0; }
html                { overflow-y: scroll; }
body				{ font: 18px Georgia, serif; }

#page-wrap			{ width: 850px; margin: 20px auto; }

dl					{ clear: both; margin: 0 0 20px 0; }

dt					{ border: 1px solid #101746; padding: 10px; background: white; 
					  position: relative; }
					
dd.answer			{ background: white; 
					  position: relative; width: 90%; margin: 0 auto; }
dd.answer div		{ padding: 10px; border-left: 8px solid #dedede;
border-right: 8px solid #dedede; border-bottom: 8px solid #dedede; }
dd.answer-tab-wrap	{ margin: 0 30px 0 0; }

.answer-tab		    { background: url(images/answer-tag.png); display: block; margin: 0 0 20px 0;
                      text-indent: -9999px; width: 105px; height: 50px; float: right; }
					  * { margin: 0; padding: 0; }

body { font: 62.5% "Gill Sans", Georgia, sans-serif; background: url(images/body-bg.jpg) top center repeat-x white; }

p { font-size: 1.2em; line-height: 1.2em; }
a { outline: none; color: red;}
	a:hover { color: black; } 
a img { border: none; }
h1 { color: black; font-size: 3.0em; }
h3 { font-size: 2.0em; margin-bottom: 5px;}
.clear { clear: both; }

#page-wrap {
	margin: 20px;
	padding: 10px;
}

a.close {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: block;
	width: 20px;
	height: 21px;
	background: url(images/close_button.jpg);
	text-indent: -9999px;
}

.photo_slider_img {
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
	overflow: hidden;
}

td {
	vertical-align: top;
}

.photo_slider {
	position: relative;
	width: 100px;
	height: 130px;
	padding: 10px;
	border: 1px solid black;
	overflow: hidden;
	margin: 25px 10px 10px 10px;
	background: white;
	float: left;
}

.info_area {
	display:none;
}

.more_info {
	display: block;
	width: 89px;
	height: 26px;
	background: url(images/moreinfo.jpg);
	text-indent: -9999px;
	cursor: pointer;
}