body {
	margin: 0;
	padding: 0;
	background-image: url("graphics/page-bg.jpg");
	background-attachment: fixed;
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #E0E0E0;
}

body, td, th, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #003E66;
}

h1, h2, h3, h4 {
	font-weight: normal;
	margin: 0;
}

p {
	line-height: 160%;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

a:active, a:link, a:visited {
	color: #007BD2;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #007BD2;
}

h3 {
	font-size: 16px;
}	

p {
	text-align: justify;
}











#wrapper {
	margin: 0 auto;
}

#header {
	padding: 25px 40px 15px 40px;
	width: 910px;
	background-image: url("graphics/shadow.png");
	background-repeat: repeat-y;
	margin: 0 auto;
}

#header img {
	margin-top: -5px;
	margin-bottom: 10px;
}

#phone {
	width: 400px;
	float: right;
	text-align: right;
}

	#phone h1 {
		font-size: 26px;
		color: #007BD2;
	}

	#phone h2 a {
		font-size: 12px;
		color: #7B7B7B;
		margin: -2px 0 5px 0;
	}

#navigation {
	height: 37px;
	padding: 14px 0 18px 0;
	background-color: #FFFFFF;
	background-image: url("graphics/navigation-bg.jpg");
	background-repeat: repeat-x;
}

	#navigation ul {
		margin: 0 auto;
		display: block;
		padding: 0;
		height: 27px;
		width: 917px;
	}
	
	#navigation ul li {
		list-style: none;
		margin: 0 14px 0 0;
		padding: 3px 0 7px 0;
		float: left;
	}
	
	#navigation ul li:hover {
		background-image: url("graphics/ball.png");
		background-position: top center;
		background-repeat: no-repeat;
	}
		
	#navigation ul li a {
		text-decoration: none;
		color: #E0E0E0;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
	}
			
	#navigation ul li a span {
		display: block;
		font-size: 17px;
		color: #FFFFFF;
		margin-bottom: -3px;
	}
		
		
#page-content {
	padding: 25px 40px;
	width: 910px;
	margin: 0 auto;
	background-image: url("graphics/shadow.png");
	background-repeat: repeat-y;
}

#left-column {
	width: 270px;
	float: left;
}

	#left-column h1 {
		color: #003E66;
		font-size: 17px;
	}
	
	#left-column h2 {
		color: #0068AA;
		font-size: 22px;
		margin: -3px 0 10px 0;
	}

#callback {
	border: 1px solid #999999;
	padding: 15px;
	margin: 0 0 15px 0;
}

#date {
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
}

#intro {
	border: none;
	margin: 0 0 25px 0;
}

	#intro p {
		text-align: left;
	}

	#callback h2 {
		color: #003E66;
		margin-bottom: 5px;
		font-size: 18px;
	}
	
	#callback p {
		font-size: 12px;
	}
	
	#callback label {
		font-weight: bold;
		margin-top: 5px;
		display: block;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

#right-column {
	margin-left: 305px;
}

	#right-column li {
		margin-bottom: 5px;
	}

	#right-column div.right {
		margin-left: 25px;
	}
	
	#right-column div.right p.italic {
		margin-top: 15px;
		font-style: italic;
		color: #666666;
	}

	#right-column div.small-column {
		width: 47%;
		float: left;
		margin-top: 25px;
	}

	#right-column div.small-column img {
		margin-bottom: 25px;
	}
	
	#right-column div.small-column h3 {
		font-size: 14px;
		margin: 0 0 3px 0;
		font-weight: bold;
	}
	
	#right-column div.small-column p {
		font-size: 12px;
	}

#footer-surround {
	background-image: url("graphics/shadow.png");
	background-repeat: repeat-y;
	width: 970px;
	padding: 0 10px;
	margin: 0 auto;
}
	
#footer {
	background-color: #007BD2;
	background-image: url("graphics/footer-bg.jpg");
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 16px;
	padding: 12px 0 20px 0;
	height: 18px;
	text-align: center;
	margin: 0 auto;
}

	#footer a {
		color: #FFFFFF;
		text-decoration: none;
		margin: 0 10px;
	}

#logos {
	float: right;
}
	
#footnotes {
	width: 910px;
	padding: 20px 40px;
	margin: 0 auto;
	background-image: url("graphics/shadow.png");
	background-repeat: repeat-y;
}

	#footnotes-content {
		width: 720px;
	}

	#footnotes #footnotes-content #footnotes-text-links a {
		color: #007BD2;
		font-size: 11px;
		text-decoration: none;
		margin: 0 3px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#footnotes #footnotes-content #address {
		color: #999999;
		margin: 15px 0 0 0;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
#flash-top {
	width: 584px; 
	height: 88px; 
	padding: 7px 8px 5px 8px; 
	font-size: 18px;
}

#nonFlashMovie {
	width: 600px; 
	height: 171px; 
	padding: 14px 0 5px 0; 
	font-size: 18px;
}

#nonFlashMovie #flashSurround {
	margin-top: 24px;
}

#flash-top span, #nonFlashMovie span, #homeFlashTop span { 
	float: right; 
	margin-right: 15px;
}

#nonFlashMovie span { 
	margin-right: 23px;
}

#homeFlashTop span {
	margin-right: 18px;
}

#flash-top a, #nonFlashMovie a, #homeFlashTop a {
	color: #FFFFFF;
}

#flash-top a:hover, #nonFlashMovie a:hover, #homeFlashTop a:hover { 
	color: #FFFFFF;
}

#nonFlashMovie a.blueLinks:hover {
	color: #003E66;
}

#nonFlashMovie a {
	margin-left: 13px;
}

#nonFlashMovie a.blueLinks {
	color: #0068AA;
}

#homeFlashTop {
	width: 584px; 
	height: 23px;
	padding: 7px 8px 5px 8px; 
	background-image: url("graphics/home_flash_top.jpg");
	font-size: 18px;
}

#enquiry_form {
	margin: 25px;
}

input.txt, textarea.txt {
	width: 405px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #999999;
	float: right;
}

select.txt {
	width: 417px;
	padding: 2px;
	margin-bottom: 5px;
	border: 1px solid #999999;
	float: right;
}

input.small {
	width: 88px;
}

input.txt:hover, input.callback-input:hover, input.callback-input-small:hover, textarea.txt:hover, select.txt:hover  {
	border: 1px solid #0068AA;
}

input.txt:focus, input.callback-input:focus, input.callback-input-small:focus, textarea.txt:focus, select.txt:focus {
	border: 1px solid #0068AA;
	background-color: #F0F9FF;
}

#enquiry_form label {
	font-weight: bold;
	padding-top: 4px;
	display: block;
}	

#popup-surround {
	position: absolute;
	display: none;
	width: 235px;
	background-image: url("graphics/popup-bottom.png");
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 11px;
}

#popup-close {
	float: right;
	background-color: #FFFFFF;
	border: 1px solid #89C6F8;
	padding: 1px 3px;
	color: #89C6F8;
	text-decoration: none;
	text-align: center;
}

div.popup {
	border-left: 1px solid #89C6F8;
	border-top: 1px solid #89C6F8;
	border-right: 1px solid #89C6F8;
	background-image: url("graphics/popup-bg.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	padding: 10px;
	font-size: 10px;
}

div.popup h5 {
	color: #6091CC;
	font-size: 14px;
	margin: 0 0 5px 0;
}

div.portfolio {
	width: 293px;
	margin-top: 10px;
}	

div.right {
	float: right;
}

div.portfolio div.site-thumb {
	padding: 7px;
	height: 183px;
	background-image: url("graphics/site_border.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

div.portfolio div.site-desc {
	padding: 5px;
}

div.portfolio div.site-desc h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
}

div.portfolio div.site-desc p {
	font-style: italic;
	font-size: 12px;
	line-height: 130%;
}

#glossary p {
	font-size: 12px; 
}

#sitemap p {
	line-height: 110%;
}






	
	
	










input.callback-input {
	width: 155px;
	padding: 3px;
	margin-bottom: 3px;
	border: 1px solid #999999;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input.callback-input-small {
	width: 82px;
	padding: 3px;
	margin-bottom: 3px;
	border: 1px solid #999999;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input.buttons {
	background-color: #0087E2;
	color: #FFFFFF;
	padding: 3px;
	cursor: pointer;
	width: 165px;
	text-align: center;
	border: 1px solid #FFFFFF;
	float: right;
	font-family: Arial, Helvetica, sans-serif;	
}	

div.cr { clear: right; height: 0px; }
div.cl { clear: left; height: 0px; }
div.cb { clear: both; height: 0px; }