/*  
Client: Magenta
Client URL: http://www.magentasecurity.co.uk
Description: Magenta Website.
Version: 1.0
Author: Robert Games
Agency: Shine Marketing
Agency URL: http://www.shine-marketing.co.uk/
Date: 28/11/2007

Notes: N/A
*/

/* Global Settings */

body {
	margin:0;
	padding:0;
	width:100%;
	font-family:Trebuchet MS;
	font-size:62.5%; /* Relative size sets all fonts to 10px */
	color: #333333;
	background-color: #FEFFE1;
}

html {
	margin:0;
	padding:0;
}

/* Common Formatting */

p {
	font-size:1.3em;
	line-height:1.6em;
}

h1 {
	padding:0;
	margin:0;
	font-size:1.6em;
	color:#882345;
}

h2 {
	font-size:1.6em;
	color:#882345;
	margin: 10px 0;
	clear:both;
	border-bottom: #882345 1px solid;
	padding: 0 0 10px 0; 
}

img {
	border:0;
	padding:0;
	margin:0;
}

ul {
}

#content li {font-size:1.2em;}

/* Links */

a {
	text-decoration:none;
	color:#882345;
}

a:hover {text-decoration:underline;}

/* Special Fonts */

#footer p {
	font-size:1em;
	color:#FFFFFF;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {text-decoration:underline;}

/* Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

.hide {display:none;}

/* Accessibility */

#accessibility {display:none;}

/* Wrapper */

#wrapper {
	width:750px;
	margin:10px auto;
	background:#FEFFE1;
	border:#882345 solid 1px;
}

/* Logo */

#logo {
	width:114px;
	height:125px;
	top:32px;
	left:317px;
	position:relative;
}

#logo a {
	width:114px;
	height:121px;
	display:block;
	text-indent:-99999px;
}

/* Layout */

#header {background:url(http://magentasecurity.co.uk//images/header.png) transparent no-repeat;
	height:256px;
}


#sub-header {background:url(http://magentasecurity.co.uk//images/sub_header.png) transparent no-repeat;
	height:189px;
}

#image {
	float: right;
	width:252px;
	height:192px;
	background:url(http://magentasecurity.co.uk//images/img_bg.png) no-repeat;
	display:inline;
	margin:25px 40px 10px 10px;
}

#image img {
	margin:6px 0 0 7px;
}

#map {float:right;
width:425px;
margin:0px 40px 10px 10px;

}

#content {
	clear: both;
	width:740px;
	margin:auto;
overflow:hidden; /* This contains floats */
}

#footer {
	height:65px;
	background: url(http://magentasecurity.co.uk//images/telephone.png) center top no-repeat #882345;
	width: 750px;
	margin: 10px auto 0 auto;
}

#copyright {
	float:left;
	margin: 37px 0 0 10px;
	width:200px
	display:inline;
}

#terms {
	float:left;
	margin:37px 0 0 125px;
	display:inline;
	width:200px;
}

#shine {
	float:right;
	margin: 37px 10px 0 0;
	display:inline;
}

#leftcol {
width:400px;
float:left;
display:inline; /* This is a hack to the ie6 double margin bug */
}

/* Navigation */

#nav, #nav ul {
	width: 750px;
	height:40px;
	list-style: none;
	background:#882345;
	padding: 0;
	margin: 7px auto;
}

#nav a {
	display: block;
	/*width: 10em;*/
	/*w\idth: 6em;*/
	color: #7C6240;
	text-decoration: none;
	padding: 0.9em 0.95em;
	color:#FFFFFF;
	font-size:1.2em;
}

#nav li {
	float: left;
	padding: 0;
	/*width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 12.9em;
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	/*margin: -1.75em 0 0 14em;*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #B1336D;
}


/* Home Page Layout */

img.floatLeft { 
    float: left; 
    margin: 0; 
    padding: 0
}

img {
 border: none;
 }
 
#cert{
width:425px;
margin: auto;
clear: left;
overflow: hidden;
text-align:center;
}

/*#cert img {
float: left;
margin: 0;
padding: 0;

}*/

/* Forms for Jobs and News*/

fieldset {
margin-bottom:1em;
border: 0;
}

legend {
font-size: 1.2em;
}

table {width:740px;}

caption {
text-align: left;
font-size: 1.2em;
}

caption a {
color: #882345;
text-decoration:none;
}

caption a:hover {
color: #666666;
text-decoration:none;
}

th {
text-align: left;
font-size: 1.2em;
color: #882345;
width:90px;
}

th.p {
text-align: left;
color: #333333;
font-size: 1.2em;
}

th a {
color: #882345;
text-decoration:none;
}


td {
width:160px;
text-align: left;
font-size: 1.2em;
}

td a {
color: #882345;
text-decoration:none;
}

td a:hover {
color: #666666;
text-decoration:none;
}

td.desc {width:100%;}