/* mac hide\*/
html, body {height:100%}
/* end hide */
body 
{
    font-family: Verdana;
	padding:0;
	margin:0;
	text-align:center;
	min-width:897px;/* for mozilla*/
	background-color: #9DBED5;
	color: #000000;
}

p
{
	font-size: 9pt;
}

li
{
 	font-size: 9pt;
}

#outer{
	height:100%;
	min-height:100%;
	width:897px;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background: white;
	position:relative;
	background-color: white;
	background-image: url(/images/bg-main.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:653px;
}

#left {
	position:relative;/*ie needs this to show float */
	width:163px;
	float:left;
	padding-top:0px;/*needed to make room for header*/
	padding-bottom:21px;/* needed to make room for footer */
}
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:244px;
	height:182px;
	float:right;
	padding-top:0px;/*needed to make room for header*/
	padding-bottom:21px;/* needed to make room for footer */
	background: url(/images/bg-right.png) no-repeat 0 0px;
}

#footer {
	width:717px;
	clear:both;
	height:21px;
	background:url(/images/bg-footer.gif) no-repeat left;
	background-color: #B2CFE5;
	color: #000000;
	text-align:left;
	padding-left:180px;
	left:0;
	bottom:0;
	position: absolute;

}
* html #footer {/*only ie gets this style*/
	\height:21px;/* for ie5 */
	he\ight:21px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:459px;
	float:right;
	border-left: 1px solid white;
	background: url(/images/bg-centre.png) no-repeat;
	background-position: 0 0px;
	padding-top:160px;/*needed to make room for header*/
	padding-bottom:21px;/* needed to make room for footer */
    padding-left: 15px;
    padding-right: 15px;
}
#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:21px;clear:both} /* to clear footer */

#right .title
{
    margin: 58px 15px 0 15px;
    font-weight: bold;
    font-size: 14pt;
    color: white;
}

#right .numbers
{
    margin: 0px 15px 58px 15px;
    font-weight: bold;
    font-size: 14pt;
    color: White;
}

#right p
{
    color: white;
    font-size: 9pt;   
    margin: 5px 15px 60px 15px;
}

#footer
{
   font-size:8pt;
}

#footer p
{
    font-size: 8pt;
    margin-top:3px;
    color: #0060A9;
}

#left img
{
    margin-bottom: -3px;
    _margin-bottom:0;
}

#centrecontent .title
{
    font-size: 16pt;
}

.nav
{
    border-right: 1px solid #FABD76;
    border-bottom: 1px solid #FABD76;
}

#featuredSite
{
	position:relative;/*ie needs this to show float */
	width:244px;
	float:right;
	padding-top: 25px;
	padding-bottom:21px;/* needed to make room for footer */
        color: #ff9900;
        font-weight: bold;
        font-size: 10pt;
        text-align:center;
}


#hmd
{
	margin-top:30px;
}

#hosting-order label
{
	width: 150px;
	float: left;
	line-height: 20px;
	margin: 3px 0;
}

#hosting-order input.input, #hosting-order textarea.input
{
	width: 200px;
	float: left;
	margin: 3px 0;
}

#hosting-order table.services
{
	width: 271px;
	float: left;
}

#hosting-order table.services tr td label
{
	float: none;
	width: auto;
}

.error
{
	display: block;
	color: Red;
	font-size: 8pt;
}

.clear
{
	font-size: 1px;
	line-height: 0;
	clear: both;
}