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

/*FF outline fix*/
a:active, a:focus {
	outline: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	background-color:#FFF;
	background-position:0 top;
	background-repeat:repeat-x;
	background-image:url(../images/layout-assets/body-bk-tile.jpg);
	color:#393939;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfloats {
	clear:both;
	float:none;
	padding:0;
	margin:0;
	border:none;
}
/*----------- Shared -----------------*/
h1, h2, h3, a {
	color:#d06e00;
}
p, li, td {
	font-size:0.9em;
}
#wrap, #header, #main {
	width:984px;
}
label, input {
	display:block;
}
#content-primary, #content-primary table {
	width:619px;
}
/*-----------END Shared -----------------*/


h1 {
	font-size:1.4em;
	padding:0 0 1em 0;
}
h2 {
	font-size:1.2em;
	padding:0 0 0.5em 0;
}
h3 {
	font-size:1em;
	padding:0 0 0.3em 0;
}
p {
	line-height:1.35em;
	padding:0 0 1em 0;
}
ul {
	border: medium none;
	margin: 0;
	padding: 0 0 10px 10px;
}
li {
	line-height: 1.55em;
	margin: 0;
	padding: 0 0 0.5em 0;
}
table {
	margin:0 0 1em 0;
}
td {
	padding:0 0.5em 0.8em 0;
}

form .link {
	padding:0;
	text-align: right;
}
label, form a {
	color:#000000;
	font-size:0.8em;
	margin-bottom:0.2em;
}
input {
	border:1px solid #999;
	margin:0 0 1em 0;
	width:148px;
}
input.btn {
	background: rgb(174,177,182);
	background: -moz-linear-gradient(top, rgba(174,177,182,1) 0%, rgba(112,117,121,1) 5%, rgba(153,153,153,1) 50%, rgba(89,94,98,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(174,177,182,1)), color-stop(5%, rgba(112,117,121,1)), color-stop(50%, rgba(153,153,153,1)), color-stop(100%, rgba(89,94,98,1)));
	background: -webkit-linear-gradient(top, rgba(174,177,182,1) 0%, rgba(112,117,121,1) 5%, rgba(153,153,153,1) 50%, rgba(89,94,98,1) 100%);
	background: -o-linear-gradient(top, rgba(174,177,182,1) 0%, rgba(112,117,121,1) 5%, rgba(153,153,153,1) 50%, rgba(89,94,98,1) 100%);
	background: -ms-linear-gradient(top, rgba(174,177,182,1) 0%, rgba(112,117,121,1) 5%, rgba(153,153,153,1) 50%, rgba(89,94,98,1) 100%);
	background: linear-gradient(to bottom, rgba(174,177,182,1) 0%, rgba(112,117,121,1) 5%, rgba(153,153,153,1) 50%, rgba(89,94,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeb1b6', endColorstr='#595e62', GradientType=0 );
	border:1px solid #000;
	color:#fff;
	font-size:0.8em;
	float:left;
	height:20px;
	margin:0 1em 1em 0;
	padding:0 0 0.2em 0;
	text-align:center;
	width:40px;
}
#wrap {
	background:#fff;
	background-image:url(../images/layout-assets/wrap-bk-tile.gif);
	background-position:742px 0;
	background-repeat:repeat-y;
	border:1px solid #000;
	margin:0 auto 0 auto;
	padding:3px;
}
#header {
	background-image:url(../images/layout-assets/header-graphic.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:149px;
	margin:0 0 2px 0;
	padding:0;
}
#header a.logo {
	display: block;
	float: left;
	height: 50px;
	margin: 50px 0 0 65px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	width:150px;
}
#nav, #footer {
	background-color:#00477f;
	display:block;
}
#nav ul {
	margin:0 0 0 40px;
	padding:0;
}
#nav ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0.3em 21px 0.3em 21px;
}
#nav a {
	display:block;
	color:#fff;
	text-decoration:none;
}
#nav a:hover, #footer a:hover {
	color:#d06e00;
}
#main {
	background-image:url(../images/layout-assets/side-bar-bk.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	border-bottom:3px solid #fff;
	margin:0;
	padding:0;
}
#content-primary {
	float:left;
	margin:0;
	padding:40px 60px 60px 60px;
}

#content-primary form.login {
	background-color:#ddd;
	border:1px solid #ADADAD;
	margin:0 auto 1em auto;
	padding:1.4em 1em 0.8em 1em;
	width:330px;
}

#content-primary form.login label {
	color:#333;
	font-size:1em;
	font-weight:bold;
	float:left;
	margin:0.3em 10px 0 0;
	width:70px;
}

#content-primary form.login input {
	width:240px;}

#content-primary form.login input.btn {
	font-size:1em;
	font-weight:bold;
	height:25px;
	margin-left:80px;
	width:70px;}

#content-primary ul {
	margin:0 0 0 10px;
}
#sidebar {
	float:left;
	padding:25px 25px 315px 25px;
	width:195px;
}

#sidebar form.login {
	margin:0 0 2em 0;
	width:150px;
}

#sidebar ul.contact-details {
	padding:0;
	margin:0;
}
#sidebar ul.contact-details li {
	font-size:1em;
	line-height:1.3em;
	list-style:none;
	padding:0 0 0.2em 0;
}



#footer {
	color:#99b5cc;
	font-size:0.9em;
	margin:0;
	padding:0.5em 0 0.5em 0;
	text-align:center;
}
#footer p {
	padding:0;
}
#footer a {
	color:#99b5cc;
	text-decoration:none;
}
#footer a:hover {
	color:#d06e00;
}
.credit {
	border:none;
	display:block;
	margin:6px auto 10px auto;
	padding:0 4px 0px 852px;
	width:134px;
}

.error {
	color:#FF0000;
	font-weight:bold;}
	
.hint {
	color:#333;
	font-style:italic;}