@import url("framework.css");

/*                        BASE STYLES
**************************************************************/
html.busy, html.busy * { 
	cursor: wait !important;
}
body	{
	background: #000;
	font-family:  'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	color: #bababa;
}
body.js	{
	overflow-x: hidden;
	overflow-y: visible;
}
body.js.rs	{
	overflow: hidden;
}

/*                       GLOBAL STYLES
**************************************************************/

a.button, a.button:visited	{
	width: 12px;
	height: 12px;
	display: block;
}

/*                        PAGE LAYOUT
**************************************************************/

#gallery	{
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	background: url(../images/bg_html.gif) no-repeat center center;
}
#gallery.nobg	{
	background: none;
}
body.js #gallery	{
	visibility: visible;
}
#main	{
	z-index: 5;
	position: relative;
	background: transparent url(../images/bg_main.png);
	margin: -195px 0 0 0;
	padding: 50px;
	position: absolute;
	top: 50%;
	left: 10%;
	height: auto;
}
body.js #main	{
	
}
div.content	{
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0.5;
	cursor: move;
	width: 450px;
/*	height: 335px; */
	overflow: hidden;
	position: absolute;
	padding: 30px 0 30px 0;
	background: url(../images/bg_content.png) repeat 0px 0px;
}
#footer	{
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	position: fixed;
}

/*                          MAIN STYLES
**************************************************************/

#main h1	{
	color: #fff;
	font-size: 3em;
	line-height: 80%;
	margin: 0 0 30px 0;
	text-transform: uppercase;
}
#main h1 a, #main h1 a:visited	{
	color: #fff;
}
#main ul	{
	margin: 0;
	list-style: none;
	padding: 0;
}
#main li	{
	font-size: 1.3em;
	line-height: 80%;
	margin-bottom: 4px;
	letter-spacing: 1px;
}
#main li a, #main li a:visited	{
	color: #ccc;
	display: inline-block;
	padding: 8px 8px 4px 8px;
	text-transform: uppercase;
	background: url(../images/bg_thumbs.png) no-repeat 0px -2000px;
}
#main li a:hover	{
	color: #fff;
	background: url(../images/bg_thumbs.png) repeat-x 0px 0px;
}

/*                        GALLERY STYLES
**************************************************************/

#gallery img	{
	top: 0;
	left: 0;
	display: block;
	position: absolute;
}
body.js #gallery img	{
	top: 50%;
	left: 50%;
	display: block;
	position: absolute;
}

/*                      THUMBNAILS STYLES
**************************************************************/

#thumbs	{
	padding: 24px;
	background: url(../images/bg_thumbs.png) repeat 0px 0px;
}
body.js #thumbs	{
	top: 0;
	left: 0;
	z-index: 5;
	height: 109px;
	position: fixed;
	margin-top: -159px;
}
#thumbs > a, #thumbs > a:visited	{
	float: left;
	margin: 0 25px 25px 0;
}
#thumbs a.button, #thumbs a.button:visited	{
	float: left;
	margin: 44px 0 0 0;
	background: url(../images/bg_buttons.png) no-repeat 0px -400px;
}
#thumbs a.button.right, #thumbs a.button.right:visited	{
	float: right;
	background: url(../images/bg_buttons.png) no-repeat 0px -600px;
}
#thumbs.scrolloff a.button, #thumbs.scrolloff a.button:visited	{
	visibility: hidden;
}
#thumbs img	{
	opacity: 0.6;
	display: block;
	cursor: pointer;
	border: solid 3px #1c1c1c;
}
#thumbs img.act	{
	opacity: 1;
}
#thumbs img:hover	{
	opacity: 1;
}
#display	{
	float: left;
	height: 125px;
	overflow: hidden;
	margin-left: 24px;
	position: relative;
}
#slider	{
	top: 0;
	left: 0;
	height: 125px;
	position: absolute;
}
#slider a, #slider a:visited	{
	float: left;
	display: block;
	margin: 0 12px;
}
#thumbs h2	{
	font-size: 1.2em;
	line-height: 80%;
	text-transform: uppercase;
}
body.js #thumbs h2	{
	left: 50%;
	bottom: 0;
	width: 150px;
	position: absolute;
	margin: 0 0 -38px -75px;
}
#thumbs h2 a, #thumbs h2 a:visited	{
	color: #fff;
	display: block;
	background: url(../images/bg_thumbs.png) repeat 0px 0px;
}
#thumbs h2 span	{
	height: 23px;
	display: block;
	padding: 15px 0 0 15px;
}
body.js #thumbs h2 span	{
	background: url(../images/bg_buttons.png) no-repeat 123px -187px;
}
body.js #thumbs h2 span.on	{
	background: url(../images/bg_buttons.png) no-repeat 123px 13px;
}

/*                        CONTENT STYLES
**************************************************************/

div.content *	{
	cursor: default;
}
body.js div.content	{
	display: none;
}
div.content.collapsed	{
	height: 24px;
}
div.content.active	{
	opacity: 1;
	z-index: 11;
}
div.content div.int	{
	height: 280px;
	padding: 0 30px;
	overflow: hidden;
	position: relative;
}
div.content h2	{
	color: #fff;
	font-size: 3em;
	line-height: 80%;
	margin-bottom: 0;
	text-transform: uppercase;
	padding: 0 30px 25px 30px;
}
div.content a, div.content a:visited	{
	cursor: pointer;
	color: #fff;
}
div.content a:hover	{
	color: #ddd;
}
div.content h2, div.content h2 *	{
	cursor: move;
}
div.content p	{
	padding-right: 30px;
}
ul.action	{
	padding: 0;
	float: right;
	list-style: none;
	margin: 0 30px 0 0;
}
ul.action li	{
	float: left;
	margin-left: 5px;
}
ul.action a, ul.action a:visited	{
	cursor: pointer;
	overflow: hidden;
	text-indent: -9000px;
}
ul.action a.coll, ul.action a.coll:visited	{
	background: url(../images/bg_buttons.png) no-repeat 0px -800px;
}
ul.action a.exp, ul.action a.exp:visited	{
	background: url(../images/bg_buttons.png) no-repeat 0px -1000px;
}
ul.action a.close, ul.action a.close:visited	{
	background: url(../images/bg_buttons.png) no-repeat 0px -1200px;
}
div.scrollbar	{
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 10px;
	height: 295px;
	position: absolute;
	margin: 0 30px 30px 0;
	background: url(../images/bg_scrollbar.png) repeat-y 0px 0px;
}
div.content.collapsed div.scrollbar	{
	visibility: hidden;
}
div.scrollbar a, div.scrollbar a:visited	{
	top: 0;
	left: 0;
	width: 10px;
	height: 100px;
	display: block;
	cursor: default;
	position: absolute;
	background: url(../images/bg_scrollbar_handle.png) repeat-y 0px 0px;
}

p.emp	{
	font-weight: bold;
	margin-top: 10px;
}

.questions {
	margin: 0;
	padding-left: 0;
}
	
	.questions h3 {
		font-weight: normal;
		color: #fff;
		margin-bottom: 0.2em;
		font-size: 1.2em;
		text-transform: uppercase;
	}
	
	.questions p {
		margin-bottom: 2.5em;
	}


table#cform ul	{
	list-style:none outside none;
	font:62.5% Arial,helvetica,sans-serif;
	width: 475px;
	display: inline;
}

table#cform ul li	{
	padding: 2px;
	float: left;
	margin: 0 4px 0 0;
	width: 150px;
}

table#cform ul li input	{
	margin: 0 4px 0 0;
}

table#cform tr.header td	{
	font-weight: normal;
}

table#cform tr.header#times td	{
	margin-top: 6px;
}

table#cform tr.header#days td	{
	margin-top: 6px;
}

div#flash_messages	{
	height: 20px;
}

div.validation_errors	{
	color: #ee4444;
}

div#spacer	{
	height: 50px;
}

p.signature {
	margin: -1em 0 0 0;
	color: #fff;
	font-size: 1.4em;
	font-style: italic;
}

span.signature {
	color: #fff;
	font-size: 1.4em;
	font-style: italic;
}

/*                        FOOTER STYLES
**************************************************************/

#footer p	{
	margin: 0;
	color: #fff;
	padding: 10px;
	font-size: 1.3em;
	line-height: 140%;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
}

	#footer p a, #footer p a:visited	{
		color: #fff;
	}
	
	#footer p small	{
		font-size: 0.9em;
	}