html, body {height: 100%;}

body {background-color: #f8f8ff; color: #333333; font-family: arial, sans-serif; font-size:x-small; line-height: 1.7em;}

#content {min-height: 100%; background-color: #fff;	font-size:1.1em;padding-top:5px; border:12px solid #DED6D4; border-top:none;}

#branding {height:120px;}

#header, #footer, #branding, #content {width: 900px; margin: 0 auto; }

#header {}


#content #header h1 {font-size:3em; float:right; color: #999999; line-height:55px; padding:0 20px; margin:0;}

#footer {background-color: #eee; height: 30px; padding-top: 10px; margin: -44px auto 12px auto; text-align:center;
		 border-top:1px solid #DFE0EF; position:relative; top:-9px;}

* html #container {height: 100%;}

#clearfooter {clear:both;height: 50px;}

#branding {background-color:#fff;}
#branding img {margin:7px 20px 4px 20px;}

#content p.tagline {padding:5px 0 0 25px; margin:0px;font-weight:bold; color:#004381; font-style:italic; font-size:1.6em;}
/* color was #bd0a00*/

/* errors */
.errormsg {margin:0px 20px 20px 20px; padding:10px; font-size:1.5em; font-weight:bold; border:1px solid red;
		position:relative; top:10px;} 

/* ====================================================================================================== */		
/* Global Navigation */

ul#nav {list-style:none;margin-left:2px;}
ul#nav li {display:inline; float:left;}
ul#nav li a {text-align:center; width:128px; display:block; height:45px; text-decoration:none; font-size:16px;font-weight:bold;color: #222;
		 padding-top:8px;
		 background-position:top;
		 background-repeat:no-repeat;}

/* one-liners */
ul#nav li#overview a, ul#nav li#studies a, ul#nav li#solution a, ul#nav li#contact a {padding-top:15px; height:38px;}

/*button backgrounds - normal */
ul#nav li#overview a {background-image:url(../images/overview-button.jpg);}
ul#nav li#solution a {background-image:url(../images/solution-button.jpg);}
ul#nav li#savings a {background-image:url(../images/savings-button.jpg);}
ul#nav li#studies a {background-image:url(../images/studies-button.jpg);}
ul#nav li#calc a {background-image:url(../images/calc-button.jpg);}
ul#nav li#price a {background-image:url(../images/price-button.jpg);}
ul#nav li#contact a {background-image:url(../images/register-button.jpg);}

/* hover states */
ul#nav li a:hover{color:#888;}
ul#nav li#overview a:hover{color:#888;}

/*button backgrounds - current */
ul#nav li#overview.current a {background-image:url(../images/overview-button-on.jpg);}
ul#nav li#solution.current a {background-image:url(../images/solution-button-on.jpg);}
ul#nav li#savings.current a {background-image:url(../images/savings-button-on.jpg);}
ul#nav li#studies.current a {background-image:url(../images/studies-button-on.jpg);}
ul#nav li#calc.current a {background-image:url(../images/calc-button-on.jpg);}
ul#nav li#price.current a {background-image:url(../images/price-button-on.jpg);}
ul#nav li#contact.current a {background-image:url(../images/register-button-on.jpg);}

/* ====================================================================================================== */		

/* content formatting */
#primary h1 {font-size:2.4em; margin: 30px 20px 5px 20px;line-height:1em;color:#004381;}
#primary h2 {font-size:2em; margin: 10px 20px 5px 20px;line-height: 1em;color:#666;}
#primary h3 {font-size:1.4em; margin: 10px 20px 5px 20px;line-height: 1em;color:#666;}
#primary p {margin:10px 20px; font-size:14px; line-height:1.4em;}

#primary ul.checked {margin-left:20px;}
#primary ul.checked li {background:url(../images/tick-on-white.png) no-repeat 0 50%; padding-left:25px;
		font-size:14px;line-height:1.6em;}
		
#secondary {line-height:1em;}
#secondary img {margin:0px;padding:0px;}

sup {font-size:0.7em;vertical-align:super;}
/* ====================================================================================================== */		

ol#abclist {margin-left:10px;}
ol#abclist li {padding:10px 10px;color:#3F77A8; font-size:14px; line-height:1.4em;}
ol#abclist li img {padding-right:10px;vertical-align:top;float:left;clear:left;}

/* ====================================================================================================== */		

/* Form controls */
.enquiryForm input, .enquiryForm select, .enquiryForm textarea {font-family:consolas, arial, helvetica;font-size:1.2em; border:1px solid #A7A7A7; }

#primary form.enquiryForm h3 {padding:20px 20px 0px 0px; font-size:1.6em; color:#667;}
#primary form.enquiryForm fieldset {display:block;border-top:1px solid #ccc; padding:5px 0px; margin:6px 20px 6px 20px; width:510px;}
#primary form.enquiryForm fieldset p {margin:4px 0px 0px 0px; clear:left; line-height:1.2em;}
#primary form.enquiryForm p {font-size:1.3em; line-height:1.7em; margin:10px 20px;}
#primary form.enquiryForm p label {display:block; font-size:0.9em;text-align:left;}
#primary form.enquiryForm p span {display:block;padding:4px; background-color:#eee; width:460px; margin-bottom:2px; text-align:left;}
#primary form.enquiryForm p span input {width:452px; padding:3px 3px; }
#primary form.enquiryForm p span textarea {width:452px; padding:3px 3px; }
#primary form.enquiryForm p span input.check {width:25px; padding:3px 3px;}
#primary form.enquiryForm p span.check {width:35px;}
#primary form.enquiryForm p span select {width:452px; padding:2px 3px;}

#primary form.enquiryForm p label.half {float:left; width:220px; margin-right:20px;}
#primary form.enquiryForm p label.half input {width:212px;}
#primary form.enquiryForm p label.half select {width:220px;}
#primary form.enquiryForm p label.half span {width: 220px;}

#primary form.enquiryForm p label.third {float:left; width:165px; margin-right:15px;}
#primary form.enquiryForm p label.third input {width:157px;}
#primary form.enquiryForm p label.third select {width:165px;}
#primary form.enquiryForm p label.third span {width: 165px;}

#frm_submit {margin:5px; padding:6px 10px 6px 24px; border:2px solid #bbb; font-family: arial, default-sans-serif;
	background-color:#DDEFD3; background-image:url(../images/accept.png); background-repeat:no-repeat; background-position: 5px 8px; 
	float:right; background-color:#f0fff0;}
#frm_submit:hover {border:2px solid #579835;}

/* instructions */
#primary form.enquiryForm .instruct {float:right; width:270px;color:#555; border:2px solid #cbd6e7;
		background-color:#e4e9f2;margin-right:20px;
		position:relative; top:6px;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#primary form.enquiryForm .instruct p {margin:10px; font-size:1.2em;}
#primary form.enquiryForm .instruct img.lefttag {position:relative; left:-10px; top:3px; float:left;}

/* form validation */
label.error {color:red; font-weight:bold;}
input.error {border:1px dashed red;}