* {
    margin:0;
    padding:0;
}

html {
    /*
    height:100%;
    */
}

body {
    background:#4a8fd0 url(../images/main.jpg) repeat-x;
    font:12px arial;
    /*
    height:100%;
    */
}

A:link {text-decoration:none; color:#00F;}
A:visited {text-decoration:none; color:#006;}
A:active {text-decoration:none}
A:hover {text-decoration:underline; color:#C03;}

img { border:0; display:block; }

*.offset { position:absolute; left:-999em; }

/*
*
* Wrappers
*
*/

div#outer-wrapper {
    background:url(../images/faux.jpg) repeat-y;
    margin:0 auto;
    /*
    min-height:100%;
    */
    width:824px;
}

/*
* html div#outer-wrapper { height:100%; }
*/

div#inner-wrapper {
    background:url(../images/left.jpg) no-repeat 0 0;
    min-height:824px;
}

div#inside-wrapper {
    background:url(../images/right.jpg) no-repeat 100% 0;
    min-height:824px;
    overflow:hidden;
    padding:0 0 0 20px; /* may change */
}

*:first-child+html div#inside-wrapper {
    zoom:1;
    overflow:visible;
}

div#inside-wrapper { display:inline-block; }
div#inside-wrapper { display:block; }

/*
*
* Branding
*
*/

div#header {
    background:url(../images/top.gif) no-repeat;
}

div#header span {
    color:#fff;
    height:35px;
    line-height:35px;
    padding:0 0 0 34px;
    display:block;
}

/* 
*
* Content Area
*
*/

div#content {
    overflow:hidden;
    width:784px;
}

div#content h2 {
    color:#df4a01;
    font:bold 18px arial, sans-serif;
    margin:0 0 17px 24px;
    padding:34px 0 0;
}

div#content p {
    color:#597894;
    font:12px arial, sans-serif;
    margin:0 0 20px 24px;
}

div#content strong {
    color:#316799;
    font-weight:bold;
}

div.inset {
    display:inline;
    margin:0 16px 0 0;
    padding:16px 0 0;
    float:right;
    width:277px;
}

div#rating-wrapper {
    clear:both;
}

    div.rating {
	width:727px;
    }

    div#rating-wrapper div.rating-image {
	display:inline;
	float:left;
	width:254px;
    }

    div#rating-wrapper div.rating-content {
	float:left;
	width:473px;
    }

    div#rating-wrapper div.rating-content p {
	width:414px;
    }

    div#rating-wrapper div.rating-image img {
	margin:32px 0 0 36px;
    }

    div#rating-wrapper img.rating {
	margin:0 0 15px 5px;
    }

    div#rating-wrapper a.logo {
	position:absolute;
	right:31px;
	top:33px;
    }

    div#rating-wrapper p {
	margin:0 0 0 18px;
    }

    img.report {
	bottom:9px;
	position:absolute;
	right:31px;
    }

    div.yellow-rating {
	background:url(../images/yellow.gif) no-repeat;
	height:254px;
	overflow:hidden;
	margin:0 0 17px 24px;
	position:relative;
	width:727px;
    }

	div.yellow-rating img.report { }

    div.dark-blue-rating {
	background:url(../images/dark-blue.gif) no-repeat;
	height:256px;
	overflow:hidden;
	margin:0 0 17px 24px;
	position:relative;
    }

	div.dark-blue-rating img.report { bottom:11px; }

    div.light-blue-rating {
	background:url(../images/light-blue.gif) no-repeat;
	height:256px;
	overflow:hidden;
	margin:0 0 17px 24px;
	position:relative;
    }

	div.light-blue-rating img.report { bottom:11px; }

div#steps {
    background:url(../images/steps.gif) no-repeat;
    clear:both;
    height:257px;
    margin:0 0 0 24px;
    padding:0 0 18px;
    position:relative;
}

    div#steps p {
	margin:0 54px 20px 26px;
    }

    div#steps ol {
	color:#1f486f;
	list-style:none;
    }

    div#steps ol li {
	bottom:42px;
	font-weight:bold;
	position:absolute;
    }

    li.first {
	left:45px;
	width:172px;
    }
    li.second {
	left:225px;
	width:190px;
    }
    li.third {
	left:405px;
	width:154px;
    }
    li.fourth {
	left:566px;
	width:145px;
    }

/*
*
* Footer
*
*/

div#footer {
    background:url(../images/footer.gif) no-repeat;
    color:#2e4357;
    clear:both;
    height:96px;
    position:relative;
}

div#footer a#to-top {
    color:#4a8fd0;
    position:absolute;
    right:38px;
    text-decoration:none;
    top:48px;
}

div#footer p {
    left:16px;
    position:absolute;
    top:47px;
}
