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

* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	min-width: 900px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#page {
	position: relative;
	margin: 0 auto;
	padding-top: 320px;
}

div#page, ul#footer { width: 95%; }

/* TEXT FORMATTING */
a { color: #005397; }

h2, h3, h4, form legend { color: #005397; }
h2, h3, form legend {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h2 {
	font-size: 24px;

	margin-bottom: 10px;
}

h3, form legend {
	clear: both;
	font-size: 18px;
	padding-top: 10px;
	margin-bottom: 10px;
}

h4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0;
}

p {
	color: #222;
	line-height: 17px;
	text-align: justify;
	margin-bottom: 10px;
}

hr {
	width: 100%;
	color: #fff;
	border: 0;
	clear: both;
}

/* HOME PAGE */
div.column.half img {
	display: block;
	width: 375px;
	height: 200px;
	margin: 0 auto;

	border: 3px double #ff3327;
}

div.column.half { text-align: center; }
div.column.half p { padding: 0 4%; }

/* MASTHEAD */
h1#logo {
	position: absolute;
	display: block;

	top: 40px;
	left: 0;

	width: 490px;
	height: 66px;

	text-indent: -10000px;
	overflow: hidden;

	background: url(../images/interface/logo.gif) top left no-repeat;
}
	
ul#masthead {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 38px;
	padding-top: 122px;

	margin: 0 auto;
	list-style-type: none;
	text-align: center;

	background: url(../images/interface/telno.gif) bottom right repeat-x;
}

ul#masthead li {
	display: inline;
	margin: 0 2%;
	height: 38px;
}

ul#masthead li, ul#masthead li a { line-height: 38px; }

ul#masthead li a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

ul#masthead li a:hover { text-decoration: underline; }

/* BANNER */
div#banner {
	position: absolute;
	top: 170px;
	left: 0;

	width: 100%;
	height: 130px;

	border: 1px solid #fb141d;
	background: url(../images/interface/masthead.gif) top left repeat-x;
}

div#banner div {
	position: absolute;
	top: 0;

	width: 380px;
	height: 100%;
}

div#banner div#left { left: 0; background: url(../images/interface/mastheadL.png) top left no-repeat; }
div#banner div#centre { left: 50%; margin-left: -190px; background: url(../images/interface/mastheadC.png) top left no-repeat; }
div#banner div#right { right: 0; background: url(../images/interface/mastheadR.png) top left no-repeat; }

/* SUB MENU */
div#subMenu {
	float: left;
	width: 25%;
	margin-right: 2%;
}

div#subMenu ul { list-style-type: none; }

div#subMenu ul li {
	height: 28px;
	line-height: 28px;
	margin-bottom: 2px;
	text-indent: 20px;
	background: url(../images/interface/mainMenu.gif) center right repeat-x;
}

div#subMenu ul li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

div#subMenu ul li a:hover { text-decoration: underline; }

div#subMenu div#callyou {
	background: url(../images/interface/beigeBG.gif) bottom right repeat-x #fdf3e9;
	padding: 0 10px 40px 10px;
}

/* Menu Drop in sub Menu thing */
div#subMenu ul li.drop { height: auto; }
div#subMenu ul li ul {
	height: auto;
	background: url(../images/interface/beigeBG.gif) bottom right repeat-x #fdf3e9;
}

div#subMenu ul li ul li {
	height: auto;
	background: none;
}

div#subMenu ul li ul li a { color: #111; }

/* CONTENT */
div.column {
	float: left;
	width: 67%; /* Was 71% */
	margin: 0 2% 20px 0;
	padding-bottom: 10px;
}

div.column.full { text-align: center; margin: 0 0 20px 0; width: 100%; }
div.column.half { width: 48%; margin: 0; }
div.column.right { float: right; }
div.column.inner { width: 65%; margin: 0; }
div.column.wide { width: 100%; }
div.column.third { width: 31%; }
div.column.links { width: 64%; }
div.column.third div { text-align: center; }
div.column.third div img { display: inline; }

div.column ul {
	color: #449b1d;
	font-weight: bold;
	margin-left: 20px;
	padding: 10px 0;
	list-style-position: outside;
}

div.column li { margin-bottom: 10px; }

p.linkBox {
	clear: both;
	width: 75%;

	margin: 10px 0;
	padding: 10px 10px 30px 10px;

	font-weight: bold;
	border: 1px solid #555;

	white-space: nowrap;
	overflow: auto;
}

/* HOME PAGE */
img.standard {
	width: 250px;
	margin-bottom: 10px;
}

/* Portfolio Logo List */
ul#logos {
	float: left;
	width: 100%;
	margin: 0;
	list-style-type: none;
}

ul#logos li {
	float: left;
	width: 100px;
	height: 100px;

	margin: 2px;
	padding: 5px;
	border: 1px solid #ff3327;
}

/* IMAGE / PRODUCT GALLERY LIST */
ul.gallery {
	float: left;
	margin-top: 10px;
	list-style-type: none;
}

ul.gallery li {
	float: left;
	width: 200px;
	margin: 0 10px 25px 0;
	padding-top: 10px;
	text-align: center;
	border: 3px double #ff3327;
}

ul.gallery li h4 {
	width: 98%;
	margin: 0 auto 10px auto;
	height: 60px;
	vertical-align: middle;
}

ul.gallery li img { width: 160px; height: 160px; border: 0; }

table {
	float: left;
	font-size: 11px;

	border-collapse: collapse;
	border: 1px solid #555;

	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
}

table th { height: 45px; }
table td { padding: 2px 5px; }
table tr.odd { background-color: #ade3ff; }

/* VERTICAL GALLERY */
ul.gallery.vertical {
	padding: 0;
	margin: 0 10px 0 0;
}

ul.gallery.vertical li {
	float: none;
	padding: 0;
	margin: 0 0 10px 0;
}

/* FORMS */
form#quickContact { clear: left; }
form#quickContact label { width: 28%; }
form#quickContact input { width: 61%; }
form#quickContact select { width: 63%; }
form#quickContact input.button { width: 45%; }
form#quickContact fieldset { background: none; padding: 0; }

form fieldset {
	border: 0;
	background: url(../images/interface/beigeBG.gif) bottom right repeat-x #fdf3e9;
	padding: 0 10px 40px 10px;
}

form ol { list-style-type: none; }
form ol li { padding: 4px 0; clear: both; }

form label {
	display: block;
	float: left;
	width: 20%;
	text-align: right;
	margin-right: 10px;
}

form input, form select, form textarea {
	float: right;
	width: 72%;
	padding: 2px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;

	border: 1px solid #555;
}

form select { width: 75.7%; }
form div.checkboxes { padding: 10px 0 0 25%; }

form div.checkboxes input {
	float: left;
	clear: left;
	width: auto;
	border: 0;
	margin: 0 10px 10px 0;
}

form div.checkboxes span {
	float: left;
	display: block;
}

form button, form input.button {
	float: right;
	padding: 2px 0;
	width: 100px;

	cursor: pointer;

	color: #fff;
	background-color: #449b1d;
	font-weight: bold;

	border: 1px solid #3a8418;
	border-top-color: #4eb122;
	border-left-color: #4eb122;
}

form button:hover, form input.button:hover {
	text-transform: uppercase;
	background-color: #4eb122;
	border: 1px solid #449b1d;
	border-top-color: #56c425;
	border-left-color: #56c425;
}

ul#blogPosts { position: relative; }

ul#blogPosts li a {
	position: relative;
}

ul#blogPosts li a span {
	display: none;
}

ul#blogPosts li a:hover span {
	position: absolute;
	display: block;

	float: left;
	top: 10px;
	left: 50px;

	width: 200px;
	height: auto;

	font-weight: normal;
	color: #555;
	padding: 2px;

	border: 1px solid #555;
	background-color: #fff;
}

/* CAPTCHA */
form ol li#captcha {
	float: right;
	width: 255px;
	border: 1px solid #777;
	background-color: #fff;
	margin-top: 10px;
}

form ol li#captcha img {
	width: 245px;
	height: 40px;
	border: 0;
}

form ol li#captcha label {
	float: left;
	width: 100px;
	margin-left: 5px;
}

form ol li#captcha input {
	float: right;
	clear: none;
	width: 100px;
	margin: 0 5px 5px 0;
}

/* USED MACHINES PAGE */
ul.usedMachines {
	list-style-type: none;
}

ul.usedMachines li {
	clear: both;
	padding-bottom: 10px;
}

ul.usedMachines li a img {
	display: block;
	width: 200px;
	padding-right: 10px;
	padding-bottom: 40px;
	float: left;

	border: 0;
}

ul.usedMachines li p {
	font-weight: normal;
}

/* STAFF MEMBER EMAIL LIST */
div#subMenu ul#staff { list-style-type: none; }

div#subMenu ul#staff li {
	margin: 20px 0;
	height: 24px;
	background: url(../images/interface/email.gif) top left no-repeat;
	padding-left: 34px;
	font-size: 11px;
}

div#subMenu ul#staff a {
	display: block;
	color: #005397;
	text-indent: 0;
	text-decoration: none;
}

div#subMenu ul#staff li a:hover { text-decoration: underline; }

/* INTERACTIVE MAP */
div#interactiveMap {
	width: 98%;
	height: 300px;
}

/* FOOTER */
ul#footer {
	height: 38px;

	margin: 0 auto 20px auto;
	line-height: 38px;
	text-align: center;

	color: #fff;
	font-weight: bold;
	background: url(../images/interface/mainMenu.gif) top right repeat-x #e40e17;

	clear: both;
	list-style: none;
}

ul#footer li {
	display: inline;
	margin: 0 10%;
}

/* Webcastle Branding */
ul#footer li#webcastle a { color: #fff; }
ul#footer li#webcastle span {
	padding: 1px 5px 1px 3px;

	font-size: 11px;

	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-style: oblique;

	color: #0043f3;
	background-color: #fff;
	border: 1px solid #555;

	cursor: default;
}

ul#footer li#webcastle span span { border: 0; padding: 0; color: #fd1824; }

/* IMAGE POPUP */
div#imagePopupContainer {
	display: none;

	position: absolute;
	width: 600px;
	height: 400px;

	top: 50%;
	left: 50%;

	margin-top: -40px;
	padding: 20px 0;

	text-align: center;
	cursor: pointer;

	background: url(../images/interface/popupImageBG.gif) top left no-repeat #fff;
}

div#imagePopupLogo {
	position: absolute;
	bottom: 13px;
	right: 13px;
	width: 150px;
	height: 33px;
	background: url(../images/interface/popupImageLogo.gif) top left no-repeat;
}

/* DROP LIST */
h3.dropList {
	display: block;
	cursor: pointer;

	height: 30px;
	line-height: 30px;

	padding: 0 4px;

	border: 1px solid #ff3327;
	background: url(../images/interface/dropListBG.gif) center right no-repeat;
}

h3.dropList img {
	display: block;
	float: left;
	height: 30px;
	margin-right: 5px;
}

h3.dropList span {
	display: block;
	float: left;
}
ul.gallery.dropList {
	width: 99%;
	margin: 0 0 10px 0;
	padding-left: 10px;
	background: url(../images/interface/beigeBG.gif) bottom right repeat-x #fdf3e9;
}

ul.gallery.dropList li {
	background-color: #fff;
}

/* DROP LIST ON USED NEARLY NEW PAGE */
ul.gallery.dropList.usednew li {
	border: 0;
	background: none;
	width: 98%;
}

ul.gallery.dropList.usednew li div.image {
	float: left;
	width: 40%;
	text-align: center;
}

ul.gallery.dropList.usednew li div {
	float: right;
	width: 58%;
}

/* SCROLLER */
div#left, div#centre, div#right {
	position: relative;
	overflow: hidden;
}

div#left div, div#centre div, div#right div {
	position: absolute;
	display: block;
	z-index: 10;
	top: 0;
	left: 0;

	height: 100%;
}

img#printLogo { display: none; }
h5#printDetails { display: none; }