@charset "utf-8";
/* 
	SITE COLOURS
		Text: #02253b
*/

	/* RESET & FLOAT */
h1, h2, h3, div { margin: 0; padding: 0; }
.clearfloat { clear:both; }
.floatleft { float: left; }
.floatright { float: right; }

	/* SITEWIDE SETUP */
body { margin: 0 0 0 0; color: #02253b; font-family:"Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
	   font-size: 12px; background-image: url(images/bg.jpg); }

#ol, ul { list-style-image:none; list-style-position: outside; list-style-type:none; }

a:link { color: #fff; text-decoration:none; }
a:hover { color: #fff; text-decoration:none; }
a:visited { color: #fff; text-decoration:none; }
a:active { color: #fff; text-decoration:none; }

	/* LAYOUT - HEADER */
#container { padding-top: 15px; }
#header { background-image: url(images/header.jpg);	width: 860px; height: 175px; margin: 0 auto; }
#navbar { width:860px; height: 24px; margin: 0 auto; }
#mainnav { position: absolute; width:860px; height:24px; padding: 0; margin: 0; color: #fff; text-decoration: none; }
	#mainnav li { float: left; }
	#mainnav li#nav-left {background-image: url(images/nav-left.jpg); display: block; height: 24px; width: 31px;} 
	
	#mainnav li#home a { background-image: url(images/nav-home.jpg); display: block; height: 24px; width: 91px;	}
	#mainnav li#home a:hover { background-image: url(images/nav-home-over.jpg); }
	#mainnav li#home span { display: block; padding: 5px 0 0 20px; }
	
	#mainnav li#about-us a { background-image: url(images/nav-about-us.jpg); display: block; height: 24px; width: 121px;	}
	#mainnav li#about-us a:hover { background-image: url(images/nav-about-us-over.jpg); }
	#mainnav li#about-us span { display: block; padding: 5px 0 0 25px; }

	#mainnav li#products a { background-image: url(images/nav-products.jpg); display: block; height: 24px; width: 124px;	}
	#mainnav li#products a:hover { background-image: url(images/nav-products-over.jpg); }
	#mainnav li#products span { display: block; padding: 5px 0 0 25px; }

	#mainnav li#services a { background-image: url(images/nav-services.jpg); display: block; height: 24px; width: 119px;	}
	#mainnav li#services a:hover { background-image: url(images/nav-services-over.jpg); }
	#mainnav li#services span { display: block; padding: 5px 0 0 28px; }

	#mainnav li#contact-us a { background-image: url(images/nav-contact-us.jpg); display: block; height: 24px; width: 119px;	}
	#mainnav li#contact-us a:hover { background-image: url(images/nav-products-over.jpg); }
	#mainnav li#contact-us span { display: block; padding: 5px 0 0 20px; }
	
	#mainnav li#nav-right {background-image: url(images/nav-right.jpg); display: block; height: 24px; width: 255px;} 

#undernav { background-image: url(images/nav-under.jpg); width: 860px; height: 13px; margin: 0 auto; }

	/* LAYOUT - BODY */
#coolline { width: 800px; background-image: url(images/bg-middle.jpg); margin: 0 auto; padding: 10px 30px 0 30px; }
	#coolline a:link, 
	#coolline a:visited, 
	#coolline a:active { color: #41657f; }
	#coolline a:hover { color: #41657f; text-decoration: underline; }

#sidebar { float: right; background-image:url(images/sidebar.jpg); height: 373px; width: 243px; margin: 20px 45px 0 10px;}
#sidebar-text { color:#FFFFFF; padding: 20px 20px 10px 15px; }
#news-heading { color: #02253b; float:right; }
.news-body { color: #fff; clear: both; padding: 10px 0 0 0;}
.news-body-link { color:#436276; float: right; }

	/* LAYOUT - FOOTER */
#footer { background-image: url(images/footer.jpg);	width: 860px; height: 71px; margin: 0 auto; clear:both; }

	/* MENU */
* 									{ margin: 0; padding: 0; }
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #9caec4; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #02253b; color: black; position: relative; }
ul.dropdown li.hover a              { color: white; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 250px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #9caec4; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }