/* GLOBAL STYLES
____________________________________________________________________________*/



body
{
	background-color: #ebebeb;
	font-family: Arial, Sans Serif;
	margin: 0px;
	font-size: 13px;
	color: gray;
	background-image: url(images/nav/bg-logobar.jpg);
	background-repeat: repeat-x;
	line-height: 20px;
}


h1
{
	color: #0077e2;
	font-size: 20px;
	font-weight: lighter;
}


h2
{
	color: #123b77;
	font-size: 20px;
	font-weight: lighter;
	padding-left: 30px;
	padding-right: 25px;
	padding-top: 0px;
	margin-top: 0px;
}


h3
{
	color: #123b77;
	font-size: 18px;
	font-weight: lighter;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0 0 10px 0;
}


.text-small
{
	margin: 0px 15px 15px 0px;
	text-align: left;
	line-height: 16px;
}



.text-grey
{
	padding-left: 30px;
	padding-right: 25px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
	margin-top: 0px;
}


.text-grey-1
{
	padding-left: 0px;
	padding-right: 25px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
	margin-top: 0px;
}


.text-blue
{
	padding-left: 20px;
	padding-right: 25px;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
	color: #123b77;
	margin-top: 0px;
}


.text-blueheading
{
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
	color: #123b77;
	margin-top: 0px;
	margin-bottom: 0px;
}


ul
{
	list-style-image: url(images/nav/bullet.gif);
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


li
{
	margin-left: 20px;
	margin-right: 25px;
}


.sublist
{
	margin-left: -25px;
	margin-right: 0px;
	margin-bottom: 10px;
}


.maincopy
{
	margin-left: 0px;
	margin-right: 80px;
	line-height: 20px;
	font-size: 13px;
}



.copyright
{
	font-size: 9px;
	line-height: 14px;
	color: #5f6f89;
}


.nomargins
{
	margin: 0;
	padding: 0;
}



.hidden
{
	display: none;
	clear: inherit;
}

.clear-all { clear: both; }


.unhidden { display: block; }


img, div { behavior: url(iepngfix.htc) }




/* POSITIONAL BOXES 
______________________________________________________________________________*/



.logobar
{
	width: 950px;
	height: 143px;
	display: block;
	margin: auto;
}



.logobox
{
	width: 207px;
	height: 43px;
	display: block;
	position: relative;
	margin-top: 78px;
	margin-left: 0px;
	float: left;
	background-image: url(images/nav/logo.gif);
	background-repeat: no-repeat;
}



.contentarea
{
	width: 960px;
	background-color: white;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}




/* FOOTER
______________________________________________________________________________*/



.footer
{
	width: 100%;
	height: 165px;
	display: block;
	background-image: url(images/nav/bg-footer1.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
}

.footer-container
{
	width: 960px;
	height: 115px;
	display: block;
	background-image: url(images/nav/bg-footer2.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}


.quicklinks
{
	width: 400px;
	height: 132px;
	display: block;
	float: left;
	background-position: 0px 17px;
}

.quicklinks-col1
{
	width: 150px;
	height: 90px;
	display: block;
	float: left;
	font-size: 9px;
	line-height: 14px;
	text-align: left;
	padding-top: 55px;
}


.quicklinks-col2
{
	width: 150px;
	height: 90px;
	display: block;
	float: left;
	font-size: 9px;
	line-height: 14px;
	text-align: left;
	padding-top: 55px;
}


.phone-today
{
	width: 400px;
	height: 90px;
	display: block;
	float: right;
	text-align: right;
	color: #5f6f89;
	padding-top: 70px;
}





/* TOP NAVIGATION 
______________________________________________________________________________*/



.topnavbar
{
	width: 380px;
	height: 36px;
	display: block;
	float: right;
	position: relative;
	margin-top: 79px;
	overflow: hidden;
	margin-bottom: 0px;
}

.navbarspacer
{
	width: 950px;
	height: 45px;
	display: block;
	position: relative;
	margin: auto;
}


/* HOME BUTTON_________________________________________*/



.homenavact
{
	width: 57px;
	height: 36px;
	display: block;
	float: left;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: 0px -36px;
}


.fadeThis#home {
	width: 57px;
	height: 36px;
	display: block;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: 0px -72px;
	background-repeat: no-repeat;
	}
	
	
.fadeThis * {
	  display: none;
	}
	
	
.fadeThis#home span.hover {
	width: 57px;
	height: 36px;
	display: block;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}






/* COMPANY BUTTON______________________________________*/



.companynavbox
{
	width: 77px;
	height: 36px;
	display: block;
	float: left;
}


.companynavact
{
	width: 77px;
	height: 36px;
	display: block;
	float: left;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -57px -36px;
}


.fadeThis#company {
	width: 77px;
	height: 36px;
	display: block;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -57px -72px;
	background-repeat: no-repeat;
	}
	
	
.fadeThis * {
	  display: none;
	}
	
	
.fadeThis#company span.hover {
	width: 77px;
	height: 36px;
	display: block;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -57px 0px;
	background-repeat: no-repeat;
	}






/* SERVICES BUTTON_____________________________________*/




.servicesnavbox
{
	width: 73px;
	height: 36px;
	display: block;
	float: left;
}

.servicesnavact
{
	width: 73px;
	height: 36px;
	display: block;
	float: left;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -134px -36px;
}



.fadeThis#services {
	width: 73px;
	height: 36px;
	display: block;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -134px -72px;
	background-repeat: no-repeat;
	}
	
	
.fadeThis * {
	  display: none;
	}
	
	
.fadeThis#services span.hover {
	width: 73px;
	height: 36px;
	display: block;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -134px 0px;
	background-repeat: no-repeat;
	}






/* PORFOLIO BUTTON________________________________________*/




.folionavbox
{
	width: 82px;
	height: 36px;
	display: block;
	float: left;
}

.folionavact
{
	width: 82px;
	height: 36px;
	display: block;
	float: left;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -207px -36px;
}


.fadeThis#folio {
	width: 82px;
	height: 36px;
	display: block;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -207px -72px;
	background-repeat: no-repeat;
	}
	
	
.fadeThis * {
	  display: none;
	}
	
	
.fadeThis#folio span.hover {
	width: 82px;
	height: 36px;
	display: block;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -207px 0px;
	background-repeat: no-repeat;
	}





/* CONTACTS BUTTON______________________________________*/




.contactsnavbox
{
	width: 91px;
	height: 36px;
	display: block;
	float: left;
}

.contactsnavact
{
	width: 91px;
	height: 36px;
	display: block;
	float: left;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -356px -36px;
}


.fadeThis#contacts {
	width: 91px;
	height: 36px;
	display: block;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -356px -72px;
	background-repeat: no-repeat;
	}
	
	
.fadeThis * {
	  display: none;
	}
	
	
.fadeThis#contacts span.hover {
	width: 91px;
	height: 36px;
	display: block;
	background-image: url(images/nav/topnavbuttons.gif);
	background-position: -356px 0px;
	background-repeat: no-repeat;
	}




/* GLOBAL LINK COLOURS
__________________________________________________________________________________*/

a:link
{
	color: #133b78;
	text-decoration: none;
	font-weight: bold;
}

a:active
{
	color: #669bd0;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #669bd0;
	text-decoration: none;
	font-weight: bold;
}

a:visited
{
	color: #133b78;
	text-decoration: none;
	font-weight: bold;
}

a:visited:hover
{
	color: #669bd0;
	text-decoration: none;
	font-weight: bold;
}





/* QUICKLINKS LINK COLOURS
_______________________________________________________________________________*/

a.ql:link
{
	color: #5f6f89;
	text-decoration: none;
}

a.ql:active
{
	color: #669bd0;
	text-decoration: none;
}

a.ql:hover
{
	color: #669bd0;
	text-decoration: none;
}

a.ql:visited
{
	color: #5f6f89;
	text-decoration: none;
}

a.ql:visited:hover
{
	color: #669bd0;
	text-decoration: none;
}