/* =========== */
/* = General = */
/* =========== */

/* Global 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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
select, input, textarea, button {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-size: 1em;
	color: #333;
}
body {
	font: normal 14px/1.428571429 "Lucida Grande","Lucida Sans Unicode",Garuda,Arial, Helvetica, sans-serif;
	color: #666;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
hr {
	display: none;
}

/*
	Utility
*/
#some-element-to-clear:after {
	content: "";
	display: block;
	clear: both;
}
.non-visual {
	position: absolute;
	left: -9999px;
}


/*
	Layout
*/
body {
	width: 800px;
	margin: 0 auto;
	background: #fff;
}
#content {
	position: relative;
	height: 720px;
	background: url(bg_body.jpg) no-repeat;
}
#offer-explanation {
	position: absolute;
	bottom: 20px;
	left: 345px;
	width: 415px;
}
#offer-form {
	position: relative;
	width: 282px;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 18px 0;
	background: rgba(255,255,255,0.8);
	bac\kground: #FAFAE9;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#roundel {
	position: absolute;
	top: -40px;
	right: -40px;
	width: 79px;
	height: 79px;
	background: url(100_roundel.png) no-repeat;
}

/* ============ */
/* = Elements = */
/* ============ */

/*
	Anchors
*/


/*
	Headers
*/
h2 {
	font-size: 20px;
	line-height: 1.2;
	color: #f7941d;
}
#offer-form  h2 {
	width: 260px;
	font-size: 22px;
	line-height: 1.1;
}

/*
	Lists
*/


/* Reset list styling for some elements */


/*
	Body text
*/
#offer-explanation p {
	font-size: 11px;
	color: #333;
}
#offer-form p {
	margin-top: 12px;
	font-size: 16px;
	line-height: 1.125;
}
#offer-explanation p.callback, #offer-explanation a {
	color: #f7941d;
}

/*
	Form & form fields
*/
#postcode {
	margin: 0;
	border: 0;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 24px;
	width: 127px;
	hei\ght: 24px;
	background: #fff url(input_postcode.png) no-repeat;
}
#offer-form label {
	color: #777;
}

/*
	Block quote
*/

/* =========== */
/* = Widgets = */
/* =========== */

/* 
	Header 
*/


/* 
	Navigation menus
*/


/* 
	Footer
*/
#footer {
	margin-top: 18px;
	border-top: 2px solid #666;
	padding: 18px;
	font-size: 10px;
}
#footer .copyright {
	font-weight: bold;
	color: #333;
}