body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0px;
	padding: 0px;	
	color: #1d191b;
}

#content a{
    color:#2f576f;
    font-weight: bold;
}

#content a:hover{
    text-decoration: none;
    border-bottom: dashed 1px #2f576f;
}

#container {
	margin: auto;
	width: 978px;
}
#header{
	height: 29px;
	width: 978px;	
}
#top_nav{
	width: 252px;
	height: 29px;
	background-image:url(../images/top_nav.gif);
	background-repeat:no-repeat;
	background-color: #e8d6bb;
	float: left;
}
#top_nav ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: right;
}
#top_nav ul li{
	float: left;
	line-height: 29px;
}
#top_nav ul li a{
	line-height: 29px;
	height: 29px;
	width: 50px;
	text-indent: -90000em;
	display:block;
}
#nav{
	height: 29px;
	background-color: #093855;
	width: 725px;
	float: right;
	background-image:url(../images/nav_bg.gif);
	background-repeat:repeat-x;
	border-left: solid 1px #FFFFFF;
}
#nav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav ul li{
	line-height: 29px;
	float: left;
}
#nav ul li a{
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-right: 22px;
	padding-left: 22px;
	font-size: 0.90em;	
}
#nav ul li a:hover{
	text-decoration: underline;
}
#logo{
	clear: both;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	width: 252px;
	height: 122px;	
	background-color: #FFFFFF;
	border-top: solid 1px #FFFFFF;	
}
#logo h1{
	text-indent: -9000em;
}
#left_col{
	width: 252px;
	float: left;
	background-color: #eeeeee;
	color: #797979;
}
#right_col{
	width: 725px;
	float:left;
}
#banner_overlay{
	width: 725px;
	height: 121px;
	background-image:url(../images/banner_tint.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	border-top:solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
}
#banner_logo{
	width: 725px;
	height: 121px;
	background-image:url(../images/banner_logo.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#banner{
	width: 725px;
	height: 121px;
	background-image:url(../images/banner_default.gif);
	background-repeat:no-repeat;
}
#banner_overlay h1{
	color: #00314f;
	font-size: 1.75em;
	font-weight: bold;
	margin: 0px;
	padding-top: 93px;
	padding-left: 15px;
}
#sub_nav{
	background-image:url(../images/sub_nav_corner.gif);
	background-repeat:no-repeat;
	background-position: top left;
}
#sub_nav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sub_nav ul li{
	background-image:url(../images/sub_nav_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}
#sub_nav ul li a{
	line-height: 34px;
	text-align: right;
	padding-right: 15px;
	display: block;
	width: 237px;
	color: #797979;
	text-decoration: none;
}
#sub_nav ul li a:hover{
	text-decoration: underline;
}
#main_container{
	background-image:url(../images/container_bg.gif);
	background-repeat:repeat-y;
	width: 978px;
	clear:both;	
}
#content{
	padding-left: 20px;
	padding-bottom: 20px;
	text-align:justify;
}
#footer_divide{
	clear: both;
	height: 20px;
	border-top: solid 1px #FFFFFF;
	background-color: #e8d6bb;
}
#footer_colour{
	height: 20px;
	background-color: #093855;
	width: 725px;
	float: right;
	background-image:url(../images/nav_bg.gif);
	background-repeat:repeat-x;
	border-left: solid 1px #FFFFFF;
}
#telephone{
	background-image:url(../images/telephone.gif);
	background-repeat:no-repeat;
	width: 252px;
	height: 97px;
	margin-top: -2px;
	border-top: solid 2px #eeeeee;	
}
#telephone p{
	visibility: hidden;
}
#footer{
	color: #868686;
	width: 978px;	
}
#footer ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: 10px;
}
#footer_nav{
	width: 252px;
	float: left;
}
#footer_nav li{
	float: left;
}
#footer_nav li a{
	padding-right: 20px;
	color: #847963;
	text-decoration: none;
}
#footer ul li a:hover{
	text-decoration: underline;
}
#footer p{
	float: left;
	padding: 10px;
}
.clear{
	clear: both;
}
#logos{
	float: right;
	width: 400px;
}
#logos li{
	float: right;
	background-repeat:no-repeat;
	margin-left: 10px;
}
#logos a{
	display: block;
	text-indent: -9000em;
	text-decoration: none;
	background-repeat:no-repeat;
}
#logo_css, #logo_css a{
	background-image:url(../images/logo_css.gif);
	width: 88px;
	height: 31px;
}
#logo_xhtml, #logo_xhtml a{
	background-image:url(../images/logo_xhtml.gif);
	width: 88px;
	height: 31px;
}
#logo_ukwda, #logo_ukwda a{
	background-image:url(../images/logo_ukwda.gif);
	width: 81px;
	height: 31px;
}
#logo_microsoft, #logo_microsoft a{
	background-image:url(../images/logo_microsoft.gif);
	width: 83px;
	height: 40px;	
}
#client_area{
	width: 252px;
	background-image:url(../images/client_bg.gif);
	background-repeat:no-repeat;
}
#client_area h2{
	padding: 0px;
	margin: 0px;
	color: #89775d;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	line-height: 30px;
	text-indent: 15px;
}
#client_area form{
	margin-left: 15px;
}
#teasers{
	color: #5d5d5d;
	width: 489px;
	background-image:url(../images/teaser_bottom.gif);
	background-position:bottom left;
	padding-bottom: 3px;
	background-repeat:no-repeat;
	text-align:justify;
	float: left;
}
#teasers p{
	margin: 0px;
}
#teasers h1{
	text-indent: -90000em;
	height: 70px;
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
}
#teasers h1 a{
	display: block;
	height: 60px;
}
#teaser_products, #teaser_services, #teaser_case_study{
	background-image:url(../images/tease_products_bg.gif);
	background-repeat:repeat-y;
	width: 489px;
}
#teaser_services{
	background-image:url(../images/tease_services_bg.gif);
}
#teaser_case_study{
	background-image:url(../images/tease_case_study_bg.gif);
}
#teaser_products_top, #teaser_services_top, #teaser_case_study_top{
	padding-left: 37px;
	background-image:url(../images/tease_products_top.gif); 
	background-repeat:no-repeat;
	padding-right: 9px;
	min-height: 138px;	
}
#teaser_services_top{
	background-image:url(../images/tease_services_top.gif);
}
#teaser_case_study_top{
	background-image:url(../images/tease_case_study_top.gif);
}
#teaser_products_bottom, #teaser_services_bottom, #teaser_case_study_bottom{
	background-image:url(../images/tease_products_bottom.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	width: 489px;
	border-bottom:solid 1px white;
}
#teaser_services_bottom{
	background-image:url(../images/tease_services_bottom.gif);
}
#teaser_case_study_bottom{
	background-image:url(../images/tease_case_study_bottom.gif);
}
.teaser_image{
	background-image:url(../images/tease_img_frame.gif);
	background-repeat:no-repeat;
	background-position: top right;
	width: 200px;
	height: 139px;
	text-align:right;
	float: right;
	margin: 0px;
	padding: 0px;
}
#latest_news{
	background-image:url(../images/latest_news_bg.gif);
	background-repeat:repeat-y;
	width: 216px;
	float: left;
	color: #545f68;
}
#latest_news ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/latest_news_bottom.gif);
	background-position: bottom right;
	padding-bottom: 1px;
}
#latest_news h1{
	margin: 0px;
	padding: 0px;
	text-indent: -9000em;
	width: 216px;
	height: 33px;
	background-image:url(../images/latest_news_title.gif);
	background-repeat:no-repeat;
}
#latest_news ul li{
	background-image:url(../images/latest_news_item_bg.gif);
	background-repeat:no-repeat;
	width: 186px;
	padding: 15px;
	padding-top: 9px;
	padding-bottom: 12px;	
}
h2{
	color: #89775d;
	font-size: 1.25em;
}
#sub_panels{
	float: right;
	width: 191px;
	margin-left: 25px;
	margin-bottom: 25px;
	padding: 0px;
	margin-top: 22px;
	text-align:left;
}
.sub_panel_container{
	background-color: #fdfdfd;
	width: 191px;	
	background-repeat: no-repeat;
	padding-bottom: 40px;
	margin-bottom: 20px;	
	background-position:bottom left;
	background-image:url(../images/subpanel_bottom.gif);
	color: #6b6b6b;	
}
.sub_panel_container ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.sub_panel_container ul li a{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	background-image:url(../images/subpanel_nav_bg.gif);
	background-repeat:no-repeat;
	background-position: 10px 10px;
}
.border{
	background-image:url(../images/dotted.gif);
	background-repeat:repeat-x;
	background-position: bottom left;
}
.sub_panel_container p{
	padding-left: 13px;
	padding-right: 13px;
}
.sub_panel_container a{
	color: #6b6b6b;
}
.sub_panel_container h2{
	height: 66px;
	border: none;
	text-indent: -90000em;
	background-repeat: no-repeat;
	background-image:url(../images/subpanel_title.gif);
	width: 191px;
	margin: 0px;
	padding: 0px;
}
#sub_panel_products{
	background-image:url(../images/subpanel_bottom_products.gif);
}
#sub_panel_services{
	background-image:url(../images/subpanel_bottom_services.gif);
	padding-bottom: 25px;
}
#sub_panel_casestudy{
	background-image:url(../images/subpanel_bottom_casestudy.gif);
}
#sub_panel_products h2{
	background-image:url(../images/subpanel_title_products.gif);
}
#sub_panel_services h2{
	background-image:url(../images/subpanel_title_services.gif);
}
#sub_panel_casestudy h2{
	background-image:url(../images/subpanel_title_casestudy.gif);
}
.quote{
	font-style:italic;
	padding: 0px;
	background-image:url(../images/quote_mark.gif);
	background-repeat:no-repeat;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
}
.quote p{
	background-image:url(../images/quote_mark_bottom.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	padding-top: 23px;
	padding-right: 5px;
	padding-left: 5px;	
	padding-bottom: 17px;
	margin: 0px;
}
.quote span{
	display: none;
}
.pdf_link{
	display: block;
	background-image:url(../images/pdf_icon.gif);
	background-repeat:no-repeat;
	color: #974949;
	padding-left: 30px;
}
.resources p {
	font-size: 0.9em;
}
.resources p a {
	font-size: 1.1em;
}

p.message {
    font-weight: bold;
    color: #116f93;
}