/*
***************************************** 
	Default Style Sheet
***************************************** 
*/


/* 
***************************************** 
	Fonts, sizes, line heights 
***************************************** 
*/

body {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
}

div#headingnav li a, #header li a:visited {
	text-decoration: none;
	font-weight: bold;	
}


div#headingnav li a:hover {
	text-decoration: underline;
}

div#headingnav {
	font-size: 130%;
}

#content p.intro {
	font-size: 130%;
	text-align: center;
}

p, ul {
		line-height:1.6em;
}

h1 {
	font-size: 115%;
}

h2 {
	font-size: 110%;
}

h3 {
	font-size: 105%;
}

h4 {
	font-size: 100%
}

/* 
***************************************** 
	Lists
***************************************** 
*/


#content ul {
	list-style: none;
	margin: 0;
	padding: 0 10px 15px 20px;
}
	
#content li {
	background: transparent url("../images/sdbullet.png") no-repeat 0 18%;
	margin: 0;
	padding: 0 0 0 20px;
}


/* 
***************************************** 
	Layout, borders, margins, padding 
***************************************** 
*/
body {
	margin: 0px;
	padding: 0px;
}

div#header {
	padding: 15px 0;
	margin-bottom: 20px;

}

div#headingnav {
	width: 750px;
	margin: 0 auto;
	/* we use position: relative to allow us to position the 
	contained navigation list in relation to this box (without
	it the nav list would be positioned relative to the window)
	 */
	position: relative;
}



div#headingnav ul  {	
	/* set margin to 0 to suppress default ul margin */
	margin: 0px;
	list-style-type: none;
	}

div#headingnav ul {
	text-align: right;
	position: absolute;
	bottom: 0px;
	right: 0px;
}	

div#headingnav li {	
	display: inline;
}	

div#headingnav li a, #header li a:visited {
	padding: 3px 10px;
}

a#getfirefox img {
	border: none;
}

#content {
	width: 750px;
	margin: 0 auto;
	text-align: justify;
}

#footer {
	clear: both;
	margin-top: 10px;
	text-align: center;
}

#formSubmit {
	text-align: center;
}

input {
	margin-left: 0px;
}


/* total width 450 */
#whowhy {
	width: 430px;
}

/* total width 375 */
#subcontent1, #subcontent2 {
	width: 355px;
}


#whowhy, #subcontent1 {
	float: left;
	padding-right: 20px;
}


/* total width 300 */
#testimonials {
	width: 280px;
}


#testimonials, #subcontent2 {
	float: left;
	padding-left: 20px;
}

/*
   Usually used to overcome stupid 3px margin bug in IE/Win floats, 
   which prevents susbsequent divs being pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html
   
   Here, we are using it because floats on home page are pushed too wide in IE5Mac
   
   TODO: work out exactly what is going on here! There may be more than one oddity
   causing the problem, we might be able to move the hack to a browser specific 
   sheet
*/
* html #whowhy, * html #testimonials, * html #subcontent1, * html #subcontent2 {
	margin-right:-3px;
}

/* 
***************************************** 
	Colours	
***************************************** 
*/

div#header {
	background-color: #069;
}

h1, h2, h3, h4, h5, h6 {
	color: #069;
}

blockquote {
	color: #333;
}

a {
	color: #066;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: #306;
}


div#headingnav li a, div#headingnav li a:visited {
	color: #cff;
}

div#headingnav li a:hover {
	color: #fff;
	background-color: #39c;
}

label.frm_val_error, span.frm_val_error {color: #930;} 

.errorMessage, .fieldErrorMessage strong {
	color: #930;
}

/*
***************************************** 
	Main Heading Image Replacement 
***************************************** 
*/
div#header h1, div#header h1 a {
	height: 151px;
	width: 750px;
	margin: 0 auto;
}

div#header h1 {
	background:url("../images/weblogo.png") no-repeat center;
}

/* ensures the link is clickable */
div#header h1 a {
	display: block;
}

div#header h1 a span {
	display: none;
}