@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: #333333;
}
.clearfix {
	clear:both;
	height:1px;}
h1{ font-size:1em; color: #939625; color:#000; text-transform: uppercase; margin-top:25px;}
h2 {
font-size:.95em;
margin:0;
}
h3 {
font-size:.9em;
margin:25px 0 5px 0;
clear:both
}
p {
font-size:.9em;
line-height:1.3em;
}
a {color:#999;}
#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	color:#333333;
	margin: 0 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. */
	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:#000; font-size:20px; text-align:right; padding:5px; text-transform: uppercase; }
/*#banner .slogan {margin-left:25em;}*/
#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 0;
	padding:0;
	}
#navigation ul {
	margin:0;
	padding:0;
	}
#navigation li {
	float:left; display:inline;
	list-style: none;
	text-transform: uppercase;
	line-height:1.5em;
}
#navigation li a {
	color:#000;
	display: block;	
	font-size:1em;
	text-decoration:none;
	padding: 2px 10px;
	}
#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 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;
}
.box1 {float:left; width:250px; padding-top:10px;}
.box2 {float:left; padding-top:10px;}
/*************** 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;}