/*
	Google Local Template 1 Stylesheet
	
	- Description:		General Stylesheet
	- Author:			Oliver Willis
	- Website:			http://www.townpages.co.uk	

*/

/* -- Style Reset -------------------------------------------------------- */

html, body, div, table, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, blockquote, img,
img a									{ margin: 0; padding: 0; border: none; }
a 										{ outline: none; text-decoration: none; }
hr 										{ display: none; }

img										{ margin-bottom: -5px; }

/* -- Common Tags -------------------------------------------------------- */

body									{ font: 14px/20px Arial, Helvetica, sans-serif; color: #333; background: #333; }
h1										{ font-size: 36px; line-height: 40px; }
h2										{ font-size: 20px; line-height: 20px; color: #212d48; margin-bottom: 20px; }
h3										{ font-size: 18px; color: #212d48; margin-bottom: 20px; }
ul										{ margin: 0 0 20px 20px; }
p										{ margin-bottom: 20px; }


p a 									{ color: #212d48; text-decoration: underline; }
p a:hover								{ text-decoration: none; }

/* -- Common Classes ----------------------------------------------------- */

.important								{ font-size: 16px; font-weight: bold; list-style: none; color: #fff; background: #32446c; margin-left: 0; 
											-webkit-border-radius: 10px; 
											-moz-border-radius: 10px; 
											border-radius: 10px; }
.important li							{ padding: 15px 20px; }
.important li.last						{ background: #212d48; 
											-webkit-border-radius: 0 0 10px 10px; 
											-moz-border-radius: 0 0 10px 10px; 
											border-radius: 0 0 10px 10px; }

/* -- Common Page Elements ----------------------------------------------- */

#wrapper								{ width: 960px; overflow: hidden; margin: 40px auto; }

/* -- Header ------------------------------------------------------------- */

#header									{ float: left; width: 960px; color: #fff; background: #32446c; padding-top: 20px; 
											-webkit-border-radius: 10px 10px 0 0; 
											-moz-border-radius: 10px 10px 0 0; 
											border-radius: 10px 10px 0 0; }
#header h1								{ float: left; width: 580px; margin: 40px 0 0 20px; }
#header h1 span							{ color: #68c0ff; }
#header p								{ float: left; width: 580px; font-size: 22px; line-height: 30px; font-weight: bold; color: #a3d9ff; margin-left: 20px; }
#header img								{ margin-bottom: 20px; padding-left: 20px; }

/* -- Call To Action ----------------------------------------------------- */

#action									{ float: left; width: 920px; font-size: 18px; font-weight: bold; text-align: center; color: #fff; background: #212d48; padding: 20px; margin-bottom: 0; }
#action a								{ color: #fff; }

/* -- Image Section Split ------------------------------------------------ */

#images									{ float: left; width: 960px; list-style: none; background: #fff; padding-top: 20px; margin: 0; }
#images li								{ float: left; width: 280px; margin: 0 20px; }
#images li img							{ margin-bottom: -5px; 
											-webkit-border-radius: 10px 10px 0 0; 
											-moz-border-radius: 10px 10px 0 0; 
											border-radius: 10px 10px 0 0; }
#images li p							{ font-weight: bold; text-align: center; color: #fff; background: #212d48; padding: 10px 0; 
											-webkit-border-radius: 0 0 10px 10px; 
											-moz-border-radius: 0 0 10px 10px; 
											border-radius: 0 0 10px 10px; }
#images li ul							{ margin-bottom: 20px; }

/* -- Content ------------------------------------------------------------ */

#content								{ float: left; width: 920px; background: #fff; padding: 20px; }

#main									{ float: left; width: 620px; margin-right: 20px; }
#main img								{ margin: 0 10px 10px 0; }
#figure									{ float: left; width: 580px; padding: 0 20px; margin-bottom: 20px; }
#figure img								{ margin: 0 20px; }

#sidebar								{ float: left; width: 280px; }
#sidebar dt								{ float: left; width: 240px; background: #212d48; padding: 20px 20px 0 20px; 
											-webkit-border-radius: 10px 10px 0 0; 
											-moz-border-radius: 10px 10px 0 0; 
											border-radius: 10px 10px 0 0; }
#sidebar dd								{ float: left; width: 240px; background: #32446c; color: #fff; padding: 20px 20px 0 20px; margin-bottom: 20px; 
											-webkit-border-radius: 0 0 10px 10px; 
											-moz-border-radius: 0 0 10px 10px; 
											border-radius: 0 0 10px 10px; }
#sidebar h2, #sidebar p a 				{ color: #fff; }
#sidebar ul 							{ margin-left: 0; }
#sidebar ul li							{ list-style: none; background: url('../img/arrow.png') 0 50% no-repeat; padding-left: 20px; }

/* -- Footer -------------------------------------------------------------- */

#footer									{ float: left; width: 920px; background: #212d48; padding: 20px 20px 0 20px;
											-webkit-border-radius: 0 0 10px 10px; 
											-moz-border-radius: 0 0 10px 10px; 
											border-radius: 0 0 10px 10px; }
#footer p								{ float: left; width: 920px; font-size: 16px; font-weight: bold; text-align: center; color: #fff; }
#footer p span.number					{ font-size: 48px; line-height: 60px; color: #68c0ff; }