html, body {
height:100%;
width:100%;
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote {
font-family:"Trebuchet MS", Arial, Helvetica,sans-serif;
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote {
border:0 none;
font-family:"Trebuchet MS", Arial, Helvetica,sans-serif;
margin:0;
padding:0;
}

body {
background:#FFFFFF url(images/body-background.gif) repeat-x scroll left top;
color:#000000;
font-size:62.5%;
padding-top: 30px;
}

ul {
list-style-type:none;
}

h3 {
font-size: 2em;
margin-bottom: 10px;
padding-bottom: 10px;
}

p{
margin-bottom: 20px;
font-size:1.1em;
}

.textindent {
line-height:0;
text-indent:-5000px;
}

h1.logo {
background:transparent url(images/customer-experience-logo.gif) no-repeat scroll 20px 26px;
display:block;
float:left;
height:100px;
margin:0;
text-indent:-5000px;
width:473px;
border-bottom: 5px solid #901B1B;
}

a {
color: #1B406D;
}

a.contactbutton {
background:transparent url(images/callback-button.png) no-repeat scroll 0 0;
display:block;
float:left;
height:44px;
width:246px;
}


#sitewrapper {
font-size:1.1em;
margin:0 auto;
width:980px;
background-color: #fff;
border-left: 1px solid #022E48;
border-right: 1px solid #022E48;
}

#header {
float:left;
margin:0px;
padding:0px;
width:980px;
}

#maincontent {
clear:both;
margin: 40px;
margin-top: 30px;
margin-bottom: 10px;
text-align: left;
font-size: 1.1em;
}

#maincontent ul {
list-style-type: circle;
font-size: 1.1em;
margin-bottom: 20px;
margin-left: 20px;
}
#leftcolumn{
width: 602px;
float: left;
padding-right: 40px;
}

#rightcolumn{
width: 256px;
float:right;
}

#footer {
clear: both;
background:#DEEBF2 none repeat-x scroll left top;
border-top:1px solid #022E48;
color:#666666;
margin:0;
padding:0px;
width:100%;
}

#footer #footercentre {
font-size:1.1em;
margin:0 auto;
padding:10px 8px;
width:964px;
}

#headermessage {
background:#055C90 none repeat-x scroll left top;
border-bottom:1px solid #022E48;
color:#ffffff;
font-weight: bold;
float:center;
margin:0;
padding:0;
width:100%;
position: fixed;
top:0;
left: 0;
}

#headermessage a{
color: #fff;
text-decoration: none;
}

#headermessage p{
margin-bottom: 10px;
}

#headermessage #headermessagecentre {
padding: 7px;
padding-bottom: 5px;
font-size:1em;
margin:0 auto;
width:964px;
}

#contactcolumn {
width: 364px;
float:left;
}
#aboutcolumn {
width: 600px;
float:right;
text-align: right;
}


#banner {
clear:left;
display: block;
background:transparent url(images/banner.png) no-repeat scroll bottom center;
width: 500px;
height: 190px;
padding: 30px;
padding-left:50px;
padding-right:380px;
padding-top: 60px;
margin-left: 25px;

}

#banner2 {
clear:left;
display: block;
background:transparent url(images/banner2.png) no-repeat scroll bottom center;
width: 500px;
height: 190px;
padding: 30px;
padding-left:50px;
padding-right:380px;
padding-top: 60px;
margin-left: 25px;

}

#banner2 h2 {
font-size: 2.8em;
text-indent: -12pt;
font-family: "Rockwell";
}

#banner2 h2 strong {
font-weight: normal;
}

#banner2 a {
font-weight: normal;
text-decoration: none;
font-size: 2.7em;
font-family: "Rockwell";
color: #e9e9e9;
}

#banner h2 {
font-size: 2.8em;
text-indent: -12pt;
font-family: "Rockwell";
}

#banner h2 strong {
font-weight: normal;
}

#banner a {
font-weight: normal;
text-decoration: none;
font-size: 2.7em;
font-family: "Rockwell";
color: #e9e9e9;
}

ul#footercontact{
line-height: 2;
}

ul#footercontact li{
display: inline; 
padding: 2px;
margin: 5px;
}

#navigation {
text-align: left;
font-size: 1.4em;
color: #000;
margin:0px;
}

#navigation em{
font-size: 2em; 
font-style:normal;
display:block;
}

#navigation a{
text-decoration:none;
color: #303030;
}

#navigation a:hover, em a:hover{
background: transparent url(images/nav-hover-back.gif) repeat-x scroll 0 0;
}

#navigation #about{
display: block;
margin-left: 1px;
float: left;
width: 148px;
height: 80px;
padding: 10px;
border-bottom: 5px solid #2076AA;
}

#navigation #services{
display: block;
margin-left: 1px;
float: left;
width: 148px;
height: 80px;
padding: 10px;
border-bottom: 5px solid #E3E02A;
}

#navigation #contact{
display: block;
margin-left: 1px;
float: left;
width: 148px;
height: 80px;
padding: 10px;
border-bottom: 5px solid #DD1313;
}

input.email {
border: 1px solid #909090;
font-family:"Trebuchet MS", Arial, Helvetica,sans-serif;
font-size: 12px;
color: #303030;
padding: 2px;
padding-left: 22px;
width: 229px;
height: 17px;
background: transparent url(images/envelope.gif) no-repeat scroll 2px 4px;
}

textarea.message {
border: 1px solid #909090;
font-family:"Trebuchet MS", Arial, Helvetica,sans-serif;
font-size: 12px;
color: #303030;
padding: 2px;
padding-left: 22px;
width: 229px;
height: 85px;
background: transparent url(images/message.gif) no-repeat scroll 2px 4px;
}

td{
vertical-align: top;
border-top: 1px solid #666;
}