/* Body Layout */
html { overflow-y: scroll; }

body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #333333;
	background: #000000;
	background-image:url(/images/bg_body.jpg);
	background-repeat: no-repeat;
	background-position: center -100px;
}

a:link, a:visited { color: #0099FF;	text-decoration: none; }
a:hover, a:active {	color: #FFFFFF;	text-decoration: none; background-color: #0099FF; }

p { line-height: 135%; margin: 0 0 15px 0; }

a img { border: 0px; }

ul {
	padding: 0;
	margin: 0 0 15px 13px;
}

ul li {
	padding: 0;
	margin: 0;
	line-height: 135%;
}

h2 {
	color: #0099FF;
	margin:  0;
	padding: 25px;
	font-size: 18px;
	line-height: 120%;
	border-top: 1px dotted #0099FF;
	border-bottom: 1px dotted #0099FF;
	font-weight: normal;
}

h3 {
	color: #0099FF;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0;
	margin: 0 0 3px 0;
}

/* Header */
div#header {
	width: 751px;
	margin: 0 auto;
	text-align: left;
	padding: 0 10px;
	height: 130px;
	background: url(/images/bg_header.jpg) no-repeat center #000000;
	border-left: 3px solid #EDEEEE;
	border-right: 3px solid #EDEEEE;
}

div#contactDetails {
	background: #000000;
	border: 1px solid #C1C1CD;
	border-top: 0;
	padding: 6px 5px 6px 0;
	color: #FFFFFF;
	text-align: right;
	font-size: 10px;
	margin-right: 5px;
	width: 201px;
	position: fixed;
	top: 0;
	right: 5px;
	z-index: 999;
}

div#contactDetails ul, div#topLinks ul { margin: 0; padding: 0; }
div#contactDetails ul li { display: inline; list-style: none; margin-left: 5px; }

div#contactDetails img { vertical-align: middle; }
div#contactDetails a:hover img { background-color: #000000; }

div#logo {
	width: 578px;
	float: left;
	position: relative;
	padding-top: 50px;
}

div#logo a:hover, div#logo a:active { background: none; }

div#topLinks {
	width: 173px;
	float: right;
	position: relative;
	text-align: right;
	color: #0099FF;
	padding-top: 55px;
}

div#topLinks ul li { list-style: none; }

div#topLinks a:hover, div#topLinks a:active,
div#contactDetails a:hover, div#contactDetails a:active { 
	text-decoration: none; color: #FFFFFF; background-color: #000000;
}

a:link.splash, a:visited.splash { 
	padding-left: 19px;
	background-image: url(/images/partners.gif);
	background-repeat: no-repeat;
}
a:hover.splash, a:active.splash { background-image: url(/images/partners.gif); background-position: 0 -13px; text-decoration: none; }

ul.breadcrumbs {
	margin: 0;
	padding: 3px 7px ;
	border-top: 1px dotted #0099FF;
	font-weight: bold;
}

ul.breadcrumbs li {
	list-style: none;
	display: inline;
}

/* Content */
div#content {
	width: 771px;
	margin: 0 auto;
	text-align: left;
	padding: 2px 0;
	background-color: #EDEEEE;
	background-image: url(/images/bg_content.gif);
	background-repeat: repeat-x;
	border-left: 3px solid #EDEEEE;
	border-right: 3px solid #EDEEEE;
}

div#homeServices { 
	margin-top: 2px;
	padding-bottom: 3px; 
	border-bottom: 1px dotted #0099FF;
}

div.contactList {
	width: 165px;
	padding-left: 25px;
	margin-top: 15px;
	float: left;
	font-weight: bold;
}

div.contactList ul {
	margin: 0 0 15px 0;
	padding: 0;
}

div.contactList ul li {
	list-style: none;
}

div.contactList a:link, div.contactList a:visited { color: #99CCFF;	text-decoration: none; }
div.contactList a:hover, div.contactList a:active {	color: #FFFFFF;	text-decoration: none; background-color: #99CCFF; }

/* Footer */
div#login {
	width: 771px;
	text-align: left;
	background: #FFFFFF;
	margin: 0 auto;
	border-left: 3px solid #EDEEEE;
	border-right: 3px solid #EDEEEE;
	border-bottom: 3px solid #EDEEEE;
}

div#loginForm {
	width: 569px;
	float: left;
	position: relative;
	padding: 5px 0 0 7px;
}

div#seperator {
	width: 3px;
	float: left;
	position: relative;
	background-color: #ECEDED;
	height: 80px;
}

div.formField {
	float: left;
	position: relative;
	margin-right: 2px;
	margin-top: 3px;
	text-transform: uppercase;
	color: #99CCFF;
	font-weight: bold;
}

div#blog {
	width: 190px;
	float: right;
	position: relative;
	text-align: center;
	background-color: #FFFFFF;
	height: 80px;
	margin-right: 2px;
}

a:link.news, a:visited.news { 
	width: 190px;
	height: 80px;
	display: block;
	background-image: url(/images/blog.jpg);
	background-repeat: no-repeat;
}
a:hover.news, a:active.news { background-image: url(/images/blog.jpg); background-position: 0 -80px; text-decoration: none; }

div#divider {
	width: 769px;
	height: 17px;
	background-color: #0E9AFF;
}

div#footer {
	width: 763px;
	margin: 3px auto;
	text-align: left;
	padding: 4px;
	background-color: #0092FC;
	border-left: 3px solid #0092FC;
	border-right: 3px solid #0092FC;
	color: #FFFFFF;
}

div#footer ul { margin: 0; padding: 0; float: left; width: 600px;}

div#footer ul li { list-style: none; display: inline; margin-right: 5px; }

div#footer a:link, div#footer a:visited { color: #FFFFFF;	text-decoration: none; }
div#footer a:hover, div#footer a:active { color: #0092FC;	text-decoration: none; background-color: #FFFFFF; }

div#rss {
	float: right;
	width: 100px;
	text-align: right;
}

/* Contact */
form {
	padding: 0;
	margin: 0;
}

.missing { border: 2px solid #99CCFF; }

input, textarea, select {
	border: 1px solid #202020;
	font-size: 11px;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-bottom: 5px;
}

select { padding: 0; }

.submit { border: 0; padding: 0; }

div#homeContact {
	width: 186px;
	padding: 0 7px;
	float: right;
	margin-top: 15px;
}

div#homeContact textarea, div#homeContact input, div#supplierForm textarea, div#supplierForm input, div#supplierForm select {
	margin: 0 0 3px 0;
	width: 164px;
	border: solid 1px #E0F1FD;
	font-size: 11px;
	padding: 1px;
	color: #6FC3FF;
	font-family: Arial, Helvetica, sans-serif;
}

div#homeContact input.send, div#supplierForm input.send {
	width: 98px;
	height: 38px;
	margin: -16px 0 10px 0;
	z-index: 3;
	border: 0;
	padding: 0;
}

div#homeContact .missing, div#supplierForm .missing { border: 2px solid #99CCFF; }

div#supplierForm textarea, div#supplierForm input, div#supplierForm select { width: 345px; }

div#contactContainer {
	height: 239px;
	background-color: #438CC2;
	margin-bottom: 3px;
	margin-right: 2px;
	color: #FFFFFF;
}

div#mug {
	width: 191px;
	float: left;
	position: relative;
	text-align: right;
}

div.details {
	width: 176px;
	float: left;
	position: relative;
	padding-top: 27px;
}

div.details2 {
	width: 226px;
	float: left;
	position: relative;
	padding-top: 27px;
}

div.detailText {
	width: 526px;
	padding: 27px 26px 0 26px;
	float: left;
	position: relative;
}

p.home { 
	text-transform: uppercase;
	margin-top: 18px;
	margin-right: 18px;
}

p.home a { color: #FFFFFF; }

/* Vacancies */
p.title {
	color: #0099FF;
	margin:  0;
	padding: 25px;
	font-size: 18px;
	line-height: 120%;
	border-top: 1px dotted #0099FF;
	border-bottom: 1px dotted #0099FF;
	font-weight: normal;
}

a.back:link, a.back:visited { color: #99CCFF; text-decoration: none; font-size: 11px; }
a.back:hover, a.back:active { color: #FFFFFF; text-decoration: none; background-color: #0099FF; font-size: 11px; }

/* Suppliers */
div#supplierleft {
	color: #0099FF;
	margin: 0;
	padding: 25px;
	font-size: 18px;
	line-height: 120%;
	border-top: 1px dotted #0099FF;
	font-weight: normal;
	width: 325px;
}

div#supplierForm {
	width: 345px;
	float: right;
	border-top: 1px dotted #0099FF;
	padding: 25px;
}

table { margin-bottom: 20px; }

table h3 { text-transform: none; }

table th { 
	text-align: left;
	color: #0796FF;
	padding: 4px 0 4px 20px;
}

table tr.dotted {
	border-top: 1px dotted #0099FF;
	border-bottom: 1px dotted #0099FF;

}

table td { padding: 20px 0 5px 20px; }

table td.lastCell { padding-right: 5px; }

/* Miscellaneous */
div.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0.1em;
	overflow: hidden;
}