/* --- CSS --- */
/* ---   chris@grafeio.co.uk   --- */

/* --- main body settings --- */

body {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-family: Tahoma, sans-serif;
	text-align: left;
	color: #482A0E;
	background: #C0D6EB;
	}

img {
	border: none;
	}
	
p { 
	margin: 10px;
	padding: 0;
	}
	
em {
	font-style: italic;
	font-weight: normal;
	}

h1 {
	margin: 2px 5px;
	padding: 0;
	font-family: Georgia, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 150%;
	color: #016CBE;
	}

h1 span {
	display: none;
	}

h2 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: bold;
	font-size: 115%;
	color: #683D14;
	}

h3 {
	margin: 2px;
	padding: 0;
	font-family: Georgia, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 105%;
	color: #683D14;
	}

a span {
	display: none;
	}

a, a:visited {
	padding-left: 2px;
	color: #002846;
	text-decoration: underline;
	}

a:hover, a:active {
	padding-left: 2px;
	color: #016CBE;
	text-decoration: none;
	}

.code {margin-left: 20px; font-family: courier, monospace; color: green;}
.right {float: right; text-align: right;}
.left {float: left; text-align: left;}
.note {font-size: 90%; color: #555;}


#menu {
	clear: both;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#menu ul {
	margin: 20px auto;
	padding: 0;
	width: 220px;
	list-style-type: none;
	}

#menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#menu li a, #menu li a:visited{
	margin: 0;
	padding: 7px 6px;
	display: block;
	width: 180px;
	color: #777;
	text-decoration: none;
	border-bottom: 1px solid #bbb;
	}
	
#menu li a:hover, #menu li#active a{
	color: #016CBE;
	background: #ddd;
	border-bottom: 1px solid #016CBE;
	}



/* --- page layout --- */




#page {
	margin: 0 auto 0 auto; padding-left: 11px;
	width: 925px;
	background: url('../images/containerBG.jpg') repeat-y;
	}
	
#container1 {
	margin: 0; padding: 0;
	width: 903px;
	background: url('../images/container1BG.jpg') 0 0 no-repeat;
	}

#container2 {
	margin: 0 auto 0 auto; padding: 0;
	width: 903px;
	background: url('../images/container2BG.jpg') 487px bottom no-repeat;
	}
	
#header {
	margin: 0 auto 0 auto; padding: 0;
	width: 903px; height: 104px;
	}

#clear_right1 {
	float: right; margin: 0;
	width: 45px; height: 104px;
	}
	
#static1 a {
	float: right; display: block;
	margin-top: 0px;  padding: 0;
	width: 214px; height: 104px;
	}

#content_area {
	margin: 0; padding: 0;
	width: 903px;
	}

#side {
	float: left;
	margin: 0;
	width: 290px; height: 500px;
	}

#callnow {
	margin: 0;
	width: 290px; height: 145px;
	background: url(../images/callnow.jpg) no-repeat;
	}

#callnow a {
	float: right; display: block;
	margin-top: 65px;
	margin-right: 20px;
	width: 150px; height: 45px;
	}


#H1hotel {
	margin: 0; padding: 0;
	width: 280px; height: 95px;
	background: url(../images/H1hotel.jpg) 0 -15px no-repeat;
	}

#H1restaurant {
	margin: 0; padding: 0;
	width: 280px; height: 95px;
	background: url(../images/H1restaurant.jpg) 0 -15px no-repeat;
	}

#H1kitchen {
	margin: 0; padding: 0;
	width: 280px; height: 95px;
	background: url(../images/H1kitchen.jpg) 0 -15px no-repeat;
	}

#H1workwear{
	margin: 0; padding: 0;
	width: 280px; height: 95px;
	background: url(../images/H1workwear.jpg) 0 -15px no-repeat;
	}
	
#H1hygiene{
	margin: 0; padding: 0;
	width: 280px; height: 95px;
	background: url(../images/H1hygiene.jpg) 0 -15px no-repeat;
	}

#H1contact {
	margin: 0; padding: 0;
	width: 280px; height: 95px;
	background: url(../images/H1contact.jpg) 0 -15px no-repeat;
	}

#H1company {
	margin: 0; padding: 0;
	width: 280px; height: 95px;
	background: url(../images/H1company.jpg )0 -15px no-repeat;
	}


#menu {
	margin: 0;
	}
	
#main {
	float: left;
	margin: 0; padding: 0;
	width: 600px;
	}

#clear_right2 {
	float: right; margin: 0;
	width: 32px; height: 70px;
	}

#static2 a {
	float: right; display: block;
	margin: 0px;  padding: 0;
	width: 214px; height: 70px;
	}
	
#image {
	clear: both; float: right;
	margin-top: 30px; padding: 0;
	width: 540px; height: 270px;
	border: 4px solid black;
	}

#copy {
	float: right;
	margin: 15px 10px 25px 0; padding: 0;
	text-align: justify;
	width: 540px;
	}


#footer {
	clear: both;
	margin: 0px; padding: 0;
	width: 903px; height: 90px;
	font-size: 80%;
	text-align: center;
	color: #80A1BB;
	border-top: 1px solid #599;
	}

#uls {
	padding-top: 10px;
	}

#footer ul {
	margin: 10px;
	}

#footer li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
	}

#footer li a, #footer li a:visited {
	text-decoration: none;
	color: #80A1BB;
	}

#footer li a:hover, #footer li a:active {
	text-decoration: none;
	border-top: 1px solid #016CBE;
	color: #016CBE;
	}


ul#sitemap li {
	margin-top: 10px;
	}

/* Form */

#form_area {
	clear: both;
	}

#form_area p {
	text-align: justify;
	}

#form {
	clear: both;
	margin: 15px 0;
	float: right;
	font-size: 90%;
	}

#form fieldset {
	padding: 10px;
	border: 1px solid #ddd;
	}

#form legend {
	color: #036;
	}

#msg {
	clear: both;
	}

#form_error  p {
	clear: both; padding: 10px;
	font-family: arial, helvetica, sans-serif; font-size: 90%;
	text-align: center;
	color: #d00;
	border-top: #d00 1px solid;
	border-bottom: #d00 1px solid;
	}

#form .textfield {
	width: 140px;
	height: 20px;
	margin: 3px;
	padding: 2px 0 0 4px;
	background: url(../images/textfield_bg.gif) no-repeat;
	border: 0px solid #eee;
	}

#existing_client {
	margin-right: 0px;
	}

#form table.personal_details td fieldset {
	height: 190px;
	}

#form .textarea {
	margin: 3px;
	padding: 4px 0 0 4px;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	background: url(../images/textarea_bg.gif) no-repeat;
	border: 0px solid #eee;
	}

.submit, .reset {
	width: 60px;
	margin: 3px;
	}
	

/* ----------- */