*{
	margin:0;
	padding:0;
}

html {
	height:100%;
}
body {
	font-family:verdana,arial,sans-serif;
	font-size:1em;
	height:100%;
}

img {
	border:0
}

a,
a:visited {
}
a:hover {
}

p{
	margin-bottom:1em;
}

/* Core layout defs */
#top-bar{
	padding-top:3px;
	color:#2e7199;
	background-color:#cfe4f5;
	height:25px;
	text-align:center;
}
#top-bar #left,
#top-bar #right{
	width:11em;
	font-size:1.1em;
	float:left;
	text-align:left;
}
#top-bar #right{
	float:right;
	text-align:right;
}


#upper-content{
	color:#333333;
	background-color:#eff5ff;
	height:230px;
	background-image: url(/images/flames.png);
	background-repeat:repeat-x;
	background-position:center bottom;
}

#upper-content #nav{
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#cfe4f5;
	height:100px;
}
#upper-content #nav #logo{
	margin:20px 20px 0 0;
	float:left;
}
#upper-content #nav #links{
	width:600px;
	margin:0 0 0 270px;
	text-align:right;
	padding-top:45px;
}
#upper-content #nav #links a,
#upper-content #nav #links a:hover,
#upper-content #nav #links a:visited,
#upper-content #content-box-header span{
	padding:5px 10px;
	text-decoration:none;
	color:#333333;
}

#upper-content #strapline{
	padding-top:10px;
	font-size:1.5em;
	line-height:1.5em;
}
#std-page #upper-content #strapline{
	text-align:right;
	height:70px;
	color:#6688bb;
}
#std-page #upper-content #strapline #quote{
	font-size:0.9em;
}
#std-page #upper-content #strapline #attribution{
	font-size:0.6em;
	font-family:verdana,arial,sans-serif;
}

#upper-content #content-box-header{
	width:960px;
	padding:10px 5px 0 5px;
	margin:0 auto;
	height:40px;
	background-color:#1f89c8;
	font-weight:bold;
	color:#efec5b;
}


#lower-content {
	color:white;
	/*height:400px;*/
	font-size:0.9em;
	line-height:1.5em;
}
#lower-content .inner{
	border:1px solid #1f89c8; /* required to fix aleft/right column alignment problem in FF */
}
#lower-content h1{
	font-size:1.4em;
}
#lower-content #content-box{
}

body,
#bottom-bar,
#upper-content #nav #links a:hover,
#upper-content #nav #links a.current,
#upper-content #content-box-header span{
	background-color:#efec5b;
}

#bottom-bar{
	padding-top:0px;
	color:#432b2b;
	height:60px;
	margin: -60px 0;
	font-size:0.6em;
	line-height:1.5em;
}
#bottom-bar .inner{
	padding-top:10px
}

#bottom-bar #right{
	float:right;
	width:30em;
	text-align:right;
}
#bottom-bar a,
#bottom-bar a:visited,
#upper-content #nav #links a:hover,
#upper-content #nav #links a.current,
#upper-content #content-box-header span a{
	color:#4f2828;
}

#upper-content #content-box-header span{
	color:#1f89c8;
}
#bottom-bar a:hover{
	color:#752020;
}

.inner
{
	width:870px;
	padding:0 40px;
	margin:0 auto;
}

.testimonial,
#services #logos,
#services #examples{
	width:330px;
	border:3px solid white;
	color:#333333;
	background-color:#cfe4f5;
	padding:10px;
	font-size:1.1em;
	margin:20px auto;
}
#strapline #quote,
.testimonial p{
	font-family: times-new-roman, serif;
	font-style:italic;
	line-height:1.4em;
	margin-bottom:0;
}
#strapline #quote span,
.testimonial p span{
	font-size:2em; /* overridden for IE */
	_font-size:1em; /* overridden for IE */
	vertical-align:middle;
	font-weight:bold;
}
.testimonial .attribution{
	margin-left:10px;
	line-height:1.5em;
	text-align:right;
	font-size:0.8em;
}
.testimonial img{
	float:left;
	margin:0 10px 0 0;
	border:1px solid #1f89c8;
}



#home,
#std-page {
	min-height:100%;
	_height:100%;
	background-color:#1f89c8;
}
#height-pad{
	padding-bottom:70px; /* stops bottom-bar from overlaying lower-content when the browser height shrinks.*/
}


#lower-content #left,
#lower-content #right{
	width:420px;
}
#lower-content #right{
	float:right;
}

#lower-content h2,
#lower-content h3,
#lower-content h4{
	font-size:1.2em;
	margin:0.5em 0 0 0;
}
#lower-content h3{
	font-size:1em;
}
#lower-content h4{
	font-size:0.8em;
}

#lower-content a,
#lower-content a:visited{
	color:#efec5b;
	font-weight:bold;
}

#lower-content #contact-details{
	font-size:1em;
}
#lower-content #contact-details span,
#lower-content #contact-details a{
	color:#efec5b;
	font-weight:normal;
}


/* Shared */

#home #lower-content #left ul a,
#home #lower-content #left ul a:visited,
#services div div div a,
#services div div div a:visited{
	color:#efec5b;
	font-weight:normal;
}
