<br />
<b>Warning</b>:  ob_start(): function 'compress' not found or invalid function name in <b>/homepages/9/d333568550/htdocs/wardtech.co.uk/master-css.php</b> on line <b>4</b><br />
@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------------------ CSS RESET ---*/

html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*------------------------------------------------------------------------------ HTML ELEMENTS ---*/

h1 {
	font-size: 20px;
	color: #e78b12;
	font-weight: bold;
	text-transform: uppercase;
}

html, body {
	height: 100%;
}

body {
	background-image: url(images/test-bg.png);
	color: #5e5e5e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a, a:active, a:link {
	color: #e68a12;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input, textarea {
	font-size: 14px; margin: 2px; padding: 3px;
}

p {
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: justify;
}

input {
	margin-top: 3px;
}

/*------------------------------------------------------------------------------ DIVS ---*/

#call-us {
	width: 780px;
}

#call-us p {
	position: relative;
	float: right;
	font-size: 28px;
	color: #e68a12;
	font-weight: bold;
	left: -30px;
}

#main-container {
	position: relative;
	width: 780px;
	margin: 0 auto;
	min-height: 100%;
	margin-top: 10px;
	margin-bottom: -150px;
}
* html #main-container { height: 100%; } /*---- IE FIX ---*/

#client-login {
	float: right;
	position: relative;
	left: -19px;
	top: -24px;
	width: 174px;
	height: 24px;
	max-height: 24px;
	background-image: url(images/remote-support.png);
	background-repeat: no-repeat;
}

#client-login a {
	display: block;
	width: 170px;
	height: 24px;
	text-decoration: none;
}

#logged-in-menu {
	float: right;
	position: relative;
	left: -20px;
	top: -23px;
	width: 240px;
	height: 24px;
	background-image: url(images/logged-in.png);
	background-repeat: no-repeat;
}

#logged-in-menu a, #logged-in-menu a:active, #logged-in-menu a:link {
	color: #fff;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#content-container {
	margin: 0 auto;
	z-index: 10000;
	height: 100%;
}

#content-top {
	background-image: url(images/main-top.png);
	min-height: 24px;
	background-repeat: no-repeat;
	margin: 0;
}

#links {
	float: left;
	position: relative;
	left: 5px;
	top: -10px;
	height: 54px;
	font-size: 16px;
	color: #585858;
	text-align: center;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-weight: 500;
}

#links a, #links a:active, #links a:link {
	display: block;
	height: 54px;
	width: 123px;
	text-decoration: none;
	color: #585858;
}

#links a:hover {
	color: #f2be7b;
}

#links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#links ul li {
	display: inline-block;
	height: 54px;
	margin-left: 14px;
}

#links ul li:hover {
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 22px;
}

#services {
	position: relative;
	left: -65px;
	top: -15px;
	width: 100%;
	z-index: 20;
}

#services ul {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: -60px;
	margin-top: 12px;
}
#business {
	background-image: url(images/business-hover.png);
	background-position: right;
	background-repeat: no-repeat;
	z-index: 20;
}
#backup {
	background-image: url(images/backup-hover.png);
	background-position: right;
	background-repeat: no-repeat;
	z-index: 18;
}
#network {
	background-image: url(images/network-hover.png);
	background-position: right;
	background-repeat: no-repeat;
	z-index: 16;
}
#consumables {
	background-image: url(images/consumables-hover.png);
	background-position: right;
	background-repeat: no-repeat;
	z-index: 14;
}
#telecoms {
	background-image: url(images/telecoms-hover.png);
	background-position: right;
	background-repeat: no-repeat;
	z-index: 12;
}
#website {
	background-image: url(images/website-hover.png);
	background-position: right;
	background-repeat: no-repeat;
	z-index: 10;
}
#website-hosting {
	background-image: url(images/website-hosting-hover.png);
	background-position: right;
	background-repeat: no-repeat;
	z-index: 8;
}
#ukpcrepair {
	background-image: url(images/ukpcrepair-hover.png);
	background-position: right;
	background-repeat: no-repeat;
	z-index: 6;
}

#backup img {
	margin-top: -10px;
}
#consumables img {
	margin-top: -10px;
}
#network img {
	margin-top: -10px;
}
#telecoms img {
	margin-top: -10px;
}
#website img {
	margin-top: -10px;
}
#website-hosting img {
	margin-top: -10px;
}
#ukpcrepair img {
	margin-top: -10px;
}

#services ul li {
	position: relative;
	margin-top: -10px;
	display: block;
	height: 51px;
	width: 270px;
}

#services img { 
	float: right;
}

#cyclingAd {
	width: 745px;
	margin-left: 2px;
}

#content-main {
	background-image: url(images/main-bg.png);
	min-height: 3px;
	background-repeat: repeat-y;
}

#content {
	width: 540px;
	margin-top: 7px;
	margin-left: 3px;
	padding: 2px;
	padding-left: 25px;
	float: right;
}

#content li {
	margin-top: 5px;
	margin-bottom: 5px;
}

#content p {
	text-align: justify;
}

#newsletter {
	float: right;
	width: 306px;
	height: 400px;
	background-image: url(images/newsletter.png);
}

#newsletter-content {
	width: 265px;
	margin: 0 auto;
	font-size: 30px;
	margin-top: 10px;
}

#newsletter-content p {
	font-weight: bold;
	color: #000;
}

#newsletter table tr td {
	font-size: 22px;
}

#newsletter input.textbox {
	font-size: 20px;
	border: solid medium #c8cbcc;
}

#newsletter input.join {
	display: inline-block;
	height: 33px;
	width: 139px;
	background-image: url(images/join.png);
	border: none;
	float: right;
}

#footer {
	position: relative;
	height: 150px;
	background-image: url(images/footer-bg.png);
	background-repeat: repeat-x;
	background-color: #908e8e;
	text-align: center;
	color: #e8e5e2;
}

#content-bottom {
	width: 780px;
	margin: 0 auto;
	background-image: url(images/main-bottom.png);
	min-height: 34px;
	background-repeat: no-repeat;
}

#community {
	float: left;
	margin-left: 10px;
}

#footer h1 {
	font-size: 26px;
	font-weight: bold;
	color: #e8e5e2;
	margin: 0;
	text-transform: none;
}

#footer h2 {
	font-size: 18px;
	font-weight: bold;
	color: #e8e5e2;
	margin: 0;
}

#footer p {
	margin: 0;
}

#footer a, #footer a:active, #footer a:link {
	color: #e7e5e2;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#copyright-info {
	font-size: 11px;
}

/*------------------------------------------------------------------------------ CLASSES ---*/

.copyright { font-size: 10px; }
.justify { text-align: justify; }
.service { margin-top: -10px; }
.bold { font-weight: bold; }
.error { color: #e68a12; }
.smallText { font-size: 12px; }
.padding tr td { padding: 3px; }
.red { color: #f00; }
.green { color: #0F3; }