/* Common */

body {
	margin: 0px;
	background-color: #ffffff;
	}
body, td, p, ul, ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #626c72;
}

/* Top */

div#topFrame {
	position:relative;
	width:800px;
	height:105px;
	margin-left:4px;
	margin-right:4px;
	}

div#logoFrame a{
	position:absolute;
	border:none;
	top:49px;
	height:46px;
	width:204px;
	background-image:url(../images/haydock-logo.gif);
	background-repeat:no-repeat;
	}

/* Navigation */

div#langEng a{
	position:absolute;
	border:none;
	left:701px;
	height:18px;
	width:50px;
	background-image:url(../images/btn-langEng-on.gif);
	background-repeat:no-repeat;
	}
div#langEng a:hover{
	border:none;
	background-image:url(../images/btn-langEng-ovr.gif);
	}

div#langChi a{
	position:absolute;
	border:none;
	left:751px;
	height:18px;
	width:49px;
	background-image:url(../images/btn-langChi-on.gif);
	background-repeat:no-repeat;
	}
div#langChi a:hover{
	border:none;
	background-image:url(../images/btn-langChi-ovr.gif);
	}

div#nvHome a{ 
	position:absolute;
	border:none;
	top:68px;
	left:259px;
    width:65px;
	height:38px;
	background-image:url(../images/btn-home-on.gif);
	}
div#nvHome a:hover{ 
	border:none;
	background-image:url(../images/btn-home-ovr.gif);
	}

div#nvAbout a{ 
	position:absolute;
	border:none;
	top:68px;
	left:324px;
    width:95px;
	height:38px;
	background-image:url(../images/btn-about-on.gif);
	}
div#nvAbout a:hover{ 
	border:none;
	background-image:url(../images/btn-about-ovr.gif);
	}

div#nvWorld a{ 
	position:absolute;
	border:none;
	top:68px;
	left:419px;
    width:161px;
	height:38px;
	background-image:url(../images/btn-world-on.gif);
	}
div#nvWorld a:hover{ 
	border:none;
	background-image:url(../images/btn-world-ovr.gif);
	}

div#nvMedia a{ 
	position:absolute;
	border:none;
	top:68px;
	left:580px;
    width:107px;
	height:38px;
	background-image:url(../images/btn-media-on.gif);
	}
div#nvMedia a:hover{ 
	border:none;
	background-image:url(../images/btn-media-ovr.gif);
	}

div#nvContact a{ 
	position:absolute;
	border:none;
	top:68px;
	left:687px;
    width:113px;
	height:38px;
	background-image:url(../images/btn-contact-on.gif);
	}
div#nvContact a:hover{ 
	border:none;
	background-image:url(../images/btn-contact-ovr.gif);
	}
	
/* Main Image */

div#mainImgHome {
	position:relative;
	border:none;
	width:808px;
	height:219px;
	background-image:url(../images/img-top-home.jpg);
	background-repeat:no-repeat;
	}

div#mainImgAbout {
	position:relative;
	border:none;
	width:808px;
	height:219px;
	background-image:url(../images/img-top-about.jpg);
	background-repeat:no-repeat;
	}

div#mainImgWorld {
	position:relative;
	border:none;
	width:808px;
	height:219px;
	background-image:url(../images/img-top-world.jpg);
	background-repeat:no-repeat;
	}

div#mainImgMedia {
	position:relative;
	border:none;
	width:808px;
	height:219px;
	background-image:url(../images/img-top-media.jpg);
	background-repeat:no-repeat;
	}

div#mainImgContact {
	position:relative;
	border:none;
	width:808px;
	height:219px;
	background-image:url(../images/img-top-contact.jpg);
	background-repeat:no-repeat;
	}

/* Center Frame */

div#centerFrame {
	position:relative;
	width:800px;
	height:100%;
	margin-left:4px;
	margin-right:4px;
	}

/* Center Frame -HOMEPAGE */

div#homeWhois_frame {
	position: absolute;
	left:0px;
	text-align:left;
	width:255px;
	height:466px;
	background-image:url(../images/shadow-short-home.gif);
	background-repeat:no-repeat;
	}

div#homeWhois_title {
	position:relative;
	top:34px;
	width:220px;
	height:14px;
	background-image:url(../images/title-home-whois.gif);
	background-repeat:no-repeat;
	}

div#home_line {
	position:relative;
	top:43px;
	width:233px;
	height:1px;
	background-image:url(../images/dot-line.gif);
	}

div#home_cont {
	position:relative;
	top:62px;
	width:235px;
	height:100%;
	}

div#homeWhy_frame {
	position: absolute;
	left:273px;
	text-align:left;
	width:255px;
	height:466px;
	background-image:url(../images/shadow-short-home.gif);
	background-repeat:no-repeat;
	}

div#homeWhy_title {
	position:relative;
	top:34px;
	width:220px;
	height:14px;
	background-image:url(../images/title-home-whywork.gif);
	background-repeat:no-repeat;
	}

div#homeFeature_frame {
	position: absolute;
	left:546px;
	text-align:left;
	width:255px;
	height:466px;
	background-image:url(../images/shadow-short-home.gif);
	background-repeat:no-repeat;
	}

div#homeFeature_title {
	position:relative;
	top:34px;
	width:220px;
	height:14px;
	background-image:url(../images/title-home-feature.gif);
	background-repeat:no-repeat;
	}

/* Center Frame -SHARE */

div#share_lineL {
	position:relative;
	top:43px;
	width:506px;
	height:1px;
	background-image:url(../images/dot-line.gif);
	}

div#share_contL {
	position:relative;
	top:62px;
	width:500px;
	height:100%;
	}

div#share_frame {
	position: absolute;
	left:0px;
	text-align:left;
	width:528px;
	height:666px;
	background-image:url(../images/shadow-long-other.gif);
	background-repeat:no-repeat;
	}

/* Center Frame - ABOUT */

div#about_title {
	position:relative;
	top:34px;
	width:220px;
	height:14px;
	background-image:url(../images/title-about-aboutus.gif);
	background-repeat:no-repeat;
	}

/* Center Frame - WORLD */

div#world_title {
	position:relative;
	top:34px;
	width:220px;
	height:14px;
	background-image:url(../images/title-world-class.gif);
	background-repeat:no-repeat;
	}

/* Center Frame - MEDIA */

div#media_title {
	position:relative;
	top:34px;
	width:150px;
	height:14px;
	background-image:url(../images/title-media-room.gif);
	background-repeat:no-repeat;
	}

div#media_titleS {
	position: absolute;
	top:34px;
	left:140px;
	font-size:16px;
	color:#000000;
	width:200px;
	height:14px;
	}
/* Contact */

div#contactS_lineS {
	position:relative;
	top:43px;
	width:233px;
	height:1px;
	background-image:url(../images/dot-line.gif);
	}

div#contactL_line {
	position:relative;
	top:43px;
	width:778px;
	height:1px;
	background-image:url(../images/dot-line.gif);
	}
	
div#contactS_contS {
	position:relative;
	top:62px;
	width:235px;
	height:100%;
	}
	
div#contactS_frame {
	position: absolute;
	left:546px;
	text-align:left;
	width:255px;
	height:666px;
	background-image:url(../images/shadow-long-other2.gif);
	background-repeat:no-repeat;
	}

div#contactL_frame {
	position: absolute;
	left:0px;
	text-align:left;
	width:800px;
	height:666px;
	background-image:url(../images/shadow-shortL.gif);
	background-repeat:no-repeat;
	}

div#contactS_title {
	position:relative;
	top:34px;
	width:225px;
	height:14px;
	background-image:url(../images/title-contact-info.gif);
	background-repeat:no-repeat;
	}

/* Footer Frame */

div#footerFrame {
	position: relative;
	width:800px;
	height:35px;
	padding-top:15px;
	margin-left:4px;
	margin-right:4px;
	font-size:10px;
	background-image:url(../images/shadow-footer.gif);
	background-repeat:no-repeat;
	}

/* Font Styles */
	
.textStyle1 {color:#0f75bc;}
.textStyle2 {color:#0f75bc; font-size:10px;}
.textStyle3 {color:#000000;}