/* Basic Styles */

body { background: url("../images/body_bg.jpg") repeat-x 0 0 #fff; color: #333; margin: 0 0 60px 0; padding: 0; font: 75% sans-serif; }

a { color: #06f; font-weight: bold; }
a:hover { color: #333; font-weight: bold; }

ul { margin: 0 0 20px 0; padding: 0 0 0 40px; }
ul li { list-style-type: square; margin: 0 0 5px 0; padding: 0; }

h2 { margin: 0 0 15px 0; font-size: 160%; }

h4 { margin: 0 0 15px 0; font-size: 100%; font-weight: bold; text-transform: uppercase; text-decoration: underline; }
h3.right_for_you { width: 295px; height: 142px; margin: 0 auto 10px auto; background: url("../images/mortgage_right_for_you.gif") no-repeat 0 0; overflow: hidden; }
h3.right_for_you span { display: block; padding: 142px 0 0 0; }

h3 { margin: 0 0 15px 0; font-size: 160%; font-weight: bold; color: #06c; border-bottom: 1px solid #333; }

p.remortgage { float: right; width: 303px; height: 92px; background: url("../images/help_you_remortgage.gif") no-repeat 0 0; overflow: hidden; }
p.remortgage span { display: block; padding: 92px 0 0 0; }

p.easy_for_you { float: right; width: 254px; height: 107px; margin: 0 0 60px 0; background: url("../images/make_it_easy_for_you.gif") no-repeat top right; overflow: hidden; }
p.easy_for_you span { display: block; padding: 107px 0 0 0; }

p { margin: 0 0 20px 0; }
p.center { text-align: center; }
p.right { text-align: right; }
address { margin: 0 0 20px 0; font-style: normal; }

div.image_right { float: right; padding: 0 0 10px 20px; }
div.image_right p { margin: 0; }
div.image_left { float: left; padding: 0 20px 10px 0; }
div.image_left p { margin: 0; }

div.photo_right { float: right; width: 400px; padding: 0 0 10px 20px; text-align: center; }
div.photo_right p { margin: 0; }
div.photo_left { float: left; padding: 0 20px 10px 0; text-align: center; }
div.photo_left p { margin: 0; }


/* Custom Styles */

div#container { width: 780px; margin: 0 auto; padding: 0; background: url("../images/content_bg.jpg") repeat-y top center; }

div#header { background: url("../images/header_bg.jpg") no-repeat 0 0; height: 150px; overflow: hidden; padding: 21px 0px 0 50px; }
div#header h1 { float: left; width: 138px; height: 119px; overflow: hidden; background: url("../images/logo.jpg") no-repeat 0 0; margin: 20px 0 0 0; }
div#header h1 a { display: block; padding: 180px 0 0 0; margin: 0; }
div#header p { text-align: right; padding: 0 21px 0 0; margin: 0; }
div#header p object { width: 560px; height: 150px; }

div#navigation { clear: both; background: url("../images/header_nav_bg.jpg") no-repeat 0 0; height: 40px; overflow: hidden; text-align: center; }
div#navigation ul { float: none; margin: 0; padding: 7px 0 0 70px; }
div#navigation ul li { margin: 0; padding: 0 2px; list-style-type: none; float: left; }
div#navigation ul li a { display: block; padding: 5px 10px; border: 1px solid #e82; color: #333; }
div#navigation ul li a:hover { display: block; padding: 5px 10px; border: 1px solid #c60; background: #e82; color: #333; }

div#content { padding: 20px 40px; }

form { width: 60%; margin: 0 auto 10px auto; border: 1px solid #ccc; padding: 20px 20px 0 20px; }
form textarea { font: 100% sans-serif; }
form p label span { display: block; float: left; width: 150px; padding: 0 25px 0 0; font-weight: bold; text-align: right; }
form p label span.symbol { display: block; float: left; width: 10px; padding: 3px 5px 0 0; font-weight: bold; text-align: right; }
form p label span.special { display: block; float: left; width: 140px; padding: 0 20px 0 0; font-weight: bold; text-align: right; }

div#offices { clear: both; width: 780px; margin: 0 auto; padding: 50px 30px 0 30px; background: url("../images/footer_bg.jpg") no-repeat 50% -20px #fff; }
div#offices address { width: 33%; float: left; text-align: center; }

div.contact_offices { float: left; clear: both; margin: 0 0 10px 0; }
div.contact_offices p { padding: 0 20px 0 0; }
div.contact_offices address { margin: 0 0 10px 0; padding: 0 20px 0 0; }

div.clear { clear: both; }

div#map { height: 300px; margin: 0 0 20px 0; }

div#logos { padding: 0 30px; text-align: center; }

div#footer_warning { width: 700px; margin: 0 auto 0px auto; border: 1px solid #ccc; background: #eee; padding: 0 0 10px 0; }
div#footer_warning p { padding: 10px 10px 0 10px; margin: 0; text-align: center; color: #666; }

div#footer_nav { clear: both; }
div#footer_nav ul { float: none; text-align: center; margin: 0; padding: 20px 0; }
div#footer_nav ul li { display: inline; list-style-type: none; margin: 0; padding: 0 10px; }

div#footer { clear: both; background: #fff; margin: 0 auto; width: 720px; }
div#footer p { float: left; text-align: center; margin: 0; }
div#footer ul { float: right; margin: 0; padding: 0; }
div#footer ul li { float: right; width: 84px; height: 15px; overflow: hidden; margin: 0 0 0 10px; }
div#footer ul li a { display: block; padding: 15px 0 0 0; }
div#footer ul li.blackpoolhotels { background: url("../images/web_advertising.gif") no-repeat top left; }
div#footer ul li.bestdesigns { background: url("../images/web_design.gif") no-repeat top left; }
div#footer ul li.your_name_here { background: url("../images/web_hosting.gif") no-repeat top left; }
div#footer ul li.xhtml { background: url("../images/valid_xhtml.gif") no-repeat top left; }
div#footer ul li.css { background: url("../images/valid_css.gif") no-repeat top left; }