﻿html, body, form
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body, form
{
	text-align: center;
	min-width: 800px;
	background-image: url(Images/Comb.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}

body, table
{
	font-family: "Segoe UI", "Trebuchet MS", Tahoma, Arial, Helvetica;
	font-size: 8pt;
}

form
{
	background-image: url(Images/CombForeground.png);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
}

a 
{
	color: #808080;
	text-decoration: none;
}

a:hover 
{
	color: #336699;
	text-decoration: none;
}

a img 
{
	border-style: none;
}

h1 
{
	margin: 0px 0px 5px 0px;
	font-size: 14pt;
	font-weight: bold;
    font-weight: bolder;
}

h2 
{
	margin: 0px 0px 5px 0px;
	font-size: 12pt;
	font-weight: bold;
    font-weight: bolder;
}

h3 
{
	margin: 0px 0px 0px 0px;
	font-size: 10pt;
	font-weight: bold;
    font-weight: bolder;
}

h1 img,
h2 img,
h3 img 
{
	margin-right: 5px;
	vertical-align: middle;
}

p 
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#Container
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 800px;
	min-height: 100%;
	height: 100%;
	border-left: solid 5px #000000;
	border-right: solid 5px #000000;
}

#Header
{
	background-color: #336699;
	background-image: url(Images/Header.jpg);
	background-repeat: repeat-x;
	height: 100px;
}

#Menu
{
	background-color: #eeeeee;
	height: 25px;
	color: #808080;
}

#MenuBody
{
	border-bottom: solid 1px #c0c0c0;
	text-align: left;
	padding-left: 10px;
}

#MenuBody a
{
	font-weight: bold;
}

#Content
{
	background-color: #ffffff;
	background-image: url(Images/Content.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	height: auto;
	text-align: left;
	vertical-align: top;
}

#ContentBody
{
	padding: 10px 10px 10px 10px;
}

#Footer
{
	background-color: #4181d3;
	background-image: url(Images/Footer.jpg);
	background-repeat: repeat-x;
	height: 200px;
	color: #eeeeee;
}

#Footer td
{
	text-align: left;
	vertical-align: top;
}

.FooterBody
{
	padding: 10px 10px 10px 10px;
}

#Footer h3 
{
	color: #6699cc;
}

#Footer a
{
	color: #c0c0c0;
}

#Footer a:hover
{
	color: #ffffff;
}

#Footer .BorderCell
{
	background-image: url(Images/Separator.png);
	background-repeat: no-repeat;
	background-position: right;
}

#Footer .Section
{
	padding: 3px 10px 10px 10px;
	line-height: 15px;
}

.FrameTable,
#Footer .FrameTable
{
	border: solid 1px #000000;
	background-color: #ffffff;
	height: auto;
	margin: auto;
	padding: 5px 5px 5px 5px;
}

#ContentBody .FrameTable
{
	border: solid 1px #c0c0c0;
}

#Footer .FrameTable
{
	margin-bottom: 15px;
}

#iPhone
{
}

#iPhoneBody
{
	padding: 5px 0px 10px 10px;
}

#iPhoneDemo
{
	background-position: 43px 71px;
	background-repeat:no-repeat;
}

#iPhoneScreenShots 
{
	background-color: #eeeeee;
	border: solid 1px #c0c0c0;
	color: #808080;
	margin: 10px 20px 20px 20px;
}

#iPhoneScreenShots td
{
	padding: 8px 2px 5px 8px;
}

#iPhoneScreenShots img
{
	margin-right: 5px;
}

#iPhoneScreenShots a img,
#iPhoneScreenShots a:hover img
{
	border: solid 1px #000000;
}

#iPhoneAppStoreBadge
{
	text-align:right;
}

#iPhoneAppStoreBadge .AppDetails
{
	text-align: left;
	float: left;
	padding: 5px 5px 5px 5px;
}

#iPhoneAppStoreBadge img
{
	margin: 0px 10px 5px 10px;
}

#iPhoneAppStoreBadge a img,
#iPhoneAppStoreBadge a:hover img 
{
	border-style: none;
}

#iPhoneMockUpAttribution
{
	text-align: center;
	color: #666666;
}