/*----------------------------------------
      BEGIN RESET
-----------------------------------------*/

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
	color: #ff0;
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


/*----------------------------------------
      BODY SETTINGS
-----------------------------------------*/

body{
	text-align: center;
  	background-color: #000;
}


/*----------------------------------------
      WRAPPER SETTINGS
-----------------------------------------*/
#mainwrapper {
	margin: 4px auto;
	width: 960px;
}


/*----------------------------------------
      COLUMN SETTINGS
-----------------------------------------*/

#banner {
	width: 960px;
	height: 120px;
	background-image: url('../images/joescrabshack/joescrabshack.png');
	margin: 4px 0;
	display: block;
	text-indent:-9999px;
}

#logo {
	width: 960px;
	height: 292px;
	background-image: url('../images/miscellaneous/stockwoodgenuine.png');
	margin: 4px 0;
	display: block;
	text-indent:-9999px;
}

#col_left {
	clear:both;
	float: left;
	width: 190px;
}

#column_middle {
	float: left;
	padding: 0 0 0 14px;
	width: 625px;
}

#column_middle_planning_calendar {
	margin: 0 auto;
	padding: 0 0 140px 0;
	width: 825px;
}

#col_right_home {
	position: relative;
	float: left;
	display: inline;
	width: 131px;
}

#col_right {
	position: relative;
	float: left;
	display: inline;
	width: 131px;
	margin-top: 40px;
	_height: 700px;
}


/*----------------------------------------
      MENU PAGE SETTINGS
-----------------------------------------*/

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

#ddblueblockmenu{
	float: left;
	border-bottom-width: 0;
	width: 185px;
}

#ddblueblockmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: normal 90% Verdana, Arial, Helvetica, sans-serif;
}

#ddblueblockmenu li a {
	display: block;
	padding: 10px 0;
	padding-left: 9px;
	width: 169px; /*185px minus all left/right paddings and margins*/
	text-decoration: none;
	color: #000;
	font-weight: bold;
	background-color: #fff;
/*	border-top: 1px solid #0320a0;
	border-bottom: 1px solid #0320a0;*/
	border-left: 7px solid #fff;
	outline: 0;
}

* html #ddblueblockmenu li a{ /*IE only */
	width: 187px; /*IE 5*/
	width: 185px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
	background-color: #000;
	border-left-color: #f00;
	font-style: italic;
	font-weight: 700;
	color: #ff0;
/*	text-align:center;*/
}

#menutop {
	width: 185px;
	height: 117px;
	margin: 0px 0 3px 0;
}

#slideshow-container {
	width: 185px;
	height: 117px;
	margin-top: 40px;
	position: relative;
}

#slideshow-container img {
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 1; 
}

/*----------------------------------------
      SOCIAL MEDIA SETTINGS
-----------------------------------------*/

.firstsocialicon {
	clear: both;
	display: inline;
	float: left;
	position: relative;
	width: 20%;
	padding-top: 10px;
/*	padding-right: 12px;
	_padding-right: 6px;
	_padding-left: 4px;
*/
	_z-index: 500;
}

.socialicon {
	display: inline;
	float: left;
	position: relative;
	width: 20%;
	padding-top: 10px;
/*	padding-right: 12px;
	_padding-right: 6px;
	_padding-left: 4px;
*/
	_z-index: 500;
}

.lastsocialicon {
	display: inline;
	float: left;
	position: relative;
	width: 20%;
	padding-top: 10px;
/*	padding-right: 12px;
	_padding-right: 6px;
	_padding-left: 4px;
*/
	_z-index: 500;
}

    /*----------------------------------------
          SOCIAL MEDIA TOOLTIP SETTINGS
          Easy CSS Tooltip
          by Koller Juergen
          www.kollermedia.at
    -----------------------------------------*/

	a:hover {
		background: #000; 
		text-decoration: none  !important;
		color: #fff  !important;
	} /*BG color is a must for IE6*/

	a.social:hover {
		background: #000; 
		text-decoration: none;
	} /*BG color is a must for IE6*/

	a.bookingdemo:hover {
		background: #fff; 
		color: #000 !important;
		text-decoration: none !important;
	} /*BG color is a must for IE6*/

	a.contactemail:hover {
		text-decoration: none !important;
		background: #fff; 
		color: #f00 !important;
	} /*BG color is a must for IE6*/

	a.tooltip span {
		background-color: #000;
		display:none; 
		z-index:500;
		padding:2px 3px; 
		margin-left:8px; 
		width:170px;
	}

	a.tooltip:hover span{
		display:inline; 
		z-index:500;
		position: absolute;
		top: -20px;
		left: -20px;		
		background:#f00; 
		color:#fff;
		font-family: verdana;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}

	a.tooltip:hover mmspan{
		display:inline; 
		z-index:500;
		position: absolute;
		top: -20px;
		left: 20px;		
		background:#f00; 
		color:#fff;
		font-family: verdana;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}


/*----------------------------------------
      ADD THIS SETTINGS
-----------------------------------------*/

#add_this {
	clear: both;
	text-align: center;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}


/*----------------------------------------
      COUNTER SETTINGS
-----------------------------------------*/

#statcounter {
	clear: both;
	float: left;
	padding: 10px 0 0 15px;
	width: 150px;
	font: normal 85% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

	.postmenutext {
		clear: both;
		float: left;
		padding: 0px 0px 10px 2px;
		width: 170px;
		font: normal 70% Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
	}


/*----------------------------------------
      WEBMASTER EMAIL ADDRESS STYLE
-----------------------------------------*/

a[href^="mailto:"] {
	color: #fff;
	text-decoration: none;
}

a:hover[href^="mailto:"] {
	color: #000;
	background: #fff;
	text-decoration: none;
	font-weight: bold;
}


/*----------------------------------------
      MIDDLE COLUMN
-----------------------------------------*/

#contentspace {
	position: relative;
	height: 544px;
	width: 610px;
	_height: 554px;
	_width: 618px;
}

#calendar_space {
	clear: both;
	margin: 0 0 0 10px;
	overflow: auto;
	float: left;
	height: 575px;
/*	height: 650px;*/
	width: 605px;
	_height: 549px;
	_width: 613px;
}

#guestbook_space {
	clear: both;
	position: relative;
	overflow: auto;
	height: 544px;
	width: 600px;
	_height: 554px;
	_width: 618px;
}

#store_space {
	clear: both;
	position: relative;
	overflow: auto;
	height: 544px;
	width: 600px;
/*	background:red;*/
	_height: 554px;
	_width: 618px;
}

#mediacontent {
	position: relative;
	overflow: auto;
	height: 544px;
	width: 610px;
	_height: 554px;
	_width: 618px;
}

#sw_ads {
	clear:both;
	display: block;
	margin: 5px 0 200px;
	float: left;
	width: 606px;
	height: 145px;
/*	border: 1px solid #fff;*/
}

	.onlyinhousead {
		clear: both;
		display: block;
		text-align: center;
/*
		float: left;
		width: 129px;
		height: 129px; 
*/
		margin: 8px 0px 0px 0px;
		padding: 4px 0 0 0px;
}

#inhousead1 {
		clear: both;
		display: block;
		text-align:left;
		float: left;
		margin: 8px 0px 0px 0px;
		padding: 4px 0 0 0px;
		font-family:Verdana, Tahoma, sans-serif;
		font-size:18px;
		color: #fff;
}

#inhousead2 {
		display: block;
		text-align:right;
		float: right;
		margin: 8px 0px 0px 0px;
		padding: 4px 0 0 0px;
		font-family:Verdana, Tahoma, sans-serif;
		font-size:18px;
		color: #fff;
}

	.inhousead01 {
		clear: both;
		float: left;
		display: block;
		width: 129px;
		height: 129px;
		margin: 8px 18px 0 7px;
		padding: 4px 0 0 4px;
		border: solid #fff 1px;
	}

	.inhousead02 {
		float: left;
		display: block;
		width: 129px;
		height: 129px;
		margin: 8px 18px 0 0;
		padding: 4px 0 0 4px;
		border: solid #fff 1px;
	}

	.inhousead03 {
		float: left;
		display: block;
		width: 129px;
		height: 129px;
		margin: 8px 18px 0 0;
		padding: 4px 0 0 4px;
		border: solid #fff 1px;
	}

	.inhousead04 {
		float: left;
		display: block;
		width: 129px;
		height: 129px;
		margin: 8px 0 0 0;
		padding: 4px 0 0 4px;
		border: solid #fff 1px;
	}

/*----------------------------------------
      RIGHT COLUMN
-----------------------------------------*/

.outsidead_1 {
		padding: 0px 4px 0px 0px;
		height:125px;
		width:125px;
}

.outsidead_2 {
		padding: 15px 4px 0px 0px;
		height:125px;
		width:125px;
}

.outsidead_3 {
		padding: 15px 4px 0px 0px;
		height:125px;
		width:125px;
}

.outsidead_4 {
		padding: 15px 4px 0px 0px;
		height:125px;
		width:125px;
}
	
/*----------------------------------------
      SHARED CONTENT PAGE SETTINGS
-----------------------------------------*/

#content_wrapper {
	width: 600px;
	height: 540px;
	margin: 5px 0 0 15px;
}

#content_title {
	position: relative;
	color: #fff;
	font-size: 28px;
	line-height: 28px;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	font-weight: bold;
	font-style: italic;
	clear: both;
	display: block;
	float: left;
	height: 30px;
	width: 610px;
	text-align: center;
	text-decoration: underline;
	margin: 0 0 10px 0;
}
		
	p { 
		color: #fff; 
		font-size: 14px; 
		font-family: Verdana,Geneva,Kalimati,sans-serif;
		margin: 0 0 5px 0;
	}

	p.head { 
		margin: 20px 0 5px 20px;
		clear: both;
		font-weight: bold;
		font-size: 16px; 
	}

	p.head2 { 
		display: block;
		width: 91%;
		margin: 0 auto;
		padding: 32px 0 32px 0;
		text-align: center;
		clear: both;
		font-weight: bold;
		font-size: 18px;
		border: solid 4px #f00;
		background: #000;
	}

	p.head2 a {
		display: block;
		text-align: center;
		color: #fff;
		text-decoration: none;
		line-height: 18px;
	}

	p.head2 a:hover {
		display: block;
		color: #ff0 !important;
/*		text-decoration: underline;*/
	}

	p.planningcalendar { 
		color: #fff; 
		font-size: 14px; 
		font-family: Verdana,Geneva,Kalimati,sans-serif;
		margin: 30px 0 30px 0;
	}

	p.textlist { 
		margin: 0 90px 10px 60px;
	}

	p.text2 {
		margin: 10px 0 10px 40px;
		font-weight: bold;
	}

	p.text3 {
		margin: 20px 60px 10px 10px;
		font-weight: bold;
		color: #fff;
	}

	p.emailtext1 {
		width: 250px;
		font-size: 18px;
		text-decoration: underline;
		font-weight: bold;
		color: #f00;
	}

/*	p.emailtext2 {
		width: 250px;
		font-size: 18px;
		text-align: right;
		text-decoration: underline;
		font-weight: bold;
		color: #f00;
	}
*/
	
	.lilcap {
		font-size: 18px;
	}

/*----------------------------------------
	EMAILSW STYLES
----------------------------------------*/	

#email_hello {
	width: 90%;
	margin: 20px auto;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	background: #fff;
	padding: 7px;
	line-height: 18px;
}
	
#emailaddresses {
	width: 40%;
	clear: both;
	float: left;
	color: #000;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding: 5px;
	background: #fff;
	margin: 0 0 0 23px;
}

	#emailaddresses2 ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-family: Verdana,Geneva,Kalimati,sans-serif;
/*		font: normal 70% Verdana, Arial, Helvetica, sans-serif;*/
	}

		.emailaddresses2 ul a, emailaddresses ul a:visited {
			display: block;
			width: 250px;
			margin: 5px 0 0 0;
			padding: 5px;
			font-family: Verdana,Geneva,Kalimati,sans-serif;
			font-size: 12px;
			text-align:center;
			text-decoration: none;
			font-weight: bold;
			outline: 0;
		}

		* html #emailaddresses2 a{ /*IE only */
			width: 187px; /*IE 5*/
			width: 185px; /*185px minus all left/right paddings and margins*/
		}

		.emailaddresses2 a[href^="mailto:"] {
			color: #000;
			text-decoration: none;
			font-size: 14px;
			line-height: 20px;
		}

		.emailaddresses2 a:hover[href^="mailto:"] {
			color: #f00;
			background: #fff;
			text-decoration: none;
			font-weight: bold;
		}

#newslettersignup {
	width: 40%;
	height: 160px;
	float: right;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	background: #000;
	margin: 0 20px 0 0;
	line-height: 24px;
}

/*----------------------------------------
	BOOKING STYLES
----------------------------------------*/

#book_stockwood {
	clear: both;
	width: 500px;
	float: left;
	margin: 0 0 0 24px;
}

	p.book_stockwood_text1 {
		padding: 60px 0 0 60px;
		font-size: 14px;
		line-height: 20px;
		font-weight: bold;
		color: #fff;
	}

	p.book_stockwood_text1 a {
		text-decoration: underline;
		color: #fff;
	}

	p.book_stockwood_text1 a:visited {
		color: #fff;
		background: #000;
	}

	p.book_stockwood_text1 a:hover {
		color: #000;
		background: #fff;
		background-color: #fff;
	}

	p.book_stockwood_text2 {
		padding: 10px 0 0 60px;
		font-size: 14px;
		line-height: 20px;
		font-weight: bold;
		color: #fff;
	}

	p.book_stockwood_text3 {
		padding: 10px 0 0 60px;
		font-size: 14px;
		line-height: 20px;
		font-weight: bold;
		color: #fff;
	}

	.bookingdemo {
		color: #fff;
		text-decoration: none !important;
	}

/*----------------------------------------
      PICTURES PAGE SETTINGS
-----------------------------------------*/

/* "Big Pix Links" */

#bigpixlink {
	clear: both;
	text-align: center;
	background-color: #fff;
	color: #000;
	font-size: 14px;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	font-weight: bold;
	line-height: 18px;
	padding: 10px;
}

	.link {
		font-size: 14px;
		font-family: Verdana,Geneva,Kalimati,sans-serif;
		font-weight: bold;
		color: #f00;
	}

	.link2 {
		color: #ff0;
	}

/* "Div Container" */

	#pixpage {
		float: left;
		display: block;
		position: relative;
		margin: 10px auto;
		text-align: center;
		width: 100%;
		height: 389px;
		overflow: auto;
	}	

/* "Thumbnail Classes" */

	/* THUMBNAIL PIX: 120w x 90h */
		
			.pixthumbnail1 {
				clear: both;
				display: block;
				float: left;
				width: 130px;
				height: 155px;
				text-align: center;
/*				padding: 0 0 30px 0;
				_padding: 0 0 0 0;*/
				margin: 0 0 0 40px;
			}
			
			.pixthumbnail2 {
				display: block;
				float: left;
				width: 130px;
				height: 155px;
				text-align: center;
/*				padding: 0 0 30px 0;*/
			}
			
				.pixtext_title {
					clear: both;
				  	display: block;
					position: relative;
				  	width: 120px;
				  	text-align: center;
					color: #fff;
					height: 14px;
					font-size: 12px;
					font-family: Verdana,Geneva,Kalimati,sans-serif;
					margin: 2px 0 0 5px;
					_margin: 0 0 0 1px;
				}
				
				
				.pixtext_detail {
					clear: both;
				  	display: block;
				  	position: relative;
				  	width: 120px;
				  	text-align: center;
					height: 12px;
					color: #fff;
					font-size: 10px;
					font-family: Verdana,Geneva,Kalimati,sans-serif;
					font-style: italic;
					margin: 2px 0 0 5px;
					_margin: 0 0 0 1px;
				}
				
			.pixnextrow {
				clear: both;
				display: block;
				float: left;
				position: relative;
				margin: 14px 0 0 0;
				_margin: 7px 0 0 0;
				width: 100%;
				height: 1px;
			}
			
			
/*---------------------------------------------
      GENERIC ACCORDION SETTINGS
----------------------------------------------*/

#basic-accordian{
	clear: both; 
/*	padding:5px;*/
	width:675px;
}

/*---------------------------------------------
      ABOUT US ACCORDION SETTINGS
----------------------------------------------*/

#headings {
	clear: both; 
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
/*	width:77px; */
}

#textstyle {
	float:left; 
	width:570px;
	margin: 0 0 0 20px;
}

.accordion_headings{
	float: left;
	padding:5px 0;
	color:#fff;
	font-size: 16px;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	width:110px; 
}

.accordion_headings:hover{
	background:#fff;
	color:#000;
}

.accordion_child{
	border-top: 2px solid #fff;
	padding: 15px 0 0 0;
	margin:0 0 0 5px;
	float: left;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	width:550px;
	background:#000;
	color: #fff;
	overflow: hidden;
}

.header_highlight{
	background:#f00;
	color: #ff0;
}

.accordiontext {
	color: #fff;
	padding: 5px 0 0 0;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	font-size: 12px;
/*	font-weight:bold;
	margin: 10px 0 0 0;*/
	line-height: 18px;
}


/*----------------------------------------
      MULTIMEDIA ACCORDION SETTINGS
-----------------------------------------*/

#sw_headings {
	clear: both; 
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
/*	width:70px;*/
}

#sw_textstyle {
	float:left; 
	width:546px;
	margin: 0 0 0 25px;
}

.sw_accordion_headings{
	float: left;
	padding:5px 0;
	color:#fff;
	font-size: 16px;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	width:68px; 
}

.sw_accordion_headings:hover{
	background:#fff;
	color:#000;
}

.sw_accordion_child{
	border-top: 2px solid #fff;
	padding: 15px 0 15px 5px;
/*	margin:0 0 0 5px;*/
	float: left;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	width:541px;
	background:#000;
	color: #fff;
	overflow: hidden;
}

.sw_header_highlight{
	background:#f00;
	color: #ff0;
}

.sw_accordiontext {
	color: #fff;
	padding: 5px 0 0 0;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	font-size: 12px;
/*	font-weight:bold;
	margin: 10px 0 0 0;*/
	line-height: 18px;
}


/*----------------------------------------
      mediaboxAdvanced LIGHTBOX SETTINGS
-----------------------------------------*/

	/*	mediaboxAdvanced Black theme	*/
	/*	version 2.0 - August 2010		*/
	/*	for mediaboxAdvanced v.1.3.0	*/

/*	Overlay background styling	*/

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	background-color: #000; */
	background-color: #00f;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(http://stockwoodrocks.com/images/mediabox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

/*	Overlay panel styling	*/

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
}

#mbCenter.mbLoading {
	background: #000 url(http://stockwoodrocks.com/images/mediabox/BlackLoading.gif) no-repeat center;
/*	This style is applied only during animation.	*/
/*	For example, the next lines turn off shadows	*/
/*	improving browser performance on slow systems.	*/
/*	To leave shadows on, just remove the following:	*/
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Inline content styling	*/

	font-family: Verdana, Tahoma, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbCenter a, #mbCenter a:link, #mbCenter a:visited {
	text-decoration: none;		
	color: #ddd;
}

#mbCenter a:hover, #mbCenter a:active {
	color: #ff0;
	background-color: #f00;
}

/*	Caption and Button styling	*/

#mbBottom {
	min-height: 20px;
	font-family: Verdana, Tahoma, sans-serif;
	line-height: 20px;
	font-size: 14px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
/* #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink { */
	display: inline;
	color: #00f;
	font-weight: bold;
	line-height: 20px;
	font-size: 18px;
}


#mbNumber {
	display: none;
	color: #000;
	line-height: 0px;
	font-size: 0px;
	margin: auto 10px;
}


#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 12px;
}

/*	Button styling	*/

#mbPrevLink, #mbNextLink, #mbCloseLink {
	float: right;
	outline: none;
	margin: 2px 0 2px 10px;
	font-weight: normal;
	font-size: 18px;
	color: #00f;
}

#mbPrevLink b, #mbNextLink b, #mbCloseLink b {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #00f;
}

/*	Error message styling	*/

#mbError {
	position: relative;
	font-family: Verdana, Tahoma, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}


/*----------------------------------------
      SW MEDIA SETTINGS
-----------------------------------------*/

#swmediacontent {
	position: relative;
	padding-top: 40px;
	padding-left: 21px;
	height: 484px;
	width: 566px;
	_height: 494px;
	_width: 618px;
}

.mediayear {
	padding-top: 37px;
	height: 30px;
	width: 600px;
}

.swyearsize {
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	font-family: Verdana, Tahoma, sans-serif;
	padding-left: 120px;
}

.swmmimg {
	display: inline;
	padding-left: 30px;
	width:32px;
	height:25px;
}

.mediadate_column_left {
	float:left;
	width: 49%;
	background:grey;
}

.mediadate_column_right {
	float:right;
	width: 49%;
	background:teal;
}

.mediadate {
	font-family:Verdana, Tahoma, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding-left: 10px;
	text-decoration: none;
	line-height:24px;
}

/*----------------------------------------
      SW REPERTOIRE ALBUM GRID
-----------------------------------------*/

.albumleft {
	float: left;
	display: inline;
	width:125px;
	height:125px;
	padding:10px 0px 0px 25px;
	background-color:#333333;
}

.albumcenter {
	float: left;
	display: inline;
	width:125px;
	height:125px;
	padding:10px 0px 0px 20px;
	background-color:#333333;
}

.albumright {
	float: left;
	display: inline;
	width:125px;
	height:125px;
	padding:10px 25px 0px 20px;
	background-color:#333333;
}

.albumleftbottom {
	float: left;
	display: inline;
	width:125px;
	height:125px;
	padding:10px 0px 10px 25px;
	background-color:#333333;
}

.albumcenterbottom {
	float: left;
	display: inline;
	width:125px;
	height:125px;
	padding:10px 0px 10px 20px;
	background-color:#333333;
}

.albumrightbottom {
	float: left;
	display: inline;
	width:125px;
	height:125px;
	padding:10px 25px 10px 20px;
	background-color:#333333;
}

/*----------------------------------------
      SW PICTURE GRID
-----------------------------------------*/

.pic_horiz {
	float: left;
	display: inline;
	width:200px;
	height:160px;
	padding:10px 0px 0px 85px;
}

.pic_vert {
/*	float: left;
	display: inline; */
	width:160px;
	height:200px;
	padding:50px 0px 0px 240px;
}

/*----------------------------------------
      SW PRESS PICTURE GRID
-----------------------------------------*/

.press_pix_text {
	padding:20px 80px 0px 80px;
}

.press_pix_text2 {
	padding:40px 80px 0px 80px;
}


.pic_horiz1_press {
	float: left;
	display: inline;
	width:100px;
	height:80px;
	padding:20px 40px 30px 90px;
}

.pic_horiz_press {
	float: left;
	display: inline;
	width:100px;
	height:80px;
	padding:20px 40px 30px 40px;
	border:0px;
}

.pic_vert_press {
	float: left;
	display: inline;
	width:80px;
	height:100px;
	padding:20px 40px 0px 40px;
}

.pic_horiz2_press {
	float: left;
	display: inline;
	width:100px;
	height:90px;
	padding:20px 40px 10px 120px;
}



/*----------------------------------------
      TEST NEW SLIDESHOW 20120130
-----------------------------------------*/

#slideshow-holder { 
		width:185px; 
		height:117px; 
/*		background:url(spinner.gif) center center no-repeat #fff; */
		position:relative; 
}

#progress  { 
		position:absolute; 
		width:100%; 
		text-align:center; 
		color:#999; 
/*		top:225px;  */
}