/*********************************** Global ******************************************/

* {margin:0; padding:0;}

p {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin:0.5em 0 0.2em 0;}

body {
	background: url(images/bg.jpg) fixed repeat-x top center;
	margin:0px;
	padding:0px;
	color: #000;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 1em;
}

.strong {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 1.25em;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}

#wrapper {
	width: 930px;
	margin: 0 auto;
	font-size: 0.85em;
	background: #fff;
}

#pagecontainer {
	width: 880px;
	padding: 20px 25px;
}

 ul.normal {padding: 5px 0 5px 25px;}
 
.fulltable {
           width:100%;
}

/*********************************** End Global ******************************************/

/*********************************** Headings ******************************************/

#maincontent h1 { font-size: 1.4em; color: #003; font-weight: normal;}
#maincontent h2 { font-size: 1.1em; color: #036; font-weight: normal; margin: 0 0 10px 0; }
#maincontent h3 { font-size: 1.0em; color: #369; letter-spacing: -1px;}

/*********************************** End Headings ******************************************/

/*********************************** Breaks ******************************************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/*********************************** End Breaks ******************************************/

/*********************************** Heading Bar ******************************************/

#header {
	width: 880px;
	margin-top: 4px;
}

	#toplogo {
		padding: 0;
		width: 136px;
		float: left;
		font-size: 0.9em;
	}
			
	#topmiddle {
	    padding: 71px 0 0 15px;
		width: 280px;
		float: left;
		font-size: 1.3em;
		font-weight: normal;
	}

	#topright {
		padding: 0px 5px 0px 0px;
		width: 197px;
		float: right;
	}
     
/*********************************** End Heading Bar ******************************************/

/*********************************** Main Menu ******************************************/

#topnav {
	width: 880px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #3064d2 url(images/topnavback.gif) repeat-x top center;
}

#topnav ul {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	list-style: none;
	width: 880px;
}

	#topnav ul li {
		letter-spacing : 0px;
		margin: 0px 0px 0px 0px;
		padding: 3px 20px 3px 20px;
		display: inline;
		line-height: 1.9em;
		font-size: 0.95em;
		background: url(images/topnavline.gif) no-repeat left;
	}

	#topnav ul li a {
		color: #fff;
		text-decoration: none;
	}

	#topnav ul li a:hover {
		color: #fff;
		text-decoration: underline;
	}

	#topnav ul li.onstate {
		font-weight: bold;
	}

	/* APPLY HOME OVERRIDE */
	#topnav ul li.homelink {
		padding: 3px 20px 3px 32px;
		background: url(images/homeicon.gif) no-repeat top left;
	}

	/* APPLY END OVERRIDE */
	#topnav ul li.contactlink {
		padding: 3px 0px 3px 10px;
	}

/****************************** End Main Menu *******************************/

/****************************** Breadcrumb Bar *******************************/

#topbar {
			width: 880px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: #bbb;
		}

			#breadcrumb {
				width: 680px;
				float: left;
				padding: 7px 10px 5px 10px;
				font-size: 0.9em;
			}

			#breadcrumb a:link, #breadcrumb a:visited { color: #fff; text-decoration: none; }
			#breadcrumb a:hover { color: #fff; text-decoration: underline; }


			#topdate {
				width: 170px;
				float: right;
				text-align: right;
				padding: 7px 10px 5px 0;
				font-size: 0.8em;
				color: #fff;
			}

/****************************** End Breadcrumb Bar *******************************/

/****************************** Start Side Navigation *******************************/

ul.sidenavlist{
	margin: 5px 0px;
	list-style: none;
	width: 188px;
	background: #def;
	border: 1px solid #cde;
}

	ul.sidenavlist li{
		margin: 0px 0px 0px 0px;
		padding: 2px 0px 2px 15px;
		line-height:1.7em;
		border-top: 1px solid #fff;
		background: url(images/navarrow.gif) no-repeat 5px 12px;
	}

	ul.sidenavlist a:link, ul.sidenavlist a:visited{
		color: #006;
		text-decoration: none;
	}

	ul.sidenavlist a:hover, ul.sidenavlist a:active {
		color: #006;
		text-decoration: underline;
	}

	ul.sidenavlist li.onstate {
		font-weight: bold;
	}

	/* APPLY HEADER OVERRIDES */
	ul.sidenavlist  li.header {
		font-size: 0.85em;
		font-weight: normal;
		color: #fff;
		background: #2a56b4;
		border: none;
		text-transform: uppercase;
	}

/****************************** End Side Navigation *******************************/

/****************************** Start Main Content *******************************/

#maincontent {
			width: 880px;
			margin: 0px;
			padding: 5px 0px;
			background: #fff;
			color: #000;
			font-size: 0.95em;
		}
			
			#maincontentnav {
				width: 190px;
				margin: 0px 10px 0 0;
				padding: 0px;
				float: left;
			}


			  .leftquote {
				width: 190px;
				padding: 0px;
				margin: 5px 0px;
				color: #036;
				font-size: 0.9em;
			 }
			 
			.callback {
				width: 150px;
				padding: 20px 30px 40px 10px;
				line-height: 1.5em;
				background: url(images/callback.gif) no-repeat right top;
			}
			
			.callback a:link, .callback a:visited { color: #fff; text-decoration: none; }
			.callback a:hover { color: #fff; text-decoration: underline; }


			  .leftlogo {
				width: 170px;;
  				padding: 5px 10px;
  				margin: 5px 0px;
				font-size: 0.9em;
			 }

			#maincontentcentre {
				width: 480px;
				margin: 0px;
				padding: 0px;
				float: left;
				line-height: 1.7em;
			}


			.homefeaturebig {
				float: left;
				width: 480px;
				height: 360px;
				margin: 5px 0;
				background: #def;
				color: #000;
				font-size: 1.1em;
			}
            
#contenttop {
            background: #def url(images/coolroom01.jpg) no-repeat top right;
            width: 480px;
            height: 360px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            z-index: 1;
            border: 1px solid #cde;
            }

#contenttoptext {
  	width: 180px;
  	height: 320px;
  	top: 0px;
  	left: 0px;
  	padding: 20px;
 	color: #000;
 	background: #fff;
 	line-height: 1.6em;
	z-index: 2;
 }

  .bordered {
	border: 1px solid #cde;
  	padding: 5px 10px;
  	margin: 5px 0;
 }
 
 .bordered2 {
    border: 1px solid #cde;
    padding: 0;
    margin: 0;
 }
            
			#maincontentcentre a:link, #maincontentcentre a:visited { color: #369; text-decoration: none; }
			#maincontentcentre a:hover { color: #369; text-decoration: underline; }


			#maincontentright {
				width: 190px;
				margin: 0px;
				padding: 0 0 0 10px;
				float: left;
				line-height: 1.5em;
			}
			
			
			  .featureright {
				float: left;
				width: 168px;
				border: 1px solid #cde;
				padding: 10px;
				margin: 5px 0px;
				background: #def;
				color: #000;
				font-size: 0.95em;
			 }
			 


			#maincontentright a:link, #maincontentright a:visited { color: #369; text-decoration: none; }
			#maincontentright a:hover { color: #369; text-decoration: underline; }

/****************************** End Main Content *******************************/

/****************************** Start Footer *******************************/

#topfooter {
    width: 860px;
    padding: 10px;
    color: #999;
    clear: both;
    font-size: 0.7em;
    text-align: center;
    font-family: arial,verdana;
}

#footerphones {
    width: 860px;
    padding: 10px;
    clear: both;
    background: #3064d2 url(images/topnavback.gif) repeat-x top center;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

#footer {
	border-top: 5px solid #039;
	margin-top: 5px;
	clear: both;
	width: 860px;
	font-size: 0.9em;
	padding: 10px;
	color: #999;
}

#footer a:link, #footer a:visited { color: #05c; text-decoration: none; }
#footer a:hover { color: #05c; text-decoration: underline; }


/****************************** End Footer *******************************/