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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 5px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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 */
	color: #ffffff;
}
.clearfix {
	clear:both;
	height:1px;}
h1{
font-size:1.1em;
padding:0 18px 0 12px;
}
h2 {
font-size:.95em;
padding:0 18px 0 12px;
margin:0;
}
h3 {
font-size:.9em;
padding:0 18px 0 12px;
margin:25px 0 5px 0;
clear:both
}
p {
font-size:.9em;
padding:0 18px 0 12px;
margin:10px 0 5px 0;
line-height:1.3em;
}
a {color:#FFFFFF;}
#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #477cb2;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family:Arial, Helvetica, sans-serif;
}
/*************** BANNER ***********************/

.backgdbottom img{
text-align:center;
vertical-align:bottom;
width:760px;
}
/*************** BANNER ***********************/
.line1 {
	background-color:#477cb2;
	height:10px;
	}
#banner {
	background-color:#FFFFFF;
	height:80px;
	border-bottom:2px #477cb2 solid;
	position:relative;
	color:#92667f;
	font-size:20px;
	text-align:right;
	padding:5px;
}
#banner br {
	line-height:20px;
	}
.bannerbtm {
	background-color:#FFFFFF;
	height: 45px;}
.bannerline {
	color:#477cb2;
	height:3px;
	background-color:#477cb2; }

.logo {
	position:absolute;
	height:86px;
	float:left;
	clear:both;
	left:0px;
	top:-5px;
	}
/*.bullets1 {  original bullet location
	position:absolute;
	float:right;
	height: 24px;
	width: 220px;
	left: 548px;
	top: 3px;
	}*/
.bullets1 {
	position:absolute;
	float:right;
	height: 24px;
	width: 220px;
	left: 548px;
	top: 63px;
	}
/*************** NAVIGATION ***********************/
#navigation {	
	margin:10px 0 0 30px;
	padding:0;
	}
#navigation ul {
	margin:0;
	padding:0;
	}
#navigation li {
	list-style: url(images/bullets1.gif) none outside;
	text-transform: uppercase;
	line-height:1.5em;
}
#navigation li a {
	color: #ffffff;
	display: block;	
	width: 10em;
	font-size:1em;
	text-decoration:none;
	padding: 2px;
	}
#navigation li a:hover {
	background-color:#fcee8d;
	color: #000000;
	}

/*************** CONTENT ***********************/
#mainContent {
	padding: 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#mainContent .images {
	padding: 10px;
	}
#mainContent ul {
	font-size:.95em;
	line-height:1.5em;
	}

table.gallery {
	text-align:center;
	width:90%;
	width: 0 auto;
	}
.gallery img {
border:none;
margin:0;
padding:0;
}
/*************** CLIENT GALLERY INDEX PAGE *******/
.imagelist {
	list-style-type: none; /* removes the list images from the li's*/
	clear: both;
	display: block;
	margin:0;
	padding-left: .9em;
}
.imagelist li {
	position:relative;
	float: left;/* floats the li to the left with margins as follows*/
	margin: 0 6px 5px 0;
	margin-bottom: 6px;
	padding-bottom: 3px;
/*	font: 11px Arial, Helvetica, sans-serif;/* set font information as a single line
	color: #333333; /*forecolour is set here
	text-align:center;*/
}
.imagelist img {
border: 1px solid #000000; /* sets border size, shape and colour*/
}
.imagelist a {
text-decoration: none;}

/*************** FORM   ***********************/
#form p{
padding:0;
margin:0;
}
#form input, #form textarea {
width:175px;
}
/*************** FOOTER ***********************/
#footer {
	color:#D67C10;
	font-size:0.85em;
	margin: 15px 0 0 0;
	}
#footer img {
	vertical-align:middle;}