html, body{
    background: #ffffff url(images/background.png)  top repeat-x;
    padding-top: 2px;
}

h1 {
	color: white;
	font-family: Trebuchet MS;
	font-size: 24px;
	text-align: center;
}

h2 {
	color: #F1F1F1;
	font-family: Trebuchet MS;
	font-size: 18px;
	text-align: center;
}

h3 {
	color: #E5F3F7;
	font-family: Trebuchet MS;
	font-size: 12px;
	text-align: justify;
	letter-spacing: 1px;
}

h4 {
	color: #FEFEFE;
	font-family: Trebuchet MS;
	font-size: 11px;
	text-align: justify;
	letter-spacing: 1px;
	font-style: italic;
}

#main-wrapper
{
    margin: 0 auto;
    width: 100%;
}

#iphone-frame
{
    position: relative;
    width: 470px;
    height: 580px;
    margin: 0 auto;
}

#iphone
{
    position: relative;
    width: 380px;
    overflow: hidden;
    height: 742px;
    background: url(images/iphone.png);
    z-index: 2;
    margin: 0 auto;
}

#iframe-iphone
{
    width: 321px;
    height: 480px;
    overflow: hidden;
    margin-left: 31px;
    margin-top: 130px;
}

#iphone iframe
{
    width: 341px;
    height: 480px;
}

#iphone-shadow
{
    position: relative;
    top: -120px;
    left: 10px;
    z-index: 1;
    margin: 0 auto;
    width: 470px;
    height: 183px;
    background: url(images/iphone_shadow.png) no-repeat;
}

#ipad-frame
{
    position: relative;
    margin: 35px 0 0;
    height: 1250px;
}

#ipad
{
    position: relative;
    width: 970px;
    height: 1258px;
    background: url(images/ipad.png);
    z-index: 2;
    margin: 0 auto;
    top: -1500px;
}

#iframe-ipad
{
    width: 768px;
    height: 1024px;
    overflow: hidden;
    margin-left: 103px;
    padding-top: 108px;
}

#ipad iframe
{
    width: 786px;
    height: 1024px;
}

#ipad-shadow
{
    position: relative;
    top: 900px;
    left: -116px;
    z-index: 1;
    margin: 0 auto;
    width: 1263px;
    height: 501px;
    background: url(images/ipad_shadow.png) no-repeat;
}

#ipad-info
{
    position: relative;
    left: -900px;
}