
/* --------------------------------------------------------------------------------- */
/* ---------- GENERAL ---------- */
/* --------------------------------------------------------------------------------- */
* {
	margin: 0;
}


html {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -76px; /* the bottom margin is the negative value of the footer's height */
	width:990px;
}


.push {
	height: 160px; /* .push must be the same height as .footer */
}


/* --------------------------------------------------------------------------------- */
/* ---------- BODY ---------- */
/* --------------------------------------------------------------------------------- */

body {
background-color:#bcd0e3;
background-image:url(../imgs/internal-bg.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
color:#434242;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
height:100%;
}


#top{
background-image:url(../imgs/bg-top.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
width:957px;
height:554px;
}


#logo{
float:left;
display:inline;
margin:0 0 0 0;
padding:0;
width:492px;
height:174px;
}


.flash{
float:left;
display:inline;
margin:1px 0 0 40px;
padding:0;
width:939px;
height:300px;
}


.bottomimg{
float:left;
margin:1px 0 0 15px;
padding:0;
display:inline;

}

#quote{

float:right;
display:inline;
margin:60px 0 0 15px;
padding:20px 0 0 0;
width:330px;

font-size:11px;
}


#bottom-left ul {
list-style: url(../imgs/bullet.gif);
list-style-position:outside;
margin:0 0 0 20px;
padding:0 0 0 0;
}
#bottom-left li {
list-style: url(../imgs/bullet.gif);
list-style-position:outside;
margin:0 0 0 0;
padding:0 0 0 0;
}





/* --------------------------------------------------------------------------------- */
/* ---------- NAVIGATION ---------- */
/* --------------------------------------------------------------------------------- */
#nav{
float:right;
margin:50px 0 0 0;
width:480px;
height:40px;
display:inline;

}

#nav ul {
	list-style:none;
	margin:0 0 0 0px;
	padding:0;
	text-align:right;	
}
#nav li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	display:block;
	height:40px;
}

li#navHome a {
	text-indent:-999px;
	}
li#navHome, li#navHome a { 
	display:block;
	width: 62px;
	height:40px; 
	background:url(../imgs/nav-home.gif);
	
}
#navContHome li#navHome a, li#navHome a:hover {
	display:block;
	height:40px; 
	width: 62px; 
	background:url(../imgs/nav-homeRoll.gif);
	
}

li#navServices a {
	text-indent:-999px;
	}
li#navServices, li#navServices a { 
	display:block;
	width: 74px;
	height:40px; 
	background:url(../imgs/nav-services.gif);
}
#navContServices li#navServices a, li#navServices a:hover {
	display:block;
	height:40px;  
	width: 74px; 
	background:url(../imgs/nav-servicesRoll.gif);
}


li#navAbout a {
	text-indent:-999px;
	}
li#navAbout, li#navAbout a { 
	display:block;
	width: 63px;
	height:40px; 
	background:url(../imgs/nav-about.gif);
}
#navContAbout li#navAbout a, li#navAbout a:hover {
	display:block;
	height:40px; 
	width: 63px; 
	background:url(../imgs/nav-aboutRoll.gif);
}



li#navTest a {
	text-indent:-999px;
	}
li#navTest, li#navTest a { 
	display:block;
	width: 102px;
	height:40px; 
	background:url(../imgs/nav-test.gif);
}
#navContTest li#navTest a, li#navTest a:hover {
	display:block;
	height:40px; 
	width: 102px; 
	background:url(../imgs/nav-testRoll.gif);
}



li#navContact a {
	text-indent:-999px;
	}
li#navContact, li#navContact a { 
	display:block;
	width: 73px;
	height:40px; 
	background:url(../imgs/nav-contact.gif);
}
#navContContact li#navContact a, li#navContact a:hover {
	display:block;
	height:40px; 
	width: 73px; 
	background:url(../imgs/nav-contactRoll.gif);
}



li#navLinks a {
	text-indent:-999px;
	}
li#navLinks, li#navLinks a { 
	display:block;
	width: 52px;
	height:40px; 
	background:url(../imgs/nav-links.gif);
}
#navContLinks li#navLinks a, li#navLinks a:hover {
	display:block;
	height:40px; 
	width: 52px; 
	background:url(../imgs/nav-linksRoll.gif);
}





/* --------------------------------------------------------------------------------- */
/* ---------- BOTTOM CONTENT ---------- */
/* --------------------------------------------------------------------------------- */

#bottom-left{
float:left;
display:inline;
margin:-150px 0 0 70px;
padding:0 0 0 0;
width:528px;
height:auto;
}

#bottom-left p{
margin:0 0 15px 0;
padding:0;
}

#bottom-left a:link{
color:#225c9b;
text-decoration:none;
}
#bottom-left a:hover{
color:#666666;
text-decoration:none;
}




#bottom-right{
float:left;
display:inline;
margin:-47px 0 0 160px;
padding:0 0 0 0;
width:348px;
height:auto;
}

.subnav{
float:left;
display:inline;
margin:20px 0 0 70px;
padding:0 0 0 0;
width:400px;
height:36px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;


}

.subnav a, a:link{
color:#ffffff;
text-decoration:none;
}
.subnav a:hover, a:active{
color:#cce3f1;
text-decoration:underline;
}




/* --------------------------------------------------------------------------------- */
/* ---------- FOOTER ---------- */
/* --------------------------------------------------------------------------------- */

.footerColour{
	color:#ffffff;
	margin:0px auto;
	clear:both;
	font-size:10px;
	background-image:url(../imgs/footer-bg.gif);
	background-repeat:repeat-x;
	height:76px;
	font-family:Arial, sans-serif;
	background-color:#2862a2;
	
	}

.footer{
width:990px;
margin:0 auto;
padding:20px 0 0 70px;
}
.footer_right{
width:180px;
float:right;

}
.footer_left{
width:300px;
float:left;

}

.footerColour a:link {
	color: #cce3f1;
	text-decoration: none;
}
.footerColour a:visited {
	color: #cce3f1;
}
.footerColour a:hover, a:active {
	color: #cce3f1;
	text-decoration: underline;
}


