/*=====================================
      WELCOME TO THE STYLESHEET - HELVETICA NEUE 55 ROMAN
 =====================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|

	- orange			#F99B1D
	
\**************************************/

/**************************************/
/*              GLOBALS               */
/**************************************/
body
{
	background: url(/assets/visual/structure/body-repeat.jpg) top left repeat;
	text-align: center;
}
.site-wrapper
{
	position: relative;
	width: 972px;
	height: 768px;
	margin: 0 auto;
	border: 1px solid #999999;
	border-width: 0px 1px;
	background: url(/assets/visual/structure/site.jpg) top left no-repeat;
	text-align: left;
}
#page-image, #main, #nav { margin-left: 61px; }
#main { height: 335px; }
#page-image 
{ 
	position: relative;
	height: 239px;
	text-align: center;
}
#logo-flash { position: absolute; bottom: 40px; left: 10px; }
/**************************************/
/*              HEADER                */
/**************************************/
#top 
{ 
	overflow: auto;
	width: 100%;
	margin-bottom: 2px;
}
#top a { float: right; margin: 12px 44px 0px; }

#nav  { height: 69px; }
#nav ul 
{ 
	overflow: auto; 
	margin: 13px 0px 0px 8px; 
	list-style-type: none; 
}
#nav ul li 
{ 
	float: left; 
	margin-right: 3px;	
	background: url(/assets/visual/structure/nav-item.png) top left no-repeat;
}
#nav ul li:hover { background-position: 0px -49px; }
#nav ul li a 
{ 
	display: block; 
	width: 125px;
	height: 49px;	
	font-size: 1.2em;
	text-align: center;
	line-height: 46px;
	color: #FFFFFF;
}
#nav ul li a.replaced { height: auto; padding: 17px 0px; }
#nav ul li a.replaced img 
{ 
	position: relative;
	left: 3px;
	margin: 0 auto; 
}
#nav ul li.active a { color: #6F6F6F; }
#nav ul li a:hover { color: #FF0000; }
/**************************************/
/*          SIDE NAVIGATION			  */
/**************************************/
#main .side
{
	float: right;
	width: 262px;
}
#main .side .inner div.buttons, #main .side .inner div.flash
{
	text-align: center;
}
#main .side .inner div.flash a img { width: 212px; margin: 0 auto; }
#main .side .inner a.button
{ 
	display: block; 
	width: 213px;
	margin: 0px auto;
}
#main .side .inner a.button:hover
{
	background: url(/assets/visual/button-underlay.png) 0px 0px no-repeat;
}
/**************************************/
/*            INDEX PAGE	          */
/**************************************/


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#main .content 
{ 
	float: left; 
	width: 608px;
}
#main .content .inner 
{ 
	overflow: auto;
	height: 265px;
	margin: 20px 0px 0px 35px; 
}
/**************************************/
/*               FOOTER               */
/**************************************/
#footer 
{ 
	position: relative;
	text-align: center;
	font-size: 0.9em; 
	color: #4F4F4F;
}
#footer div { position: absolute; top: 0px; line-height: normal; }
#footer div.copyright { left: 25px; }
#footer div.links { right: 20px; }
#footer div.links a 
{ 
	padding: 0px 3px; 
	color: #909090; 
}
#footer div.links a#skylightmedia { color: #4F4F4F; }


/**************************************/
/*             SCROLL PANE            */
/**************************************/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin: 25px 40px;
}
#main .content .jScrollPaneContainer .inner { margin: 0px; }
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #3B3B3B;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(/assets/visual/structure/pane-drag-bg-repeat.gif) top left repeat-y;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 4px;
	background: url(/assets/visual/structure/pane-drag-bg.gif) top left no-repeat;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	height: 4px;
	background: url(/assets/visual/structure/pane-drag-bg.gif) 0px -3px no-repeat;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/assets/visual/structure/pane-bg-top.gif) top left no-repeat;
	height: 2px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/assets/visual/structure/pane-bg-bottom.gif) top left no-repeat;
	height: 2px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}