/*
	Global Stylesheet
	--------------------------
	Site: SELMA VDR S-VDR 
	URL: 	www.selmavdr.com
			www.selma-vdr.com
			www.selma-svdr.com
*/

/*
	Color Swatch
	--------------------------
	720x726
	278x206
*/

*{margin:0; padding:0; border:0;}

body{background: #1d2222 url("images/bkgnd_tile.jpg") repeat;}

#wrapper{margin:15px auto; width:720px; text-align:left;}
			
	/* Main Content Section */			
	/* Slideshow & Billboard Images */	
	#top-zone{overflow:hidden; width:720px; margin:0 auto; height:726px;}
	#billboard{width:280px; height:208px; margin:35px 10px 20px 0px; position:relative; top:106px; left:222px; overflow:hidden; background:url('images/bkgnd_tile.jpg') repeat;}
	.slideshow{width:280px; height:208px; margin:0px; top:1px;}
	.edge-holders{width:720px; height:910px; background:url('images/maestro.png') no-repeat bottom center; position:relative; margin:0px auto; z-index:100; top:-273px;}

	/* Blob detection */
	.edge-holders li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
	.edge-holders a {display: block; z-index:200;}

	/* remove border when done */
	.edge-holders a {border: dashed 0px #f00;}

	#blob1 {left: 176px; top: 398px; width: 242px; height: 96px;}
	#blob2 {left: 438px; top: 455px; width: 29px; height: 24px;}
	#blob3 {left: 489px; top: 455px; width: 29px; height: 24px;}
	#blob4 {left: 438px; top: 502px; width: 100px; height: 24px;}
	#blob5 {left: 438px; top: 537px; width: 100px; height: 24px;}
	#blob6 {left: 188px; top: 502px; width: 100px; height: 28px;}
	#blob7 {left: 188px; top: 535px; width: 100px; height: 28px;}
	#blob8 {left: 188px; top: 570px; width: 100px; height: 28px;}
	#blob9 {left: 188px; top: 605px; width: 100px; height: 28px;}
	#blommaestro {left: 30px; top: 0px; width: 660px; height: 390px;}

	#blob1 a {height: 96px;}
	#blob2 a {height: 24px;}
	#blob3 a {height: 24px;}
	#blob4 a {height: 24px;}
	#blob5 a {height: 24px;}
	#blob6 a {height: 28px;}
	#blob7 a {height: 28px;}
	#blob8 a {height: 28px;}
	#blob9 a {height: 28px;}
	#blommaestro a {height: 390px;}
	
	#blob1 a:hover {background: transparent url(./images/maestro.png) -176px -755px no-repeat;}
	#blob2 a:hover {background: transparent url(./images/maestro.png) -438px -751px no-repeat;}
	#blob3 a:hover {background: transparent url(./images/maestro.png) -438px -751px no-repeat;}
	#blob4 a:hover {background: transparent url(./images/maestro.png) -438px -751px no-repeat;}
	#blob5 a:hover {background: transparent url(./images/maestro.png) -438px -751px no-repeat;}
	#blob6 a:hover {background: transparent url(./images/maestro.png) -136px -867px no-repeat;}
	#blob7 a:hover {background: transparent url(./images/maestro.png) -136px -867px no-repeat;}
	#blob8 a:hover {background: transparent url(./images/maestro.png) -136px -867px no-repeat;}
	#blob9 a:hover {background: transparent url(./images/maestro.png) -136px -867px no-repeat;}
	#blommaestro a:hover {background: transparent;}

	
	/*Footer*/	
	#footer{clear: both; width: 100%; height: 45px; margin: 15px 0 0 0; background:#1d2222 url("images/bkgnd_tile.jpg") repeat; border-top: solid 1px #444444; border-bottom: solid 1px #444444; z-index:1000;}
		#footerpadding{ margin: 0px auto; width: 650px; }
		#footerpadding #endnotes{margin: 5px 0px; padding:0px 0px; float:left; text-align: left; }
			#endnotes .padding{ margin:0px 0px; padding: 0px; }
			#endnotes p{float: left; color:#777; font: 12px tahoma, serif; line-height:18px;}
			#endnotes p.mydate{font-size:10px; position:relative; left:290px; text-align:left; overflow:hidden;}
			#endnotes p.subtitle{font-size:9px;}
			#endnotes a{font-style:normal;}		
		#footerpadding #logostamp{ float:right; margin: 8px 0 0 20px; padding: 0px 0 0 20px; border-left: 1px dashed #8CA9C7; }
		
	
/* General Design Elements */
.content-padding{padding:12px;}
.clear{clear:both; width:720px; height:12px;}
.footer-clear{height:100px; width:100%; clear:both;}

a{color:#574aae; text-decoration:none;}
a:hover{text-decoration:underline;}

.slideshow a{display:block;}