@charset "UTF-8";
/* CSS Document */

/* THIS IS THE STYLE CODE FOR THE BODY, CONTAINER AND H TAGS. */

body
{
	margin: 0; 			/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;		/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
        text-align: center;       /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font: 75% Verdana, Arial, Helvetica, sans-serif;	/* this sets the font size and type to the body. */
	color: #000000;		/* this sets the text color to the body. */
}


/* THIS IS THE STYLE CODE FOR THE OUTER CONTAINER - SO THAT BOTTOM TEXT REMAINS OUTSIDE FRAME. */

#container_outer
{
	
	
	width: 970px;  	/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 10px auto; 	/* the auto margins (in conjunction with a width) center the page */
	text-align: left; 	/* this overrides the text-align: center on the body element. */

}


/* THIS IS THE STYLE CODE FOR THE MAIN CONTAINER. */

#container
{
	width: 970px;  	/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
        margin: 0 auto; 	 /* the auto margins (in conjunction with a width) center the page */
        /* padding: 0 0 20px 0; */
	text-align: left; 	/* this overrides the text-align: center on the body element. */
	border: 1px solid #e3e3e3;
}


h1
{
	margin: 0 0 20px 0; 			/* this helps the header sit against the top edge of the browser. */
	padding: 0;		/* this helps the header sit against the top edge of the browser. */
}


h1 img
{
	display: block;		/* this will remove any gaps that appear around the image in the header. */
	border: 0;			/* this removes any default link border that the browser may place in images. */
}


h2
{
	margin-top: 0;
	color: #2D55A2;
	font-weight: normal;
}


h3
{
	margin-top: 0;
	color: #2D55A2;
        font: 10pt Verdana, Arial, Helvetica, sans-serif;	/* this sets the font size and type to the body. */
	font-weight: bold;
}


h4
{
	margin: 0; 			/* this helps the header sit against the top edge of the browser. */
	padding: 0;
	color: #2D55A2;
        font: 10pt Verdana, Arial, Helvetica, sans-serif;	/* this sets the font size and type to the body. */
	font-weight: bold;
        display: inline;
}



/* THIS IS THE STYLE CODE FOR THE CONTENT. */


#content
{
   
    margin-top: 0; 		/* this helps the header sit against the top edge of the browser. */
    width: 930px;		/* this this sets the width of #content box. */
    padding: 0px 20px 15px 20px;	/* this applies padding to top and bottom of the container. */

}


div.logo
{
	width: 250px;
    height: 150px;
	float: left;
	margin: 0px 0px 10px 0px;
}


div.logo img 
{
    margin: 0px 0px 0px 0px;
    border: 0px;
    display: inline;
    padding: 0px 0px 0px 0px;
    
}


div.thumbnail2
{
	width: 930px;
    height: 430px;
	clear: both;
	margin: 0px 0px 0px 0px;
	
}


div.thumbnail2 img 
{
	margin: 0px 0px 00px 0px;
	border: 0px;
        display: inline;
        padding: 0px 0px 0px 0px;     
}


div.thumbnail2 p
{
     margin: 0;
     padding: 0px;
     font: 8pt Verdana, Arial, Helvetica, sans-serif;
     text-align: justify;
}


div.thumbnail2 h3
{
     margin: 0;
    display: inline;
    padding: 10px 5px 20px 10px;
     font: 10px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; 
    text-transform: uppercase;    
    text-align: left;
}




div.thumbnail1
{
	width: 930px;
        height: 300px;
	clear: both;
	margin: 0px 0px 0px 0px;	
}


div.thumbnail1 img 
{
	margin: 0px 0px 0px 0px;
	border: 0px;
        display: inline;
        padding: 0px 0px 0px 0px;        
}


div.thumbnail1 p
{
     margin: 0px 0px 0px 400px;
     padding: 0px;
     font: 8pt Verdana, Arial, Helvetica, sans-serif;
     text-align: justify;
}


div.thumbnail1 h3
{
     margin: 0px 0px 0px 300px;
    display: inline;
     padding: 0px;
     font: 10px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; 
    text-transform: uppercase;    
    text-align: left;
}


/* THIS IS THE STYLE CODE FOR THE SERVICES BANNER. */



div.servicebanner
{
	width: 700px;
        height: 250px;
	float: right;
	margin: 0;
	
}


div.servicebanner img 
{
	margin: 0;
	border: 0;
        display: inline;
        padding: 0;     
}


div.servicebanner p
{
     margin: 0;
     padding: 0;
     font: 8pt Verdana, Arial, Helvetica, sans-serif;
     text-align: justify;
}


div.servicebanner h3
{
     margin: 0;
    display: inline;
    padding: 10px 5px 20px 10px;
     font: 10px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; 
    text-transform: uppercase;    
    text-align: left;
}

.clear
{
	clear: left;
}



/* THIS IS THE STYLE CODE FOR THE TOP NAVIGATION. */

ul#top_navigation
{
	margin: 110px 0px 15px 0px;			/* this overrides the browsers default top indentaion so it sit againsts h1. */
	padding: 5px 0 5px 0;		/* this overrides the browsers default left indentaion. */
	list-style-type: none;		/* this removes the bullet points from the list. */
	background: #fff;	/* this adds a background color to the list. */
	float: left;			/* this aligns the list to the left of the page. */
        font: 10px Verdana, Arial, Helvetica, sans-serif;	/* this sets the font size and type to the body. */

    text-transform: uppercase;
	width: 720px; 		/* this spreads the list accross the whole width of the page. */
	
}

ul#top_navigation li
{
	display: inline;		/* this make sure list items are displayed on a single line. */
}

ul#top_navigation a:link, ul#top_navigation a:visited
{
	display; block;			/* this increases the active area of the link - wil need padding. */
	float: left; 				/* this is so <a> list items sit in a horizontal line, butting up agains each other */
	padding: .2em 1.8em;			/* this adds padding to the <a> .2em to top and botton & 1em to left and right. */
	text-decoration: none; 		/* this removes underlines from <a> links. */
	color: #06498f;				/* this sets the text color. */
	background: #fff;		/* this sets the background color. */
	border-right: 1px solid #fff;		/* this adds a white line divider at the end of each item. */
}

ul#top_navigation a:hover
{
	color: #000;
	background:  #69c;

}

ul#top_navigation a.current
{
	color: #000;
	background: green;
	
}

ul#top_navigation a.selected
{
	color: #000;
	background: #69c;
	
}


/* THIS IS THE STYLE CODE FOR THE LEFTNAV. */

#leftnav
{
	float: left;			/* this allows the leftnav and content containers to sit besides each other. */
	width: 210px;		/* this sets the width of the leftnav content area. */
	display: inline;	/* this fixes a doubling of margins in IE6, other browsers ingnore it. */
	margin-left: 20px;	/* this applies space from the left side of the screen. */

	padding: 0;	/* this adds padding to the top and bottom of the container. */
}


#leftnav ul
{
	margin: 0;					/* this overrides the browsers default top indentaion so it sit againsts h1. */
	padding: 0px 0px 0px 0px;		/* this overrides the browsers default left indentaion, and moves list in from the right edge too. */
	list-style-type: none;		/* this removes the bullet points from the list. */
	text-align: left;			/* this moves items within to the right of the leftnav container */
}


#leftnav li
{
 
	padding: .5em 0em;			/* this adds padding to the <a> .2em to top and botton & 1em to left and right. */
        list-style-type: none;	/* this removes the bullet points from the list. */

}


a:link
{
	color: #2D55A2;
	text-decoration: none; 		/* this removes underlines from <a> links. */
}


a:visited
{
	color: #2D55A2;
	text-decoration: none;
}


a:hover, a:active
{
	color: #FFF;
	background: #69c;
}



/* THIS IS THE STYLE CODE FOR THE FOOTER. */

#footer
{
	
	clear: both;
	text-align: left;
	margin: 0;
	padding: .4em 20px;	background: #fff;
	color: #06498f;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	width: 930px
}

#footer .right 
{ 
	float: right;
}

#footer a:link
{
	color: #06498f;
	text-decoration: none; 		/* this removes underlines from <a> links. */

}

#footer a:visited
{
	color: #06498f;
	text-decoration: none;

}

#footer a:hover, a:active
{
	color: #06498f;
	background: #69c;

}

#footer a:active
{
	color: #06498f;
	text-decoration: none;

}


/* THIS IS THE STYLE CODE FOR THE SUB NAVIGATION. */

ul#sub_navigation
{
	margin: 0;			/* this overrides the browsers default top indentaion so it sit againsts h1. */
	margin-bottom: 10px;
        padding: 5px 0 5px 0;		/* this overrides the browsers default left indentaion. */
	list-style-type: none;		/* this removes the bullet points from the list. */
	background: #e0e1e2;	/* this adds a background color to the list. */
	float: left;			/* this aligns the list to the left of the page. */
	width: 100%; 		/* this spreads the list accross the whole width of the page. */
	
}

ul#sub_navigation li
{
	display: inline;		/* this make sure list items are displayed on a single line. */
}

ul#sub_navigation a:link, ul#sub_navigation a:visited
{
	display; block;			/* this increases the active area of the link - wil need padding. */
	float: left; 				/* this is so <a> list items sit in a horizontal line, butting up agains each other */
	padding: .2em 1em;			/* this adds padding to the <a> .2em to top and botton & 1em to left and right. */
	text-decoration: none; 		/* this removes underlines from <a> links. */
	color: #2756a6;				/* this sets the text color. */
	background: #e0e1e2;		/* this sets the background color. */
	border-right: 1px solid #fff;		/* this adds a white line divider at the end of each item. */
}

ul#sub_navigation a:hover
{
	color: #000;
	background:  #69c;

}

ul#sub_navigation a.current
{
	color: #000;
	background: green;
	
}

ul#sub_navigation a.selected
{
	color: #000;
	background: #69c;
	
}






div.ali
{
clear: both;

width: 930px;
margin: 0px 0px 0px 0px;
padding-bottom: 10px;
border: 0px solid #777;
}

div.ali img
{
float: left;
border: 0px solid #777;
margin: 20px 0px 0px 0px;


}

div.ali p
{
margin: 0px 0px 0px 400px;
padding: 0px;
font: 8pt Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}

div.ali h3
{
margin: 0px 0px 10px 400px;
padding: 0px;
font: 10pt Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}



/* THIS IS THE STYLE CODE FOR THE OUR SERVICES SECTIONS */

div.ali2
{
clear: right;
width: 910px;
margin: 0;
padding-bottom: 10px;
border: 0 solid #777;
}

div.ali2 img
{
float: left;
border: 0 solid #777;
margin: 0;


}

div.ali2 p
{

margin: 0 0 0 240px;
padding: 0;
font: 8pt Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}

div.ali2 h3
{
margin: 0 0 10px 240px;
padding: 20px 0 0 0;
font: 10pt Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}