@charset "iso-8859-1";
/* author: Intelligent Integration */
/* Creation date: 18/01/2006 */
/* Last changed: 08/09/2008 */

/* Styling for the basic structural elements. */
body {
	 background-color: #FFFFFF;
	 color: #000000;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 101%;
	 text-align: center;
	 position: relative;
	 margin: 0;
	 padding: 0;
	 padding-top: 10px;
}

#mainframe {
	width: 700px;
	padding: 125px 0 0 0;
	margin: 0 auto;
	margin-bottom: 5px;
	position: relative;
	min-height: 300px;
	overflow: hidden;
	color: #000;
	background-color: #F5F5F5;
	text-align: left;
	background-image: url(images/logo-full.png); 
	background-repeat: no-repeat; 
	background-position: -50px -55px;
	border: 1px #0000B5 solid;
}

#header {
	width: 696px;
	height: 115px;
	position: absolute;
	top: 0;
	left: 0;
}

#container {
	position: relative;
	/*min-height: 100px;*/
	overflow: visible;
}

#maintextarea {
	margin: 0 0 0 150px;
	padding-bottom: 10px;
	width: 400px;	
	float: left;
	display: inline;
}

#rightpanel {
	width: 140px;
	float: right;
	display: inline;
	font-size: 0.8em;
}

#rightpanel p {
	text-align: left;
}

#navigation {
	width: 140px;
	float: left;
	display: inline;
	margin-left: -550px;
	padding: 10px 0 10px 5px;
}

#footer {
	position: relative;
	width: 100%;
	height: 170px;
	float: left;
	clear: both;
	background-color: #F5F5F5;
	background-image: url(images/digitalworld.png); 
	background-repeat: no-repeat; 
	background-position: 99% 100%;
}

h1 {
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-left: 5px;
}				 

h2 {
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 10px 0px 0px 5px;
}

p {
	background-color: transparent;
	color: #000;
	line-height: 130%;
	margin: 0 5px 10px 5px;
	text-align: justify;
	font-size: 1em;
}

img {
	border: 0px;
}

strong {
	font-style: normal;
	font-weight: bold;
}

em {
	font-style: italic;
	font-weight: bold;
}

abbr, acronym {
	border: none;
	border-bottom: 1px dotted #000;
}

blockquote {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 130%;
	padding: 0;
	margin: 0 5px 10px 20px;
}

/* Used to hide elements that we don't want in a GUI browser.
	They could be overridden by styling in the 1otw-print.css file. */
.hidewithcss {
	display: none;
}

/* Start of navigation styling. */
#navanchor {
	visibility: hidden;
}

div#navigation ul {
	margin: 10px 0;
	padding: 0;
	width: 140px; 
	z-index: 2;
}

/* Collapse the List Item Tags */
div#navigation li { 
	position: relative;
	list-style: none;
	margin: 0px;
	font-size: 0.8em;
   width: 140px;
}

/* Make the links block elements and give them padding and some style */
div#navigation li a {
	display: block;
	/*color:  #0000B5;
	background-color: transparent;*/
	text-decoration: none;
	/*width: 133px; */
	padding: 2px 0px 2px 5px;
}

div#navigation li a:visited {
	color: #A30000;
	background-color: transparent;
}

/* Specify the rollover style for the links */
div#navigation li a:hover {
	background-color: #0000B5;
	color: #FFF;
}

/* Highlighting provide for keyboard users.  a:focus works in Firefox, etc., */
/* a:active works in IE. */
a:focus, a:active {
	background-color: #0000B5;
	color: #FFF;
	text-decoration: none;
}

div#navigation>ul a {
	/*width: auto;*/
}

/* This provides grey text for the inactive menu link of the page your on. */
div#navigation span {
	background-color: transparent;
	color: #999999;
	display: block;
	width: 133px;
	padding: 2px 0 2px 5px;
}

/* Styling for various items that form part of the template design. */
#strapline {
	position: absolute;
	top: 20px;
	left: 300px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 22px;
	line-height: 150%;
	text-align: center;
}

#todaysdate {
	position: absolute;
	bottom: 0;
	right: 10px;
	color: #0000B5;
	background-color: transparent;
}

#iwdplogo, #validxhtml, #validcss, #triplea {
	float: left;
	text-decoration: none;
	padding-left: 5px;
	margin-top: 40px;
}

#copyright {
	margin-top: 30px;
	text-align: center;
	font-size: 0.75em;
	color: #0000B5;
	background-color: transparent;
}

.aflinkimg {
	float: right;
	margin: 10px 0 5px 10px;
}

#accesskeys {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}

#indentquote {
	padding: 0 50px 0 50px;
	font-size: 0.9em;
}

#navanchor {
	visibility: hidden;
}

/* Start of form styling. */
div#formdiv {
	padding-left: 5px;
}

form {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

form fieldset {
	margin: 5px 0 0 0;
	padding: 0 0 5px 5px;
	border: 1px dashed #0000B5;
	width: 380px;
}

form#mailform fieldset#enqdetails {
	/*height: 13em;*/
}

form fieldset#enqtext {
	padding: 0;
	border: none;
}

form#enqform fieldset#maildetails {
	/*height: 13em;*/
}

form fieldset#mailtext {
	padding: 0;
	border: none;
}

form legend {
	padding: 0 5px 5px;
	color: #0000B5;
	background-color: #F5F5F5;
}

form label {
	width: 100px;
	float: left;
	padding: 2px 0px 0px 0px;
}

form label#textarealabel {
	width: 300px;
	padding: 10px 0 0 10px;
	color: #0000B5;
	background-color: #F5F5F5;
}

form #copylabel {
	width: 300px;
}

form #copyplease {
	width: 20px;
	position: relative;
	top: 10px;
	left: 10px;
}

form input {
	margin: 0px 0px 2px 0px;
	border: 1px solid #0000B5;
	width: 268px;
	padding: 0 2px;
	font-size: 1em;
}

form #postcode, form #tel {
	width: 100px;
}

form input#optin {
	width: 15px;
	height: 15px;
}

form textarea {
	border: 1px solid #0000B5;
	margin: 5px 0 0 0;
	padding: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
}

form textarea#enquiry {
	width: 380px;
	height: 200px;
}

form textarea#mailmsg {
	width: 380px;
	height: 200px;
}

form .button {
	background-color: transparent;
	color: #0000B5;
	width: 50px;
	position: relative;
	left: 5px;
	top: 5px;
	padding: 0;
}

form .button:hover {
	cursor: pointer;
	color: #F5F5F5;
	background-color: #0000B5;
}

form #sendasemail {
	width: 100px;
}

#checknote {
	font-size: 0.8em;
}

div#recipient {
	display: inline;
	position: relative;
	top: 1px;
}

/* Start of paragraph hyperlink styling. */
p a {
	text-decoration: underline;
	border: 0;
}

/*p a:link {
	color: #0000B5;
	background-color: transparent;
}*/

p a:visited {
	color: #A30000;
	background-color: transparent;
}

p a:hover {
	background-color: #0000B5;
	color: #FFFFFF;
	text-decoration: none;
}

/* Start of list styling other than navigation. */
.textinul{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

div#hostinglist {
	position: relative;
	padding-left: 40px;
}

div#hostinglist li {
	list-style-image: url(images/bullet.png);
	list-style-type: none;
	padding: 0px 0px 5px 20px;
}

#paslist li {
	line-height: 130%;
	padding-bottom: 0.75em;
}