/*layout modifications*/
#bdy_wrapper				{background:url('../../../Site/graphics/component_bg_parallax_slider.jpg') repeat-x center top; }
#text_logo					{z-index:999; }
#logo_tagline				{z-index:999; }
#graphic_logo				{z-index:999;}
#seo_1						{z-index:999; }
#seo_2						{z-index:999; }


/* CHANGE HEADER HEIGHT */

/* postion the Parallax Container and Sliding Backgrounds = top:0px; if at very top of page, if not, setting position here */
#parallax_container			{position:absolute; top:182px; left:0px;}

/* position the portfolio image frame within the sliding background here */
ul.parallax_slider li img	{margin:0px auto 0px auto;}

/* position the thumbs here */
ul.parallax_thumbnails		{top:295px;}

/* position the back and next buttons here */
.parallax_navigation span	{top:130px;}

/* add padding to position the Portfolio image within the image frame */
ul.parallax_slider li img	{padding:0px 0px 0px 0px;}

/* set the transparent image frame border here */
ul.parallax_slider li img	{display:block;border: 8px solid transparent;}


/*OUTER CONTAINER POSITION*/
#parallax_container{
	padding:0px; 
	margin:0px; 
	border:0px; 
	height:500px; 
	width:100%;
}

/*INNER CONTAINER WIDTH/HEIGHT*/
.parallax_container{
	width:100%;
	height:450px;
	position:relative;
	overflow:hidden;
}

/*DEFAULT BACKGROUND POSITION AND HEIGHT*/
.parallax_bg div{
	position:absolute;
	top:0px;
	left:0px;
	width:7584px; /*1264px window width times number of images*/
	height:450px;
	background-repeat:repeat;
	background-position:top left;
	background-color:transparent;
}

/*BACKGROUND 1*/
.parallax_bg .parallax_bg1{
	background-image:url('../../../Site/graphics/parallax-bg1.png');
	/*left negative 1/8 of ww*/
}

/*BACKGROUND 2*/
.parallax_bg .parallax_bg2{
	background-image:url('../../../Site/graphics/parallax-bg2.png');
	/*left negative 1/4 of ww*/
}

/*BACKGROUND 3*/
.parallax_bg .parallax_bg3{
	background-image:url('../../../Site/graphics/parallax-bg3.png');
	/*left negative 1/2 of ww*/
}

.parallax_slider_wrapper{
	display:none;
}

.parallax_container ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

/*HEIGHT*/
ul.parallax_slider{
	position:absolute;
	left:0px;
	top:0px;
	height:450px;
}

/*HEIGHT*/
ul.parallax_slider li{
	height:450px;
	float:left;
	position:relative;
}


/*IMAGE FRAME*/
ul.parallax_slider li img{
	background:url('../../../Site/graphics/parallax_slider_frame.png') center center no-repeat; 
}

/*THUMB SIZE AND POSITION*/
ul.parallax_thumbnails{
	height:35px;
	position:absolute;
	left:50%;
}

/*THUMB SIZE AND POSITION*/
ul.parallax_thumbnails li{
	position:absolute;
	display:block;
	height:43px;
	width:100px;

}

/*THUMB SIZE AND POSITION AND BACKGROUND*/
ul.parallax_thumbnails li img{
	cursor:pointer;
	display:block;
	opacity:0.7;
	height:43px;
	width:100px;
	background:url('../../../Site/graphics/parallax_slider_thm.png') center center no-repeat; 
	padding:10px;

}

ul.parallax_thumbnails li.selected img{
	opacity:1.0;
}

.parallax_navigation span{
	position:absolute;
	width:30px;
	height:60px;
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
	opacity:0.6;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
}

.parallax_navigation span:hover{
	opacity:0.9;
}

.parallax_navigation span.parallax_prev{
	background:#000 url(../images/prev.png) no-repeat center center;
}

.parallax_navigation span.parallax_next{
	background:#000 url(../images/next.png) no-repeat center center;
}

.parallax_loading{
	color:#fff;
	font-size:20px;
	padding:15px 15px 15px 50px;
	position:absolute;
	background:#333 url(../images/ajax-loader.gif) no-repeat 10px 50%;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	opacity:0.7;
	width:180px;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-90px;
}