/******************************************************
    Sheet type:  MODULES
    Updated on:  28/04/2011
******************************************************/


/* ***************************** ELEMENTS */

/* ...................... Logo */
#logo {
	width: 130px; height: 60px;
	float: left;
}

#logo a,
#logo a img {display: block}

/* ................ Main Image */
#main-image {position: absolute; right: 0px; top: -145px}

/* ................ Call Today */
#call-today {padding-left: 30px}


/* ******************************* BLOCKS */

/* ...................... List */
#list {}

#list li {
	padding-left: 30px; margin-bottom: 30px;
	background: url(../images/tick.png) no-repeat left 5px;
	overflow: hidden;
}

#list li.last {margin-bottom: 0px}

#list li h3 {margin-bottom: 3px}

#list li p {
	font: normal 13px/15px Arial, Helvetica, sans-serif;
	color: #747679;
}


/* ..................... Quote */
#quote {
	background: url(../images/quotes.png) no-repeat left top;
	padding: 25px 0px 0px 30px;
	font: normal 14px/28px "Myriad Pro", Arial, Helvetica;
	color: #747679;
}

#quote blockquote {
	font: italic 16px/20px "Myriad Pro Italic", Arial, Helvetica;
	color: #97a1b6;
}

/* ............. Brochure Form */
#brochure-form {
	position: relative;
	width: 256px; min-height: 330px;
	padding: 20px 25px;
	border: 1px solid #e2e1dd;
	background: #f0f0ef url(../images/box-gradient.png) repeat-x center top;
	font: normal 14px/16px "Myriad Pro", Arial, Helvetica;
	color: #747679;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #CCC; -moz-box-shadow: 1px 1px 2px #DDD; box-shadow: 2px 2px 2px #CCC;
}

#brochure-form h2 {color: #344d6e}

#brochure-form h2 span {color: #1167be}

#brochure-form input.txt {
	display: block;
	width: 242px;
}

#brochure-form input.warning {border-color: #900}

#brochure-form .error {
	position: absolute; left: 25px; top: 275px;
	width: 256px;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #900;
}

#view-brochure {
	width: 260px; height: 55px;
	border: 0px;
	background: url(../images/btn.png) no-repeat 0px 0px;
	position: relative; zoom: 1;
}

#view-brochure:hover {background-position: 0px -65px}
#view-brochure:active {background-position: 0px -130px}

#brochure-form .small {
	font: normal 11px/ 13px Arial, Helvetica, sans-serif;
	color: #8c8d8e;
}

/* ................. Thank you */
#thank-you {margin-top: -40px}

#thank-you h1 {font: bold 34px/36px "Myriad Pro", Arial, Helvetica; color: #039}

#thank-you p {font: normal 18px/20px "Myriad Pro", Arial, Helvetica; color: #88a7e1}

#thank-you p a {text-decoration: underline; color: #005abb}

#thank-you p a:hover {text-decoration: none}