/* styles applicable throughgout the public facing site */

body {
 	font-family:arial;
 	font-size:10pt;
 	margin:0 auto;
 	color: #5cae5c;
 	width: 1000px;
}
div#wrapper { 
width: 998px;
background-image: url('../img/shared/shadow.gif');
}
div#container {
	width: 950px;
	margin:0 auto;
	background-color:#000;
	color: #fff;
}

p {
line-height: 19px;
}
/******************/
/* Header styling */
/******************/

div#headersection img#nemesislogo {
	float: left;
	margin: 8px 15px 6px 12px;
}

div#headersection img#strapline {
	float: left;
	margin: 40px 20px 0 20px;
}

/**********************/
/* Navigation styling */
/**********************/

div#navigation {
	clear: both;
 	background-image:url('../img/shared/centerSection.jpg');
 	background-repeat: no-repeat;
 	height: 183px;
}

div#navigation ul#topnav {
	margin: 0;
	padding: 3px 0 0 0;
	list-style: none;
}

div#navigation ul#topnav li.navitem {
	display: inline;	
}

div#navigation ul#topnav li.navitem a {
	display: block;
	float: left;
	margin: 0 2px 0 0;
	padding: 5px 0 0 11px;
	background-image: url('../img/shared/tabLong.gif');
 	background-repeat: no-repeat;
 	height: 20px;
 	width: 133px;
	text-decoration: none;
	color: #64768e;
	font-weight: bold;
}

div#navigation ul#topnav li.navitem a:link {
	color: #64768e;
}

div#navigation ul#topnav li.navitem a:hover, 
div#navigation ul#topnav li.navitem a:active {
	color: #000;
}

div#headersection h2#loginheader {
	font-size: 0.9em;
	margin: 5px 0 2px 79px;
}

/*****************************/
/* Main content area styling */
/*****************************/

div#middlesection div#maincontenthome {
	float: left;
	padding: 10px 425px 20px 30px;
	margin: 0;
	width: 495px;
	background-image: url('../img/home/hmrcScanner.jpg');
	background-position: top right;
	background-repeat: no-repeat;
}
div#middlesection div#maincontentaboutus {
	float: left;
	padding: 10px 425px 70px 30px;
	margin: 0;
	width: 495px;
	background-image: url('../img/about/brainstorm.jpg');
	background-position: top right;
	background-repeat: no-repeat;
}
div#middlesection div#maincontenthow {
	float: left;
	padding: 15px 425px 30px 30px;
	margin: 0;
	width: 495px;
	background-image: url('../img/howdoesitwork/dataTree.jpg');
	background-position: right 20px;
	background-repeat: no-repeat;
}
div#middlesection div#maincontentwho{
	float: left;
	padding: 10px 495px 60px 30px;
	margin: 0;
	width: 425px;
	background-image: url('../img/whousesnemesis/hmrcPortrait.jpg');
	background-position: right top;
	background-repeat: no-repeat;
}
div#middlesection div#maincontentcontact{
	float: left;
	padding: 10px 495px 60px 30px;
	margin: 0;
	width: 425px;
	background-image: url('../img/contact/contact.jpg');
	background-position: right top;
	background-repeat: no-repeat;
}
div#middlesection div#maincontentsecure{
	float: left;
	padding: 20px 495px 25px 30px;
	margin: 0;
	width: 425px;
	background-image: url('../img/datasecurity/dataFarm.jpg');
	background-position: right top;
	background-repeat: no-repeat;
}
div#middlesection div#maincontenttext {
	float: left;
	padding: 10px 495px 10px 30px;
	margin: 0;
	width: 495px;
}

div#middlesection div#maincontenthow ul#howdoesitwork,
div#middlesection div#maincontentcontact ul#contactdetails {
	list-style-type: square;
	margin: 15px 0 0 15px;
	padding: 5px 0 5px 0;
}

div#middlesection div#maincontenthow ul#howdoesitwork a, 
div#middlesection div#maincontentcontact ul#contactdetails a {
	color: #fff;
}

div#middlesection div#maincontenthow ul#howdoesitwork li, 
div#middlesection div#maincontentcontact ul#contactdetails li {
	margin: 0 0 10px 0;
   
}

div#middlesection div#maincontentimg img#scanner {
	float: right;
	width: 456px;
}

div#middlesection div#maincontentimg img#datatree {
	float: right;
	width: 368px;
}

div#middlesection div#maincontentimg img#hmrcportrait {
	float: right;
	width: 461px;
}

div#middlesection div#maincontentimg img#brainstorm {
	float: right;
	width: 417px;
}

div#middlesection div#maincontentimg img#contact {
	float: right;
	width: 392px;
}

div#middlesection div#maincontentimg img#datafarm {
	float: right;
	width: 371px;
}

/******************/
/* Footer styling */
/******************/

div#footersection {
	clear: both;
 	background-image:url('../img/shared/footer.gif');
 	background-repeat: no-repeat;
 	height: 33px;
}

div#footersection ul#footer a {
	color: #fff;
	text-decoration: none;
}
div#footersection ul#footer a:hover{
	color: #000;
	text-decoration: none;
}

div#footersection ul#footer {
	color: #fff;
	float: left;
	list-style: none;
	margin: 8px 0 0 10px;
	padding: 0 ;
}

div#footersection ul#footer li {
	list-style: none;
	display: inline;
	padding: 0 5px 0 0;
	border-right: solid 1px;
}

div#footersection ul#footer li#last {
	border-right: none;
}

div#footersection img#footerlogo {
	float: right;
	margin: 3px 5px 0 0;
}
div#footersection img#footermedia {
	float: left;
	border: solid 1px red;
	margin: 2px 5px 0 0;
}
div#footersection a#footermedia {
	float: left;
	margin: 0 0 0 10px;
	padding: 3px 0 0 0;
}

/************************/
/* Form element styling */
/************************/

div#headersection form {
	float: left;
	margin: 0 0 0 30px;
	width: 240px;
}

div#headersection form a {
	color: #fff;
	margin: 0 0 0 10px;
	text-decoration: none;
}

div.formfield {
	clear: both;
	float: left;
	width: 240px;
	padding: 0 0 1px 0;
}

div.formfield label {
	text-align: right;
	float: left;
	display: block;
	width: 70px;
	margin: 0 5px 0 0;
}

div.formfield input.textfield {
	width: 150px;
	height: 12px;
}

div.formfield input.shorttextfield {
	border: solid #5cae5c 1px;
	width: 100px;
}

div.formfield input#submit {
	color: #000;
	width: 65px;
	height: 18px;
	border: solid 1px #fff;
	color: #fff;
	font-size: 0.9em;
	margin: 2px 0 0 1px;
	background-color: #000;
}