/* CSS Document */
#global {
	position:absolute;
	left: 50%;
	width: 780px;
	margin-left: -390px; half of the width 
	top: 0px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#FF4040;
}

.textblocks{
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	color:#000000;
}

.textblockswhite{
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	color:#ffffff;
}

.textblocksred{
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#fb1c03;
}

.textblockbold{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

label{
	padding: 0 0 0 6px;
	float: left;
	width: 110px;
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}
	
br{
	clear: left;
	}
	
input, textarea{
	width: 200px;
	margin-bottom: 5px;
	border: 1px solid #999;
	padding: 1px;
	font-size: 11px;
	}
	
select{
	width: 234px;
	margin:0 0 12px 0;
	border: 1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 20px;
	}
	
textarea{
	width: 200px;
	height: 100px;
	font-size:12px;
	}
	
.radio {
	border: none;
	width: auto;
	height: auto;
	margin: 0;
	}
	
.submitbutton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffba00;
	background: #d01414;
	padding: 2px;
	margin-left: 242px;
	margin-top: 0px;
	width: 70px;
	cursor:hand;
	border:none;
	}

.titles{
	position:absolute;
	top:310px;
	left:72px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:justify;
	color:#000000;
	width: 500px;
	font-weight:bold;
}

.textblocks1{
	position:absolute;
	top:345px;
	left:72px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
	width: 555px;
	height: 272px;
}

.textblocks2{
	position:absolute;
	top:619px;
	left:72px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
	width: 719px;
	height: 29px;
}

.textblocks3{
	position:absolute;
	top:345px;
	left:67px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
	width: 371px;
}

.textblocks4{
	position:absolute;
	top:345px;
	left:491px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
	width: 334px;
}

.textblocksnopos{
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
}

.address{
	padding: 0 0 0 6px;
	float: left;
	width: 110px;
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}

.style1 {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

.styleflash {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight:bold;
	position:absolute;
	left: 630px;
	top: 264px;
	width: 128px;
	height: 128px;
}

.textscroll{
	padding-bottom:10px;
	padding-right:13px;
	padding-top:8px; 
	padding-left:0px; 
	overflow-y:scroll;	
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#e49001;
	scrollbar-face-color: #e1e1e1; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3Dlight-color: #c4c4c4;
	scrollbar-shadow-color: #c4c4c4;  
	scrollbar-arrow-color: #939393; 
	scrollbar-track-color: #f1f1f1; 
	scrollbar-darkshadow-color: #b2b1b1;
}

.aext{
	color:#CC3300;
	font-weight: bold;
	text-decoration:underline;
}

.stylelinks {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}




/*

OPEN IMAGES IN NEW WINDOW:
<script LANGUAGE="JavaScript">

imagename = '';
function enlrge(imgnme,xx,yy) {
    lrgewin = window.open("about:blank","","height=" + yy + ",width=" + xx + ", scrollbars=1,resizable=1")
    imagename = imgnme;
    setTimeout('update()',500)
}

function update() {
    doc = lrgewin.document;
    doc.open('text/html');
    doc.write('<HTML><HEAD><TITLE>Enlarged Image<\/TITLE><\/HEAD><BODY bgcolor="white">');
    doc.write('<IMG SRC="' + imagename + '">');
    doc.write('<\/BODY><\/HTML>');
    doc.close();
}

//</script>

<html>
<head>

<title>TITLE</title>

REMOVE IMAGE TOOLBAR FROM ALL IMAGES ON PAGE
<meta http-equiv="imagetoolbar" content="no">

STYLESHEET LINK:
<link href="filename.css" rel="stylesheet" type="text/css" media="all" />

</head>

<body>

CENTER DIV ON PAGE:
<div id="global">

STYLE SHEET ENTRY
#global {
	position:absolute;
	left: 50%;
	width: 778px;
	margin-left: -389px; half of the width 
	top: 0px;
}
	

IMAGE TAG WITH ONCLICK TO OPEN IN LARGE WINDOW:
<img src="images/see-larger-43.jpg" width="83" height="72" border="0" alt="see larger" 
 style="cursor:hand" onClick="enlrge('images/larger-43.jpg',540,500);">

CHANGE CURSOR TO HAND ICON WHEN MOUSE IS OVER AN IMAGE
onmouseover="this.style.cursor='hand';"

FREE INDEX LINK (REQUIRES Style1):
<div style="position:absolute; top:100px; left:691px;  width: 141px; text-align:right;">
<a href="http://www.freeindex.co.uk" target="_blank" class="style1">UK Business Directory</a></div>

KYANITE LINK (REQUIRES Style1):
<div style="position:absolute; top:100px; left:25px;  width: 328px; text-align:left;">
<a href="http://www.kyaniteconsulting.co.uk" target="_blank" class="style1">Site Design & Hosting by Kyanite Consulting Limited</a></div>


FLASH OBJECT

<script type="text/javascript" src="swfobject.js"></script>

<div id="flashcontent" align="left">
<p>Unable to load the Flash movie. </p>
</div>
<script type="text/javascript">
var so = new SWFObject("menu_home.swf", "menu_home", "850", "100", "6", "#ffffff"); 
so.write("flashcontent"); 
//
</script>


</body>
</html>

Redirect to new page
<meta HTTP-EQUIV="Refresh" CONTENT="0; URL=http://www.dorianf-x.co.uk">



*/