/* Eric Meyer's CSS Reset - http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table {	border-collapse: collapse; border-spacing: 0; }
/* v1.0 | 20080212 */

html { background: url('../img/html.bg.jpg') left top repeat-x; }
html, body { font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif; }
body { position: relative; background: url('../img/body.bg.jpg') center top no-repeat; font-size: 62.5%; }

a { color: #944; }
a:hover { text-decoration: none; }

h2, h3 { font-family: 'Georgia', 'Times New Roman', 'Times', serif; }

strong { font-weight: bold; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.js_only { display: none; }

/* Form stuff */
form label, form span, form input, form select, form textarea {
	width: 100%; display: block; font-size: 1.4em;
	font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
}
form input, form select, form textarea { letter-spacing: -0.01em; }
form fieldset fieldset { margin: 4px 0 7px; }
form fieldset #buttons { width: 100%; text-align: center; }
form label { margin-bottom: 1px; color: #966; }
form button { background-color: #DDD; border: 1px outset #AAA; line-height: 16px; }

form h3 { margin-bottom: 10px; }
form #sec_input { clear: both; width: 25px; }

#error { width: 90%; margin: 0 auto 10px; background-color: #FEE; border: 1px solid #F00; }
	#error p, #error li { margin: 10px; }
	#error li { color: #F00; font-size: 0.9em; font-weight: bold; }

.sec_black { width: 15px; height: 15px; margin: 4px 3px 4px 0; float: left; background-color: #000; border: 1px #000 solid; }
	.sec_black span { display: none; }

/* Page container */
.page_container { width: 650px; margin: 0 auto; position: relative; }

/* Header */
#header { width: 555px; height: 125px; margin-bottom: 5px; background: transparent url('../img/h1.bg.gif') no-repeat; }
	#header span { display: none; }

/* Main Nav */
#nav { width: 442px; position: absolute; top: 90px; right: 0; }
	#nav li { float: left; }
		#nav li a { height: 30px; display: block; float: left; background: transparent url('../img/nav.a.bg.gif'); }
			#nav li a span { display: none; }
	/* Nav BGs and hovers */
	#nav #nav_home { width: 65px; background-position: 0 0; }			#nav #nav_home:hover { background-position: 0 -150px; }
	#nav #nav_services { width: 78px; background-position: 0 -30px; }	#nav #nav_services:hover { background-position: 0 -180px; }
	#nav #nav_about { width: 89px; background-position: 0 -60px; }		#nav #nav_about:hover { background-position: 0 -210px; }
	#nav #nav_quote { width: 110px; background-position: 0 -90px; }		#nav #nav_quote:hover { background-position: 0 -240px; }
	#nav #nav_contact { width: 100px; background-position: 0 -120px; }	#nav #nav_contact:hover { background-position: 0 -270px; }
	/* Current page nav BGs */
	#home #nav_home			{ background-position: 0 -300px; }	#services #nav_services	{ background-position: 0 -330px; }
	#about #nav_about		{ background-position: 0 -360px; }	#quote #nav_quote		{ background-position: 0 -390px; }
	#contact #nav_contact	{ background-position: 0 -420px; }

/* Footer */
#footer { clear: both; border-top: 8px solid #E8DDDB; text-align: right; }
#footer p { font-size: 1.1em; }

/* General */
.content { width: 610px; margin-left: 20px; padding-top: 8px; }
	.content p, .content p, .content ul { margin: 0px 0 15px; color: #555; font-size: 1.4em; line-height: 1.2em;}
.content_third { width: 190px; }
.content_half { width: 295px; }
.content_two_thirds { width: 400px; }
	
h2 { margin-bottom: 10px; color: #966; font-size: 2.2em; font-weight: normal; letter-spacing: -0.03em; }
h3 { padding-bottom: 3px; border-bottom: 1px solid #E8DDDB; color: #555; font-size: 1.7em; font-weight: normal; letter-spacing: -0.9px; }

/* Home */
#home #letterbox { width: 650px; height: 250px; margin-bottom: 5px; overflow: hidden; }
	#letterbox a { width: 630px; height: 250px; margin: 0 10px; display: block; border: 0; }
		#letterbox a span { display: none; }
#conveyancing { background: #FFF url('../img/letterbox_conveyancing.jpg') no-repeat; }
#injury { background: #FFF url('../img/letterbox_injury.jpg') no-repeat; }
#commercial { background: #FFF url('../img/letterbox_commercial.jpg') no-repeat; }

#home_map { width: 188px; height: 88px; margin-bottom: 10px; border: 1px solid #966; }

/* Slim letterboxes MAYBE TAKE OUT */
#letterbox_slim { width: 630px; height: 35px; margin: 0 10px 5px; }
	#quote #letterbox_slim { background: url('../img/letterbox_slim_conveyancing.jpg') left top no-repeat; }

/* About */
h3.team_name { margin-bottom: 8px; }
	h3.team_name span { color: #999; font-weight: normal; }
img.team_img { width: 100px; height: 120px; margin: 0 10px 10px 0; float: left; border: 1px solid #966; }
p.team_desc { font-size: 1.3em; line-height: 1.3em; }

/* Quote */
img.maureen { width: 150px; height: 150px; margin: 5px 0 10px 10px; float: right; border: 1px solid #966; }
a#quote_link { padding-left: 22px; background: url('../img/calculator.png') left top no-repeat; }
#quote_form select { width: auto; }
#quote_form textarea { overflow: auto; }
#quote_form .input_half { width: 150px; }
#quote_form { margin-bottom: 15px; }

/* Contact */
div.gmap { width: 398px; height: 298px; margin: 10px 0 5px; border: 1px solid #966; }
h3.conv_people, h3.send_mail { margin-bottom: 10px; }

/* Services */
table { width: 100%; margin: 10px auto; font-size: 1.3em; }
th { height: 25px; line-height: 24px; background-color: #F8F8F8; border-bottom: 1px solid #DDD; }
td { height: 24px; line-height: 23px; background-color: #FFF8F8; border-bottom: 1px solid #FFEFEF; text-align: center; }
td.subhead { background-color: #FFEEEE; border-bottom: 1px solid #FDD; border-right: 1px solid #EDD; }
td.third { width: 33%; } td.half { width: 50%; }
#services h3 { margin-top: 15px; }
blockquote, p.asterisk_info { width: 90%; margin: 0 auto 15px; font-size: 1.1em; }
blockquote { margin-bottom: 20px; line-height: 15px; }