@charset "utf-8";
/* CSS Document */

* { margin: 0;}

html {height: 100%; background: url(../images/top-bg.jpg) repeat-x;}
	
body {
	height: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

img {border:none;}

a {
	outline:none;
	}
	
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -89px; /* the bottom margin is the negative value of the footer's height */
	text-align: center;
}

#header {
	height: 93px;
	width: 860px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.content {width: 860px; margin:0 auto; text-align: left;}

.footer {height: 79px; background: url(../images/footer-bg.jpg) repeat-x; padding-top: 10px;}

.push {
	height: 89px;
	clear: both;
	width: 100%;
} /* part of the sticky footer */

.clear {
	clear: both;
} /* fixes firefox div overflow prob */

.main {
	float: right;
	width: 570px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.main dt {
	font-weight: bold;
	font-size: 12px;
}
.main dd {
	font-size: 12px;
	margin-bottom: 10px;
}
.standard  {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	clear: left;

}
.standard  ul  li  {
	font-size: 10px;
	line-height: 14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.standard li     {
	font-size: 12px;
	margin-left: 30px;
	list-style-type: square;
	color: #666666;
	margin-right: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 16px;
}
.printers {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	clear: both;
}
.printers li {
	margin-bottom: 5px;
	list-style-type: none;
}
.printers li a {
	font-size: 12px;
	font-weight: bold;
}





.current {
	background-image: url(../images/current-nav.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	color: #333333;
	font-weight: bold;

	}
.noborder {
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

	
.subnav {
	display: block;
	float: left;
	width: 270px;
	padding: 0px;
	margin: 0px;
}

.subnav li {
	display: block;
	list-style-type: none;
	background-image: url(../images/subnav-bar.gif);
	background-position: bottom;
	background-repeat: no-repeat;


}
.subnav li.noborder {
	background-image: none;
}



	
.subnav li a {
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #999999;
}

.subnav li a:hover {
	color: #666666;

}




/* Sidebar styles BEGIN */

.sidebar {float: right; width: 237px; background: url(../images/sidebar-top.gif) no-repeat #066CAA; padding-top: 5px;}

.sidebarimage {margin: 0 10px}

.sidebar h3 {color: #FFFFFF; font-weight: normal; font-size: 18px; margin: 5px 0 5px 10px;}

.sidebar ul {list-style-type: none; padding: 0; margin: 0 10px;}

.sidebar li {
	background: url(../images/sidebar-line.gif) repeat-x bottom;
	color: #FFFFFF;
	padding: 2px 0 8px 0;
}




.sidebar li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
.sidebar li a:hover {
	color: #CEECFD;
}



.sidebarfoot {clear: both; vertical-align: bottom;}

.arrow {background: url(../images/arrow.gif) left no-repeat; display: block; padding-left: 22px;}
#search/* Sidebar styles END */


 {
	width: 400px;
	float: right;
}



.hero {
	width: 860px;
	float: left;
	margin-top: 20px;
	margin-bottom: 25px;
}
.footer-info {
	width: 430px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	color: #daeeff;
	text-align: left;
	margin-top: 10px;
	vertical-align: middle;
	background-image: url(../images/iso.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 70px;
	height: 35px;
}

.footer ul {
	list-style-type: none;
}
.footer li {
	display: inline;
	padding-right: 5px;
	color: #FFFFFF;
	font-size: 11px;
}
.footer ul a:link {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}
.footer ul a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.footer ul a:hover {
	color: #66CCFF;
	text-decoration: none;
}
.footer ul a:active {
	color: #FFFFFF;
	text-decoration: none;
}

/* MENU STYLES */

#nav {
	width: 613px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
	bottom: -55px;
	right: 0px;
	}

#nav li {
	display:inline;
	float:left;	
	}

#nav li a {
	outline:none;
	}

#nav li#home a {
	width:58px;
	height:35px;
	display: block;
	text-indent: -9999px;
	background: url(../images/menu.gif) 0 0;
	}
	
#nav li#home a:hover { background:url(../images/menu.gif) 0 -35px;}
#nav li#home a:active {background:url(../images/menu.gif) 0 -70px;}
body.home #nav li#home a {background:url(../images/menu.gif) 0 -70px;}

#nav li#why a {
	background:url(../images/menu.gif) -58px 0;
	width:125px;
	height:35px;
	display: block;
	text-indent: -9999px;
	}
	
#nav li#why a:hover { background:url(../images/menu.gif) -58px -35px;}
#nav li#why a:active {background:url(../images/menu.gif) -58px -70px;}
body.why #nav li#why a {background:url(../images/menu.gif) -58px -70px;}
	
	
#nav li#cards a {
	background:url(../images/menu.gif) -183px 0;
	width:99px;
	height:35px;
	display: block;
	text-indent: -9999px;
	}
	
#nav li#cards a:hover { background:url(../images/menu.gif) -183px -35px;}
#nav li#cards a:active {background:url(../images/menu.gif) -183px -70px;}
body.cards  #nav  li#cards  a {background:url(../images/menu.gif) -183px -70px;}


#nav li#idaccess a {
	background:url(../images/menu.gif) -282px 0;
	width:112px;
	height:35px;
	display: block;
	text-indent: -9999px;
	}
	
#nav li#idaccess a:hover { background:url(../images/menu.gif) -282px -35px;}
#nav li#idaccess a:active {background:url(../images/menu.gif) -282px -70px;}
body.idaccess #nav li#idaccess a {background:url(../images/menu.gif) -282px -70px;}

#nav li#serv a {
	background:url(../images/menu.gif) -394px 0;
	width:73px;
	height:35px;
	display: block;
	text-indent: -9999px;
	}
	
#nav li#serv a:hover { background:url(../images/menu.gif) -394px -35px;}
#nav li#serv a:active {background:url(../images/menu.gif) -394px -70px;}
body.serv #nav li#serv a {background:url(../images/menu.gif) -394px -70px;}

#nav li#artwork a {
	background:url(../images/menu.gif) -468px 0;
	width:70px;
	height:35px;
	display: block;
	text-indent: -9999px;
	}
	
#nav li#artwork a:hover { background:url(../images/menu.gif) -468px -35px;}
#nav li#artwork a:active {background:url(../images/menu.gif) -468px -70px;}
body.artwork #nav li#artwork a {background:url(../images/menu.gif) -468px -70px;}

#nav li#contact a {
	background:url(../images/menu.gif) -544px 0;
	width:70px;
	height:35px;
	display: block;
	text-indent: -9999px;
	}
	
#nav li#contact a:hover { background:url(../images/menu.gif) -544px -35px;}
#nav li#contact a:active {background:url(../images/menu.gif) -544px -70px;}
body.contact #nav li#contact a {background:url(../images/menu.gif) -544px -70px;}

/*  MENU STYLES END */

.border {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #87BEDC;
}

.mainintro {
	float: left;
	width: 612px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#search {
	text-align: right;
	margin: 0px;
	padding: 0px;
	width: 290px;
}
#request, .request {
	width: 570px;
}
#request .subtable, .request .subtable {
	width: 570px;
}

#request td, .request td {
	padding-top: 5px;
	padding-bottom: 5px;
}

#request label, .request label {
	font-size: 12px;
	padding-right: 20px;
	color: #666666;
	float: right;
	font-weight: bold;
}
#request  #checkbox, .request  #checkbox {
	margin-left: 5px;
}
.requesttext {
	font-size: 11px;
	font-weight: bold;
}
.requestcolour {
	font-size: 11px;
	font-weight: bold;
	margin-right: 5px;
	vertical-align: middle;
}
#request textarea, .request textarea  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



#request tr, .request tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
label em  {
	color: #FF0000;
}
.aligncentre {
	text-align: center;
}

.border  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.formtitle {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
	padding-bottom: 10px;
	margin-top: 10px;
}

#search  fieldset {
	margin: 0px;
	padding: 5px;
	background-color: #F8F8F8;
	border: 1px solid #E6E6E6;
}
#search #textfield {
	width: 200px;
}
#map {
	height: 300px;
	width: 568px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
.terms {
	float: right;
	width: 570px;
	padding: 5px 0 5px;
}
.terms dl {
	margin-bottom: 20px;
}
.terms dt {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}
.terms dd {
	font-size: 12px;
	margin-bottom: 5px;
	color: #000000;
	line-height: 16px;
	text-align: justify;
}

.nextpage  {
	display: block;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
a.nextpage   {
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}
.flashmovie {
	float: left;
	height: 175px;
	width: 612px;
}
.searchbody {
	float: right;
	width: 800px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	margin-right: 30px;
	margin-left: 30px;
}