/* 

re3liablenetworks.co.uk stylesheet 01/08

ToC

	1. outer outline
	2. structure
	3. typography
	4. navigation
	5. images

*/



/* --------- 1. defaults  --------- */

*
{
	margin: 0em;
	padding: 0em;
}


/* --------- 1. outer outline  --------- */
#outer {
	position:inherit;
	width:992px;
	background-color: #ffffff;
	border: solid black 1px;
	background-image: url(assets/watermark.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#link a{ /*sets height/width of #link and makes it clickable*/
width: 992px;
height: 156px;
display: block;
}
#top{
	width:992px;
	height:156px;
	background-image:url(../images/LF_01.jpg);
		}
		




	

/*-------------- NAVIGATION--------*/
div.nav_wrap {
	width: 992px;
	height: 52px;
	background-image:url(../images/LF_02.jpg);
	}	
	
div.nav_left {
	width: 24px;
	height:35px;
	float: left; 

	}
.navbar       {
	width: 956px;
	height: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:12px;
	font-size: 13px;
	text-align: left;
	float: left;
} 

.navbar ul {  /*---PLACEMENT OF NAVIGATION BUTTONS---*/
	margin: 10;
	padding: 10;
	list-style: none;
	display: inline;

	}
.navbar ul li {
	position: relative;
	display: inline;
	
	}
.navbar li ul {

	position: absolute;
	left: -30px; /* Set 1px less than menu width */
	top: 1px; /*-----------SPACE BETWEEN BUTTON and sub menu--------*/
	display: none;
	line-height:15px;/*-----------line height inside sub menu--------*/

	
	}
	 
/*------------ Styles for nav Menu Items-------- */
.navbar ul li a {	/*-----NAVIGATION LINKS, left and right spaces---*/
	text-decoration: none;
	color: #ffffff;
	padding-left: 7px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	}

.navbar ul li a:visited {	
	color: #ffffff;
	}

/* Fix IE. Hide from IE Mac \*/
/* html ul li { float: left; height: 1%; } */
/* html ul li a { height: 1%; }*/
/* End */

.navbar ul li a:hover { color: #FF0000; text-decoration: underline; background-image:url(../images/drop-down-BG.jpg);  } /* Hover NAVIGATION BAR Styles */	
.navbar li ul li a { padding: 4px 10px; display: block; text-align: left;  } /* Sub Menu Styles */		

.navbar li:hover ul, li.over ul { 
display: block;
background-color:#4e4e4e;
/*background-image:url(../images/menu-bg.jpg);*/ 
width: 210px; /*submenu width_______________________________________________________*/ 
filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95; } /* The magic */	












/* --------- content main  --------- */
#main_content {
	width:600px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#33FF66;
	margin:auto;
}






/* --------- footer  --------- */
#footer{
	clear: both;
	width: 992px;
	height:91px;
	background-image:url(../images/LF_31.jpg);
	background-repeat: no-repeat;
	background-color: #acacac; 

	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}


#footer p{
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	padding:2px 5px 5px 5px;
	font-size:65%;
	color: #FFFFFF;
	text-align:center;
}

#footer a{
	margin:0;
	padding:5px 5px 5px 5px;

}


a:link {
		color: #1b6d13;
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;

}
a:visited {
		color: #000000;
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;

}
a:hover {
		color: #423df8;
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
}


body {
	background-color: #73a688;
}

p {font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#02481f;
	text-align:justify;
	padding:2px;
	margin:2px;}
	
.p_Table {font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#02481f;
	padding:2PX;
	text-align:center;}

.heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#0d4d24;
	text-align:justify;}
	
.p_padding {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#394958;
	text-align:justify;
	padding:2px;}
	
.p3 {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0d4d24;
	text-align:justify;}
	
.p4 {font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#02481f;
	text-align:justify;}
	
.p15 {font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000700;
	text-align:justify;}
	
.Orange {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	color:#189cc7;
	text-align:justify;}
	


ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:left;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #02481f;
text-decoration: none;
text-indent: 6px;
list-style-position: outside;
list-style-image:url(../images/arrow.gif);
list-style-type: square;
padding: 6px;
margin: 18pt;
}

ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:left;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #02481f;
text-decoration: none;
text-indent: 6px;
padding: 6px;
margin: 18 pt;
}