body {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
width:750px;
margin-top:10px;
}

/* ----- HEADER ----- */

#header {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width:748px;
	height:150px;
	background-color:#ffffff;
		border: thin solid black;}

/* FAUX LAYOUT WRAPPER */
/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.
IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/
#wrapper{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width:750px;
	margin-top:10px;
}

/* ----- MAIN CONTENT ----- */

#content { 
	margin-right: auto;
	margin-left: auto;
	text-align: center;

width:750px;
min-height:400px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:460px; /* for IE5.x and IE6 */
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
		border: thin dotted black;
}



/* ----- FOOTER ----- */

#footer { 
	margin-right: auto;
	margin-left: auto;
	text-align: center;
margin-top:10px;
width:750px;
height:100px;
background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#my-div1
{
    width    : 750px;
    height   : 600px;
    overflow : hidden;
    position : relative;
}

#my-iframe1
{
    position : absolute;
    top      : 20px;
    left     : -260px;
    width    : 1280px;
    height   : 1200px;
}

#my-div2
{
    width    : 750px;
    height   : 310px;
    overflow : hidden;
    position : relative;
}

#my-iframe2
{
    position : absolute;
    top      : -200px;
    left     : -260px;
    width    : 1280px;
    height   : 1200px;
}