body {
	font-size:70%; 
	margin: 2px 0px 4px; 
	line-height: 1.4;
	font-family: verdana, arial, helvetica, sans-serif; 
	background-color: #585858;
	color: #000000;
}

.mainheader {
	background: url(images/santer_joinery_logo.gif) #1D9F9F no-repeat left top;
	height:80px;
	width:773px;
	color: #ffffff;
}

.bannerpic4 {
	background: #111111;
	height:169px;
	color: #000000;
	border-top: 1px solid #ffffff;
}

.bannertext{
	margin: 25px 20px 20px 420px;
	font-size: 20px;
	font-family: arial, helvetica, sans-serif;
}

a:link{
	color: #333333;
	text-decoration: none;
}

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

a:hover {
	color: #333333;
	text-decoration: none;
}

a:active {
	color: #333333;
	text-decoration: none;
}

a.footerblack{
	color: #333333;
	text-decoration: none;
	background-color: #1D9F9F;
	cursor: default;
}

a.footerblack:visited {
	color: #333333;
	text-decoration: none;
	background-color: #1D9F9F;
	cursor: default;
}

a.footerblack:hover {
	color: #333333;
	text-decoration: none;
	background-color: #1D9F9F;
	cursor: default;
}

a.footerblack:link {
	color: #333333;
	text-decoration: none;
	background-color: #1D9F9F;
	cursor: default;
}

a.whitelink {
	font-size: 90%;
	font-weight: bold;
	background-color: #1D9F9F;
	color: #ffffff; 
}

a.whitelink:link {
	color: #ffffff; 
	text-decoration: none;
	background-color: #1D9F9F;
}

a.whitelink:visited {
	color: #ffffff; 
	text-decoration: none;
	background-color: #1D9F9F; 
}

a.whitelink:hover {
	color: #ffffff; 
	text-decoration: underline;
	background-color: #1D9F9F;
}

a.bluelink:link {
	color: #167877; 
	text-decoration: underline;
}

a.bluelink:visited {
	color: #167877; 
	text-decoration: underline;
}

a.bluelink:hover {
	color: #167877; 
	text-decoration: none;
}

a.bluelink:active {
	color: #167877; 
	text-decoration: underline;
}

.menubar {
	border-top: #ffffff 1px solid; 
	border-bottom: #330033 1px solid; 
	background-color: #1D9F9F; 
	height: 28px;
	width:773px;
	color: #ffffff;
}

.main {
	font-family: verdana, arial, helvetica, sans-serif; 
	background-color: #F6FEFE; 
	color: #333333;
	width: 653px;
	padding: 15px 50px 20px 70px;
	line-height: 1.6;
}

h1.blue {
	margin: 0px 10px 10px 0px;
	font-size: 130%;
	padding: 0px;
	color: #167877; 
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

h2.blue {
	margin: 20px 10px 15px 0px;
	font-size: 120%;
	padding: 0px 0px 0px 0px;
	color: #215bbb; 
	font-weight: bold;
	font-family: arial, helvetica, sans-serif; 
	background-color: #E5FBFB;
}

.footer {
	padding: 300px 0px 5px 0px; 
	font-size: 80%; 
	color: #333333; 
	background-color: #F1FDFD;
}

.mainedgeright{
	width:31px;
	background: url(images/mer.jpg) #585858 repeat-y;
	color:#000000;
}

.mainedgeleft{
	width:22px;
	background: url(images/mel.jpg) #585858 repeat-y;
	color:#000000;
}

.indexleft
{
	padding: 0px 70px 0px 0px;
	margin: 0px;
}

.middleindex
{
	width:333px;
	padding: 0px 12px 0px 12px;
}
.rightindex
{
	width:160px;
	padding: 0px 0px 0px 11px;
}

h2.leftindexheader {
	background-image: url(images/h2header.jpg); 
	font-size: 12px; 
	color: #000000; 
	margin: 0px 0px 5px 0px; 
	padding: 1px 0px 2px 7px;  
	font-weight: normal; 
	font-family: arial, helvetica, sans-serif;
	background-color: #E5FBFB;
}

ul.quicklinks{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.quicklinks li {
	height:	1%;
    margin: 0px; 
    padding: 8px 0px 8px 8px; 
    display: block;
    background-image: url(images/tick2.gif); 
    background-position: 0px 12px; 
    background-repeat: 	no-repeat;
	background-color: #E5FBFB;
	font-size: 100%;
	color: #111111;
}

div.where {
	margin: 0px; 
    padding: 8px 0px 0px 0px; 
	
}

.blueindex {
	color: #FF6600;
	background-color: #E5FBFB;
	line-height: 1.2;
}

.mainclientcontent
{	
	width: 543px;
	margin-left: 95px; 
	margin-right: 95px; 
	background-color: #ffffff;
	color: #333333;
}

.maincontent
{	
	width: 463px;
	margin-left: 135px; 
	margin-right: 135px; 
	background-color: #ffffff;
	color: #333333;
}

.clientpic
{
	margin-left: 15px;
	margin-bottom: 30px;
}

.contact
{

width: 200px;
height: 40px;
}
.contact2
{
height: 40px;
}

.packagestarter {
background: url(images/starterbg.gif) #ffffff no-repeat;
height:27px;
padding: 2px 0px 2px 25px;
}

.packagebronze {
background: url(images/bronzebg.gif) #ffffff no-repeat;
height:27px;
padding: 2px 0px 0px 25px;
}

.packagesilver {
background: url(images/silverbg.gif) #ffffff no-repeat;
height:27px;
padding: 2px 0px 0px 25px;
}

.packagegold {
background: url(images/goldbg.gif) #ffffff no-repeat;
height:27px;
padding: 2px 0px 0px 25px;
}

.packageebusiness {
background: url(images/ebusinessbg.gif) #ffffff no-repeat;
height:27px;
padding: 2px 0px 0px 25px;
}

.packageecommerce {
background: url(images/ecommercebg.gif) #ffffff no-repeat;
height:27px;
padding: 2px 0px 0px 25px;
}

.packagebespoke {
background: url(images/bespokebg.gif) #ffffff no-repeat;
height:27px;
padding: 2px 0px 0px 25px;
}

.packagedesc {
	height: 20px;
	padding: 3px 0px 6px 0px;
}

.price {
	color: #FF6600;
}

.map {
	padding:1px;
	background:#cccccc;
	color:#303030;
	border:4px solid #1D9F9F;
	margin: 0px 0px 0px 30px;
}

li {
	line-height: 2.0;
}

ul {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 8px 20px;
}

h3.nonindex {
	color: #167877;
	font-size: 120%;
	font-family: arial, sans-serif;
	font-weight: bold;
	margin: 15px 0px 10px 0px;
}

.bold {
	color: #167877;
	font-weight: bold;
}