/* Reset styles
*******************************/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,li,ol,
a,em,strong,fieldset,form,label {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style: none;
}
:focus {outline: 0;}
img {vertical-align:middle; outline:0; border:0;}
/* Body & forms
*******************************/
body{
	z-index:12;
    background: url(_files/img/bodybg.jpg) repeat;
}

/* Header elements
*******************************/
h2,
h3,
h4,
h5,
h6 {
    color:;
    font:;
}

h2 {
    font-size:;
}
h3 {}
h4 {
    font-size:1.17em;
}
h5 {
    font-size:;
    font-style:;
}
h6 {}



/* Text elements
*******************************/
p               {margin: 0 0 0 0; text-align: left; line-height:1.6;}
p.last          {margin-bottom:0;}
/*ul, ol          {margin: 0 0 1em 2em; text-align: left; line-height:1.6;}*/
strong      	{font-weight: bold;}
em          	{font-style: italic;}
ins             {text-decoration:none;}
del             {text-decoration:line-through;}

/*.alignleft {
    float:left;
}
.alignright {
    float:right;
}*/

/* Links
*******************************/
a:link,
a:visited,
a:hover{    
	color:#71583d;
    text-decoration: none;
}
a:active{
    color:#71583d;
    text-decoration: none;
}
a:visited {}
a:hover {    
	color:#b22026;
    text-decoration: none;
}

@font-face {
    font-family: 'Museo100';
    src: url('_files/fonts/museo100-regular-webfont.eot');
    src: url('_files/fonts/museo100-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_files/fonts/museo100-regular-webfont.woff') format('woff'),
         url('_files/fonts/museo100-regular-webfont.ttf') format('truetype'),
         url('_files/fonts/museo100-regular-webfont.svg#Museo100') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo300';
    src: url('_files/fonts/museo300-regular-webfont.eot');
    src: url('_files/fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_files/fonts/museo300-regular-webfont.woff') format('woff'),
         url('_files/fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('_files/fonts/museo300-regular-webfont.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo500';
    src: url('_files/fonts/museo500-regular-webfont.eot');
    src: url('_files/fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_files/fonts/museo500-regular-webfont.woff') format('woff'),
         url('_files/fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('_files/fonts/museo500-regular-webfont.svg#Museo500') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Museo700';
    src: url('_files/fonts/museo700-regular-webfont.eot');
    src: url('_files/fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_files/fonts/museo700-regular-webfont.woff') format('woff'),
         url('_files/fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('_files/fonts/museo700-regular-webfont.svg#Museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}

#wrapper {
	/*	background:url(_files/images/wrapperbg2.png) 0 0 repeat-y;*/
    width:1010px;
	margin: 0 auto 0;
	position:relative;
	z-index:100;
}



/* Header
*******************************/

#header {
    background: url(_files/img/headerbg.png) 50% 0 no-repeat;
    height: 215px;
    margin: 0 auto;
    position: relative;
    width: 1010px;
}

#header h1 {
	text-indent:-3333px;
	height:0;
}

#logo {
	display: block;
	height: 85px;
	width: 365px;
	margin:65px auto 65px ;
}

#logo a {
    display: block;
    width: 365px;	
    height: 85px;
    margin: 40px auto 0;

}
/*
#logo object {
    display: block;
    margin: 68px auto 0;
    width: 394px;
}*/


/*  SJPSlideshow
********************************/

#sjpslideshow {
  background:url(_files/img/sjpslideshowbg.png) 50% 0 no-repeat;
  display: block;
  height: 751px;
  position: relative;
  width: 1010px;
  margin: 0 auto ;
}

#slideshow-window .wrap {
    width: 900px;	
    height: 691px;
    overflow: hidden;
	margin:0 auto;
	padding:40px 0 0;
}

#slideshow-names {
	font-family: 'Museo700';
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #71583d;
	font-size: x-large;
}

#slideshow-info {
	font-family: 'Museo500';
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #71583d;
	font-size: large;
}
#slideshow-smlinks {
	font-family: 'Museo300';
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #71583d;
	font-size: medium;
}
#slideshow-fblike {
	font-family: 'Museo300';
	font-weight: normal;
	font-style: normal;
	text-align: left;
	color: #71583d;
	font-size: large;
	margin-left:100px;
}

#slideshow-footer {
	background: url(_files/img/footersimple.png) 50% 0 no-repeat;
    height: 133px;
    margin: 0 auto;
    position: relative;
    width: 1010px;
}

#slideshow-footertext {
	font-family: 'Museo300';
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #71583d;
	font-size: medium;
	margin:0 auto;
}

/*  Soundslides
********************************/

#container{
	position:relative;
}

#container2{
	position:relative;
}

#background {
	position:absolute;
}

#lowerthirds {
	position:absolute;
	color:white;
	z-index:400;
	margin-top: 0px;
	margin-left: 18px;
}

#slide_area {
	position:absolute;
}

/* -----------------------------------------------------------------
Controls
----------------------------------------------------------------- */


#controls{
	position:absolute;
}

/* -----------------------------------------------------------------
Controls (regular)
----------------------------------------------------------------- */

#controls div {
	margin: 2px;
	color: grey;
	font-family:Arial;
	font-size:11px;
}

#controls #controls_left {
	position:absolute;
	top:0px;
	left:3px;
}

#controls #controls_right {
	position:absolute;
	top:0px;
	right:3px;
}

#controls a {
	color:white;
	text-decoration:none;
}

#counter {
	color:white;
	font-family: Helvetica Neue, Arial;
}

/* -----------------------------------------------------------------
Controls  iDevices class
----------------------------------------------------------------- */

.iDevices #controls div {
	margin: 0px;
	font-family: Helvetica;
	font-size:16px;
}
.iDevices #controls #controls_left {
	position:absolute;
	top:0px;
	left:0px;
}

.iDevices #nav {
	width: 550px;
	height: 50px;
	position: relative;
	margin: 0;
	padding: 0;
}

.iDevices #nav li{
	list-style-type: none;
	position: absolute;
}


.iDevices #nav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 50px;
	background: url(buttons.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.iDevices li#play a {
	left: 0;
	width: 116px;
	background-position: 0 0;

}

.iDevices li#stop a {
	left: 0px;
	width: 58px;
	background-position: -250px 0;
	display: none;
}

.iDevices li#resume a {
	left: 59px;
	width: 57px;
	background-position: -318px 0;
	display: none;
}

.iDevices li#pause a {
	left: 59px;
	width: 57px;
	background-position: -379px 0;
	display: none;
}


.iDevices li#back a {
	left: 117px;
	width: 61px;
	background-position: -190px 0;
}

.iDevices li#next a {
	left: 179px;
	width: 61px;
	background-position: -126px 0;
}

.iDevices li#caption a {
	width: 125px;
	height: 32px; 
	text-indent: 0px;
	text-align: center;
	padding-top: 18px;
	background-position: 0 -100px;
	color: #666666;
}

.iDevices li#credits a {
	width: 125px;
	height: 32px;
	text-indent: 0px;
	text-align: center;
	padding-top: 18px;
	background-position: 0 -100px;
	color: #666666;
}

.iDevices li#counter {
	left: 250px;
	top:14px;
	color: #666666;
}

/* -----------------------------------------------------------------
----------------------------------------------------------------- */




.slide {
	position:absolute;
}

.slide .caption{
	position:absolute;
	bottom: 0px;
	left: 0;
	text-align: left;
	overflow:hidden;
}

.slide .credit{
	position:absolute;
	bottom: 0px;
	left: 0;
	text-align: left;
	overflow:hidden;
}


.slide img{
	position:absolute;
	top: 0;
	left: 0;
}