td		{Font :  13px Verdana;color: black;		}
th		{Font :  13px Verdana;color: black;font-weight:bold;}
h1		{Font :  13px Verdana;color: black;		}
strong		{Font :  13px Verdana;color: black;		}

.smalltext	{Font :  11px Verdana;color: black;}
.10px		{Font :  10px Verdana;color: black;}
.9px		{Font :  9px Verdana;color: black;}
.verysmalltext	{Font :  8px Verdana;color: black;}
.background	{background-image: url("vcrbg1.jpg");		}
.bgimage	{Position : Absolute ;Left : 220px ;Top : 50px;	}
.leftmenu	{Position : Absolute ;Left : 10px ;Top : 150px;	}	/* the menu */
.guestbookmenu	{Position : Absolute ;Left : 10px ;Top : 150px;	}	/* fix of menu when guest book choosen */
.video	 	{Position : Absolute ;Left : 300px ;Top : 65px;	}	/* YouTube video */
.flash1	 	{Position : Absolute ;Left : 230px ;Top : 70px;	}	/* big flash */
.flash2	 	{Position : Absolute ;Left : 580px ;Top : 350px;}	/* small flash */
.weddingvideo 	{Position : Absolute ;Left : 580px ;Top : 450px;}	/* small flash */
.text	 	{Position : Absolute ;Left : 230px ;Top : 330px;}	/* table with text under flash */
.textbackground	{Position: Absolute;Left: 220px;Top: 60px;	}
.submenu	{Position : Absolute ;Left : 230px ;Top : 320px	}
.header 	{Position : Absolute ;Left : 10px ;Top : 10px ;	Font: bold 28px Arial;Color: #FF0000;	}	/* logo */
.island	 	{Position : Absolute ;Left : 825px ;Top : 2px;	}	/* Island Magazine */
.seipepa 	{Position : Absolute ;Left : 10px ;Top : 780px;	}	/* Seipepa link */
.map	 	{Position : Absolute ;Left : 230px ;Top : 60px;	}	/* Google Map */

.redheader	{Font: 14px Verdana;color: Red;font-weight:bold;}

.specialoffer 	{Position : Absolute ;Left : 0px ;Top : 600px;background-color:transparent;}
.specialheader	{Font : 18px verdana;color:red;font-weight:bold;}
.specialtext	{Font : 13px verdana;color:red;}

.rightmargin	{Position : Absolute; left: 850px;Top:200px;}

<div style="background: transparent url(http://www.mac.com/st/1/sharedassets/1.1/Common/Frames/Baby/3landscape4x3-underlay.png) 
no-repeat scroll center; height: 147px; left: 257px; position: absolute; top: 526px; width: 183px; z-index: 1; "></div>


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.mybuttons	{display: block;float: left;font: bold 13px Arial;text-decoration: none;}
a:link.mybuttons, a:visited.mybuttons, a:active.mybuttons	{color: black;  }
a:hover.mybuttons { color:lightblue;}
a.mybuttons span  {display: block;padding: 2px 10px 2px 0px; }
a:hover.boldbuttons { text-decoration: underline;}


.frameLarge	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:500px;top:430px;width: 320px; height: 257px;}
.frameOffsetLarge {position: relative;left:20px;top:12px;}
.frameHeader	{position:relative;left:80px;top:15px;}

.frameLarge2	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:500px;top:1160px;width: 320px; height: 257px;}
.frameOffsetLarge2 {position: relative;left:20px;top:12px;}

.textA	 	{Position : Absolute ;Left : 600px ;Top : 100px;}	
.frameLargeA	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:250px;top:100px;width: 320px; height: 257px;}
.frameOffsetLargeA {position: relative;left:20px;top:12px;}

.textB	 	{Position : Absolute ;Left : 250px ;Top : 400px;}	
.frameLargeB	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:500px;top:400px;width: 320px; height: 257px;}
.frameOffsetLargeB {position: relative;left:20px;top:12px;}

.textC	 	{Position : Absolute ;Left : 600px ;Top : 700px;}	
.frameLargeC	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:250px;top:700px;width: 320px; height: 257px;}
.frameOffsetLargeC {position: relative;left:20px;top:12px;}

.textD	 	{Position : Absolute ;Left : 250px ;Top : 1000px;}	
.frameLargeD	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:500px;top:1000px;width: 320px; height: 257px;}
.frameOffsetLargeD {position: relative;left:20px;top:12px;}

.textE	 	{Position : Absolute ;Left : 600px ;Top : 1300px;}	
.frameLargeE	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:250px;top:1300px;width: 320px; height: 257px;}
.frameOffsetLargeE {position: relative;left:20px;top:12px;}

.textF	 	{Position : Absolute ;Left : 250px ;Top : 1600px;}	
.frameLargeF	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:500px;top:1600px;width: 320px; height: 257px;}
.frameOffsetLargeF {position: relative;left:20px;top:12px;}

.textG	 	{Position : Absolute ;Left : 600px ;Top : 1900px;}	
.frameLargeG	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:250px;top:1900px;width: 320px; height: 257px;}
.frameOffsetLargeG {position: relative;left:20px;top:12px;}

.textH	 	{Position : Absolute ;Left : 250px ;Top : 2200px;}	
.frameLargeH	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:500px;top:2200px;width: 320px; height: 257px;}
.frameOffsetLargeH {position: relative;left:20px;top:12px;}

.textI	 	{Position : Absolute ;Left : 600px ;Top : 2300px;}	
.frameLargeI	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:250px;top:2300px;width: 320px; height: 257px;}
.frameOffsetLargeI {position: relative;left:20px;top:12px;}

.textJ	 	{Position : Absolute ;Left : 250px ;Top : 2500px;}	
.frameLargeJ	{background: transparent url(framelarge.png) no-repeat scroll center;
		 position:absolute;left:500px;top:2500px;width: 320px; height: 257px;}
.frameOffsetLargeJ {position: relative;left:20px;top:12px;}

a:link img 	{border: none;}
a:visited img 	{border: none;}