div#wrap { width: 700px; margin: 0 auto; }

ul#navigation, ul#navigation li { padding: 0; margin: 0; }
ul#navigation { list-style-type: none;  text-align: center; }
ul#navigation a { color: white; text-decoration: none; }
ul#navigation li { float: left; width: 135px; background: #6F9CAF; padding: 10px 20px; font-size: 18px; }

/** Order Form */
#order_new label { width: 200px; display: block; }
#order_new div input { float: left; }
#order_new div { clear: both; }
.order img.cover, .order img.document { margin: 50px; float: left; }

dd.cover_colour div span { display: block;}
dd.cover_colour div { width: 205px; float: left; }
dd.cover_colour div.choices { width: 400px; }

#progress { width: 400px; background: #eee; border: 1px solid #222; margin-top: 20px; display: none; margin: 0 auto; text-align: center; }
#progressbar { width: 0px; height: 24px; background: #333; }

#order_binding table,
#order_binding table td
 { padding: 0; margin: 0; border-collapse: collapse; }

#order_binding table { margin: 20px 0; }

/** Front Page */
table#description { width: 400px; }
table#description th { color: #289EB3; text-align: right; font-size: 30px; clear: both; }
table#description td { width: 50%; vertical-align: middle; text-transform: lowercase; padding-left: 5px; }
table#description input, table#description a { width: 90%; }

img#thesis { width: 130px; float: right; }

/** About Us */
#about ul { list-style-type: none; }
#about ul img { text-align: center; display: block; }
#about ul, #about li { padding: 0; margin: 0; clear: both; }
#about li h2 { padding-top: 15px; }
#about li li { padding: 0; }
#about li div { float: left; width: 500px }
#about li div.profile { width: 130px; }
#about li div div { float: none; width: 100%; }


/** Calculator */
#calculator table { border-collapse: collapse; }
#calculator thead td { font-weight: bold; }
#calculator tbody th { font-weight: normal; }
#calculator td { text-align: right; }
#calculator tbody td, #calculator tbody th { vertical-align: middle; }
#calculator input { text-align: right; font-family: monospace; }
#calculator tfoot input { font-size: 20px; }

/** more info */
#more_info ul { list-style-type: none; padding: 0; margin: 0; }
#more_info li { float: left; width: 33%; }
#more_info li a { margin: 0 auto; }

/** Comparison */
#compare table { border-collapse: collapse; }
#compare table th, #compare table td { padding: 8px; }

#compare ul { list-style-type: none; margin: 0; padding: 0; padding-top: 10px; }

/** How We Do It */
#how div { border: 1px solid #D8D8D8; float: left; width: 120px; margin: 0 15px; padding: 5px; height: 180px; text-align: center; }
#how img { width: 77px; display: block; text-align: center; margin: 0 auto; }