@CHARSET "UTF-8";

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	margin:0;
	padding:0;

/* HEADER */

} #siteHead {
	width:100%;
	height:140px;
	background-image: url(img/Banner.png);
	background-position:center;
} #headerText {
	padding-left:50px;
	font-style:italic;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
} #logo {
	position:relative;
	top:53px;
	padding-left:5px;
	padding-top:5px;
	
/* NAVIGATION */

} #navWrap {
	width:100%;
	height:32px;
	background-color: #333;
	padding-top:0px;	
} #navBar { 
	width:100%;
	overflow:hidden;
	background-image:url(img/navback.png);
	background-position:center;
	background-repeat:no-repeat;
} #navBar ul {
	text-align:center;
	list-style:none;
	clear:left;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	left:50%;	
} #navBar ul li {
	display:block;
	float:left;
	list-style:none;
	margin: 0;
	padding:0;
	position:relative;
	right:50%;	
} #navBar ul li a:link {
	color:#fff;
	text-decoration:none;
	display:block;
	padding-top:7px;
	height:25px;
	width:140px;
} #navBar ul li a:visited {
	color:#fff;
	text-decoration:none;
	display:block;
	padding-top:7px;
	height:25px;
	width:140px;
} #navBar ul li a:active {
	text-decoration:none;
	display:block;
	padding-top:7px;
	height:25px;
	width:140px;
} #navBar ul li a:hover {
	color: #ACE1F2;
	padding-top:7px;
	height:25px;
	width:140px;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;

/* MAIN SITE */

} #headWrap {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
} #mainWrap {
	background-image:url(img/background-slice.png);
	background-repeat:repeat-y;
	background-position:center;	
} #contentWrap {
	width: 842px;
	margin-left:auto;
	margin-right: auto;
	height:780px;
	padding-top:30px;
} #flashBox {
	width: 100%;
	height:210px;
	background-color:#CCC;
} #newsWrap {
	position:relative;
	width:100%;
	background-image: url(img/newsboxes.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:290px;
} .newsBox {
	position:relative;
	padding-top:2;
	margin-right:3%;
	padding-left:8px;
	padding-top:15px;
	width:27%;
	float:left;
} .newsBox1 {
	position:relative;
	padding-top:2;
	margin-right:3%;
	margin-left:35px;
	padding-left:8px;
	padding-top:15px;
	width:27%;
	float:left;
} .newsBox2 {
	position:relative;
	padding-top:2;
	margin-right:3%;
	margin-left:30px;
	padding-left:8px;
	padding-top:15px;
	width:25%;
	float:left;
} #formWrap {
	width:400px;
	float:left
} #googleMap {
	float:left;
} .screenShot {
	border:1px;
	border-style:solid;
	border-color: #999;
	width:216px;
	float:left;
	margin-top:15px;	
} .screenText {
	float:left;
	background-image: url(img/textBackground.png);
	background-repeat:no-repeat;
	width:500px;
	height:130px;
	padding-top:20px;
	padding-left:60px;
	padding-right:px;
	color: #666;
	margin-left: 40px;
	margin-top:15px;
	text-align: center;
} .screenTextFont {
	font-size:8pt;
} .screenTextInside {
	position:relative;
	width:450px;
} .tick {
	float:left;
} #ecdl {
	float:left	
} #itSupport {
	float:left;
	width:650px; 
	height:50px;	
} #bayHouse {
	float:left;
	width:520px;
	height:300px;
	padding-left:10px;
    padding-top:10px;	
} #aboutUs {
	float:left;
	height:90px;
	width:300px;
	height:300px;
	padding-top:10px	
} #webServices {
	width: 99%;
	float:left;
	padding-top:5px;
	padding-left:5px;
	height:165px;
	background-image:url(img/webServicesbckgrnd.jpg) 
} #hantswebwin {
	position:relative;
	float:left;
	margin-left:-95px;
	margin-top:15px;
	

/* FOOTER */
	
/* FONTS */

} h1 {						/* Main page headings MUST USE THIS (make classes for special large text etc instead) */
	font-size:medium;
	margin:0;
	padding:0;
	color: # 000;
	background-color:# 333;
	font-family: Arial, serif, Times, 
} h2 {
	font-size:medium;
	margin:0;
} h3 {
	font-size:medium;
	font-style:italic;
	margin:0;
} h4 {
	font-size:small;
	margin:0;
} h5 {
	font-size:small;
	font-style:italic;
	margin:0;
} h6 { 
	font-size:small;
	font-style:italic;
	margin:0;
} p { 						/* Default paragraph font margin 0 ensures same line spacing across browsers */
	font-size:small;
	margin:0;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333
	
} p1 { 						/* Default paragraph font margin 0 ensures same line spacing across browsers */
	font-size:small;
	margin:0;
	text-align: left;
	float:left;
	color:#666	
} .p { 						/* Same as above. Use to quickly add default style to elements without extra p tags */
	font-size:small;
	margin:0;
} .smallPrint {				/* E.g. copyright notice */
	font-size:x-small;
	color:#666;
	text-align: center;
} .italic {
	font-style:italic;
	font-size: small;
} .textCenter{				/* Only centers text inside a container (e.g. table column), use objCenter to center container */
	text-align:center;

/*MISC CLASSES*/

} .clearFloat {				/* Use below floating divs to prevent unwanted overlap */
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
} .imgLink {				/* Use on all images acting as links to prevent link colour borders */
	border:0;
} .imgBorder {				/* Use to add border or other style to images */
	border:1px;
	border-style:solid;
	border-color:#999;
	margin-right:5px;
	margin-bottom:5px;
	padding:3px;
} .objLeft {				/* Use to float left an object (e.g. image) in parent div */
	float:left;
	margin-right:10px;
} .objRight {				/* Use to float right an object (e.g. image) in parent div */
	float:right;
	margin-left:10px;
} .objCenter {				/* Use to center an object (e.g. image) in parent div */
	display:block;
	margin-left:auto;
	margin-right:auto;
} .minHeight {				/* Set on div to stop empty pages collapsing */
	height:400px;
} .divider {
	height:1px;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(img/Divider.png);
	background-position:left;
	background-repeat:no-repeat;
} .vcenter {
	margin-top:4px;
} .checklist {
	margin:3px 0;
	
/* CLOSING BRACE BELOW */
}
/* END */