@charset "utf-8";
/* CSS Document */
html { 
	margin: 0px; 
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(../../images/bkg.gif) repeat; 
	background-color: #CCCCCC;
	color: #333333;    
}
a { color: #990000; text-decoration: none; }
a:hover { color: #990000; text-decoration: underline; }
a:visited { color: #990000; }
#wrapper {
	width: 887px;
	min-height: 900px;
	margin: 20px auto;
}
#top {
	background-image: url(../../images/header.png); 
	width: 847px;
	height: 123px;
}
strong.slogan {
	float:left;
	margin-left: 15px;
	font-size: 24px; 
	font-weight: bold;
	color: #FFFFFF;
}
strong.quote {
	float:right;
	margin: 5px 20px 0px 0px; 
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
strong.quote a { color: #FFFFFF; }
#shoutout {
	width: 800px;
	margin: 5px 25px 5px 15px;
	min-height: 10px;
	font-size: 18px;
	font-weight: bold;
}
#content {
	margin: 5px 20px;
}
.homebox {
	float: left;
	margin: 0px 29px 0px 0px;
}
.boxtop{	
	/*make this the same size as the top image*/	
	display:block;	
	width: 263px;	
	height: 58px;	
	/*set the image as a background*/	
	background-position:left top;	
	background-repeat:no-repeat;	
	background-image: url(../../images/box_top.png);
}	
.topcontent{	
	font-family:arial;	
	font-size:16pt;	color:white;	
	padding-top:10px;	
	text-align:center;	
}	
.boxbottom{	
	/*make this the same width as the bottom image*/	
	/*don’t set the height as this needs to be flexible*/	
	display:block;	
	width: 263px;	
	min-height: 279px;
	padding-bottom: 3px;
	/*set the image as a background*/	
	background-position:left bottom;	
	background-repeat:no-repeat;	
	background-image:url(../../images/box_btm.png);	
}
li.client {
	margin-left: 0px;
}	
.maincontent{	
	/*set the font style for the main content*/	
	font-family: Arial, Helvetica, sans-serif;	
	font-size:12px;	
	font-weight: bold;
	display:block;	
	/*align the main content nicely*/	
	padding-left:15px;	
	padding-bottom:3px;	
	padding-right:15px;
	padding-top: 1px;
	margin-top: 0px;
}
.maincontent h2 a { text-decoration: none; color: #333333; }
.maincontent h2 a:hover { text-decoration: underline; color: #333333; }

h1.contentheading  {
	padding: 10px 0px 0px 0px;
	width: 263px;
	text-align: center;
	background: none;
	border: none;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}
h1.contentheading a { text-decoration: none; color: #FFFFFF }
h1.contentheading a:hover { text-decoration: underline; color: #FFFFFF; }
.highlight { color: #990000; }
.italic { font-style: italic; }
.centertext { text-align: center; width: 100%; }
.noborder { border: none; }
.motto { 
	float:right;
	margin: 5px 20px 0px 0px; 
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;

}
ul.contact-form-list { list-style:none; }
.logo { float:left; border:none; }