/* 725 Schiefelbein Inc  */

/*content*/
body {
		font:normal 12px/14px Georgia, Times New Roman, serif;
		margin:0;
		padding:0;
		color:#000000;
		scrollbar-3dlight-color:#fff;
		scrollbar-arrow-color:#d47d1e;
		scrollbar-base-color:#800000;
		scrollbar-darkshadow-color:#800000;
		scrollbar-face-color:#FFF5EE;
		scrollbar-highlight-color:#FFE3DF;
		scrollbar-shadow-color:#D9AD80;
		scrollbar-track-color:transparent; 
}
form{
		margin:0;
		padding:0;
}

* html hr { clear:both}
a {	
		color: #66CCFF;
}
A:hover {
    	COLOR: #B05629;
		text-decoration: underline;
}
.content,
#galleryText{
		font: bold 14px/16px Georgia, Times New Roman, serif;
		color: #FFF5EE;
		text-align: justify;
		list-style: inside;
}
.contentHi {
		font: italic 12px/14px Georgia, Times New Roman, serif;
		color: #66CCFF ;
}	
.contentSml {
		font: normal 11px/12px Georgia, Times New Roman, serif;
		color: #66CCFF ;
		text-align: left;
}	
.contentHiSml {
		font: normal 11px/12px Georgia, Times New Roman, serif;
 		color: #F9E8D2;
		text-align: left;
}	
.titleLrg{
		font: bold 21px/23px Georgia, Times New Roman, serif;
		color: #FFffCC;
		letter-spacing:1px;
		padding: 0 0 2px 0;
		margin: 0 0px 10px 0px;
		text-transform:lowercase;
		border-bottom: 1px dotted #fff;
}
table{
 width:98%;
}
td.content{
    text-align: left;
}
table .titleLrg {
		border: 0;
		text-transform:none;
		font: bold 17px/19px Georgia, Times New Roman, serif;
		color: #F9E8D2;
}
.titleSml{
		font: bold 15px/17px Georgia, Times New Roman, serif;
		color: #FFffCC; 
}
.titleSml a{
		color: #F9E8D2;
		text-decoration: none;
}
.titleSml a:hover{
		color: #000000;
		text-decoration: underline;
}


/* page positioning */
#wrapper, #header, #nav, #sidebar, #main, #footer{
		border:0px solid #000;/*for testing*/
} 
/* for 100% height - also set the containing div to 100% height*/
html,body {
		height: 100%;
} 

.bg {
		margin: 0 0 0 0;
		/*background-color: #d9c5a5;		
		background-attachment: scroll;
		background-image:  url(images/repeating/bgRepeat_1.jpg);
		background-repeat: repeat-x;
		background-position: left top;*/
}
#outerWrapper {
		margin: 0 auto 0 auto;
		height: 615px;
		position: relative;
}

/*#outerWrapper2 {
		margin: 0 auto 0 auto;
		min-height: 100%;
		height: 100%;
		background: url(images/rotating/1.jpg) no-repeat scroll left 94px;
}*/
* html #outerWrapper { height:100% }
#wrapper {
	position: left;
	right:100px;
	clear: both;
	height: 610px;
	width: 900px;
	margin:0 0 0 0;
	padding-bottom: 0px;
}
#header {
	width: 900px;
	height: 82px;
	margin:0 0 0px 0;
	padding:0px;
	vertical-align:bottom;
}
#logo {
	width: 320px;
	height: 135px;
	position:absolute;
	left:0;
	background: url(gifs/SI_Logo.jpg) no-repeat scroll left top;
}
#nav {
		width: 600px;
		height: 20px;
		margin: 0px 0 0 auto;
		padding: 9px 0 0 0;
		z-index:3;
		display:block;
}
#sticky {
		width: 585px;
		height: 20px;
		margin: 0 0 0 auto;
		padding:0 0 0 0;
		display:block;
}
#sidebar {
		float: right;
		width: 200px;
		padding: 0 0 0 0;
		margin: 310px 220px 0 0;
		display:inline;
}
div[id=main]#sidebar { height: auto;}/*For IE to set auto height*/
#main {
		float:right;
		height: 444px;
		width: 425px;
		padding: 5px 10px 0px 5px;
		margin: 6px 0px 6px 0px;
		display:inline;
		background-attachment: scroll;
		background-image: url;
		background-repeat: no-repeat;
		[overflow-y:scroll;
		overflow:auto;
		]overflow-y: auto;
		overflow-x: hidden;

}

#bannerBottom {
		display:block;
        width: 860px;
        height: 52px;
        margin:0px 0 2px auto;
        padding: 0 0px 10px 0px;
        text-align: center;

}


#footer {
		clear: both;
		width: 890px;
		height: 60px;
		padding: 0px 0px 5px 0px;
		margin: 0px 10px 0px auto;
		font: normal 10px/13px Georgia, Times New Roman, serif;
		color: #F9E8D2;
		text-align: right;
}
#footer a {
		color: #F9E8D2;
}
#footer a:hover {
		color: #883B26;
}
scrollbar {

}
.cleaner {
		clear:both;
		height:1px;
		margin: -1px 0 0 0;
		padding:0;
		border:none;
		visibility: hidden;
		font: 1px/1px serif;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*images, banners, etc. */
.picRight {
		float: right;
		margin: 1px 1px 1px 6px;
}
.picLeft {
		float: left;
		margin: 1px 6px 1px 1px;
}
.picRightBrd {
		float: right;
		margin: 1px 1px 1px 6px;
		border: 1px solid #C9B18B;
}
.picLeftBrd {
		float: left;
		margin: 1px 6px 1px 1px;
		border: 1px solid #C9B18B;
}

.iconImg{
		margin: 2px 8px 6px 0px;
		border:0px;
		border: 1px solid #B36B4D;
		cursor:pointer;
		padding:0;
}
.optionBox {/*used in gallery select */
		font: normal 11px/12px  Georgia, Times New Roman, serif;
		color: #000000;
		background-color: #ddd;
}
.banner {
		margin: 0 0px 0px 20px;
		border:none;
}
#bannerbottom.banner {
		margin: 0 20px 0 0;
}
/*begin lists - vnav, subnav, albums, sml */
#albums,
#calendarSml,#calendarSml1,#calendarSml2, /* 1=Current Presales, 2=Upcoming Presales for Calendar v2 */ 
#newsSml,
#blogNav,
#stickyNav,
#vNav { /* sets list style to none */
		list-style-type: none;
		margin:0px;
}
#albumsBox ul,
#calendarSmlBox ul,
#newsSmlBox ul,
#blogBox ul,
#stickyBox ul, 
#vNavBox ul{/*for mozilla positioning */
		padding-left: 0; 
		margin-bottom: 0px; 
		list-style-type: none;
}
/*album display */

#albumsBox{ /*controls number of albumSm columns*/

	padding:0px;
	border-bottom: 1px dotted #DBAC7E;
	height: 56px;
    margin:0 0 10px 0;
}
#albumsBox p, #albumsBox span { /*album titles */
	display:none;
}
#albumsBox img {
	width: 39px;
	height: 39px
	margin:0px;
}
#albums li{ /*set float left to have multiple columns */
	float:left;
	padding:0;
	margin:0px;

}

#albums a img{
	border: 1px solid #A69A95;
	margin:1px 2px 1px 2px;

}

#albums a:hover img{
border: 2px solid #000; 
	margin:0px 1px 0 1px;

}
/* Chump Navigation */
#vNavBox{
		font:bold 15px/18px Georgia, Times New Roman, serif;
		width: 553px;
		margin:0px 0px 0px auto;
		padding: 0px 0 0 0px;
		text-align: left;
		height: 20px;
}
#vNav a{ 
		display: inline; 
		text-align: left;
		color: #66CCFF  ; 
		text-decoration: none; 
		padding: 2px 10px 0px 10px;
		text-transform:lowercase;
		letter-spacing:1px;
        float: left;
}
#vNav a:hover{
	color: #FFffCC;#A34A3A;
	padding: 0px 10px 2px 10px;
	background: no-repeat scroll left top;
}
/*for horizontal navigation*/
#vNav li, #stickyNav li {   
		display: inline;
}

/* Sticky Nav and Blog Nav */
#blogBox{
		display:none;
}
#stickyBox{
		font:bold 10px/12px Georgia, Times New Roman, serif;
		text-align:left;
		width: 520px;
		height: 20px;
		margin: 0 0 0 auto;
		padding:0 0 0 0;
}
#blogBox a,
#stickyNav a{ 
	display: block; 
	padding: 2px;  
	color: #cd9965; 
	text-decoration: none; 
	margin:3px 6px 0 ;
	float: left;
}
#blogBox a:hover,
#stickyNav a:hover{
	color: #B36B4D;
}

/*calendar Sml, news smls, albums sml */
#loginBox img,
h3 span{ /*albumssm, newssm, calendar sm, basket, login text header */
	display:block;
	font:bold 16px/18px Georgia, Times New Roman, serif;
	color: #FFF;
	padding: 0 0 0 0;
	margin: 0 0 0 8px;
color: #672c19;
text-transform: lowercase;

}
#basketBox h3 ,
#basketBox h3 span{
/*overides 'h3 span' for sml basket - only neede if 'h3 span' set to none*/
	display:block;
	font:bold 14px/18px Georgia, Times New Roman, serif;
	margin:0px;
        
}


#calendarSmlBox,
#newsSmlBox{
	font:normal 10px/13px Georgia, Times New Roman, serif;
	margin:0px 0px 0px 0px;
	text-align:left;
	padding:0;
	color:#64280b;
	width: 190px;
	background-color: #e0d0c2;
	border:1px solid #fff;
	opacity: .80;
	filter: alpha(opacity=80);
}

#loginBox {
	font:normal 10px/11px Georgia, Times New Roman, serif;
	margin:0px 4px 4px auto;
	text-align:right;
	padding: 8px;
	color:#A37950;
}
#logoutBox {
	font:bold 24px/26px Georgia, Times New Roman, serif;
	margin:0px 4px 4px auto;
	text-align:center;
	padding: 8px;
	color:#66CCFF  ;#A37950;
    width: 450px;
	height: 12px;	
}
#loginBox a,
#logoutBox a {
	color: #a37950;
}
#loginBox a:hover,
#logoutBox a:hover {
	color: #77380B;
}


#loginBox{
	text-align:right;
}
#loginBox strong{
	font:bold 11px/13px Georgia, Times New Roman, serif;
	letter-spacing:1px;
}
#loginBox .formInput{
	font:normal 10px/13px Georgia, Times New Roman, serif;
	width:100px;
}
#logoutBox ul{
	list-style: square inside;	
	margin:0px auto 0px auto;
	padding:0px;
}


#calendarSmlBox p,
#newsSmlBox p{ /* dates */
	font:normal 11px/12px Georgia, Times New Roman, serif;
	display: inline;
	color:#000;
	margin:0 4px 0 0px;
	padding: 0 4px 0 4px;

}



#calendarSmlBox a,
#newsSml a{ 
	padding: 3px 4px 3px 4px; 
	margin: 0 4px 4px 4px;
	display: block;
	color: #d23e0e; 
	text-decoration: none;
border-bottom: 1px dotted #fff;
}
#calendarSmlBox a:hover,
#newsSml a:hover{
	color: #fff;
 	background-color: #E49884;	

}
#calendarSmlBox h3, /* calendarSm header */
#newsSmlBox h3{ /* newsSm header */
	font: normal 10px/11px "Verdana", sans-serif;
	color:#8d1e1e;
        display: block;
	margin:2px 0 3px 0;
        letter-spacing:1px;
}

#calendarSmlBox h6{/*Current Presales, Upcoming Presales headesr Calendar v2*/
	margin:0px;
	color:#ab3b45;
	letter-spacing:1px;
        display:none;
}
#calendarSmlBox h5,
#calendarSmlBox h5 a{/*more dates*/
	color:#8d1e1e;
	letter-spacing:1px;
	text-align:right;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	border:0px;
	font: normal 10px/11px Verdana, Arial, Helvetica, sans-serif;
}

/* calendar and checkout*/
.calendarBox,
.checkoutBox {
	color: #000000;
	width: 99%;
	margin: 0px;
	padding: 0px;
}
table.checkoutBox{
   border-top:1px dotted #D9AD80;
   text-align:left;
}
.checkoutOdd,
.calendarOdd{
	font: normal 10px/11px Georgia, Times New Roman, serif;
	color: #000;
	background-color: #F9EADB;
	padding:3px;
}
.checkoutEven,
.calendarEven{
	font: normal 10px/11px Georgia, Times New Roman, serif;
	color: #000;
	background-color: #EBD2BA;
	padding:3px;
}
.calendarHdr,
.checkoutHdr{
	font: bold 12px/14px Georgia, Times New Roman, serif;
	color: #fff;
	background-color: #472019;
	padding:0 2px 2px 2px;
	text-align:center;
}


/*-----------------------------------------------------------------------------------------------------
Thumbnail
-------------------------------------------------------------------------------------------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 2px solid maroon;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -600px; /*position where enlarged image should offset horizontally */

}