/* mac hide \*/
* html #sitewrapper,* html #content{height:1%}
/* end hide */

body {
		background: #FFFFFF;
		border-top: 4px solid #600022;
		font-family: Tahoma;
		font-size: 14px;
		color: #666666;
		
}

*{ padding:0;margin:0;} 

#sitewrapper {
		margin-left:3%;
		margin-right:3%;
}

#header {
        margin: 20px 2% 20px;
        text-align: left;
}

#navcontainer {
        background: #600022;
        height: 1.5 em;
        text-align: left;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		
}

#navigation {
        margin: 1px 2% 0;
}

#content {
        clear: both;
        text-align: left;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        padding: 2%;
		line-height: 1.5em;
}

#aboutus {
        clear: both;
        text-align: left;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        padding: 2%;
		line-height: 1.5em;
}	

#lloyds {
		float: right;
		background: #CCCCCC;
		width: 300px;
		padding: 10px;
		margin-bottom: 10px;
		margin-left: 20px;
		color: #000000;
		font-size: 11px;
		line-height: 1em;
}

#londonoffice {
		float: left;
		width: 200px;
		margin: 10px 10px 20px 10px;
		padding: 20px;
		border: 1px solid #CCCCCC;
}

#chesteroffice {
		float: left;
		width: 200px;
		margin: 10px 10px 20px 10px;
		padding: 20px;
		border: 1px solid #CCCCCC;
}

.centerdiv{ /*IE method of centering a relative div*/
        margin-top: 10px;
        margin-bottom: 0px;
        text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
        margin-top: 10px;
        margin: 0 auto;
}

#footercontainer {
        clear: both;
        background: #600022;
        height: 1.5 em;
        text-align: left;
        font-family: Tahoma;
        font-weight: normal;
        color: #FFFFFF;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		margin-bottom: 20px;
}

#footerdiv {
        margin: 1px 2% 0;
}

#navlist {
		list-style: none;
		padding: 0;
		margin: 0;
		font-family: Tahoma;
		font-weight: normal;
		color: #FFFFFF;		
}

#navlist li {
		display: inline;
		padding: 0;
		margin: 0;
}

#navlist a:link, #navlist a:visited {
		color: #FFFFFF;
		text-decoration: none;
}

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

#lloyds a:link, #lloyds a:visited {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
}

#lloyds a:hover {
		color: #999999;
		text-decoration: none;
		font-weight: bold;
}

#lloyds h3 {
		font-family: Tahoma; 
		color: #000000; 
		font-weight : bold; 
		font-size: 14px;
		margin-top: 5px;
		margin-bottom: 5px;		
}

h1 {
		font-family: Tahoma;
		font-size: 18px;
		font-weight: bold;
		color: #666666;
		margin-top: 10px;
		margin-bottom: 20px;
}
		
h2 {
		font-family: Tahoma;
		font-size: 16px;
		font-weight: bold;
		color: #666666;
		margin-top: 5px;
		margin-bottom: 10px;		
}

h3 {
		font-family: Tahoma;
		font-size: 14px;
		font-weight: bold;
		color: #666666;
		margin-top: 5px;
		margin-bottom: 10px;
}

h4 {
		font-family: Tahoma;
		font-size: 14px;
		font-weight: bold;
		color: #600022;
		margin-top: 5px;
		margin-bottom: 5px;		
}

p {
		margin-top: 0px;
		margin-bottom: 15px;
}

p.footer {
		font-size: 10px;
		margin-bottom: 0px;
		margin-top: 20px;
		clear:both;
		line-height: 1em;
}

img.bullet {
		vertical-align: middle;
		margin-right: 5px;
}		

img.layouts {
		vertical-align: middle;
		border: 0;
		margin-right: 5px;
}

img.fsa {
		float: right;
		margin: 20px;
}

img.lloydsbuilding {
		float: right;
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
}

img.hands {
		float: right;
		margin-left: 15px;
		margin-bottom: 15px;
		margin-top: 40px;
		margin-right: 40px		
}

img.jigsaw {
		float: right;
		margin-left: 20px;
		margin-bottom: 25px;
		margin-top: 20px;
		margin-right: 40px;
}

img.liquid {
		float: right;
		margin-left: 20px;
		margin-bottom: 15px;
		margin-top: 0px;
		margin-right: 40px;
}

img.balancesheet {
		float: right;
		margin-left: 20px;
		margin-bottom: 15px;
		margin-top: 60px;
		margin-right: 60px;
}

img.spectacles {
		float: right;
		margin-left: 30px;
		margin-bottom: 30px;
		margin-top: 30px;
		margin-right: 60px;
}

img.escalators {
		float: left;
		margin-right: 10px;
		margin-top: 0px;
		margin-bottom: 20px;
}

img.adobe {
		vertical-align: middle;
		margin-left: 15px;
		border: 0px;
}

img.mugshot {
		float: left;
		margin-right: 10px;
}


#aboutus h3 {
		padding-top: 50px;
}

#aboutus div {
	   clear: left;
	   height:200px;
	   margin-bottom: 10px;
} 

ul.services {
		list-style-type: square;
		padding: 0;
		margin: 0;
		margin-left: 1em;
		margin-bottom: 1em;
		line-height: 2em;
}

ul.propforms {
		margin: 0; 
		padding: 0; 
		list-style-type: none; 
		font-weight: bold;
}

.link_grey:link, .link_grey:visited {font-family: Tahoma; color: #666666; text-decoration:none; font-weight : bold; font-size: 14px;}
.link_grey:hover, .link_grey:active {font-family: Tahoma; color: #999999; text-decoration:none; font-weight : bold; font-size: 14px;}

.link_red:link, .link_red:visited {font-family: Tahoma; color: #600022; text-decoration:none; font-weight : bold; font-size: 14px;}
.link_red:hover, .link_red:active {font-family: Tahoma; color: #999999; text-decoration:none; font-weight : bold; font-size: 14px;}

.link_white:link, .link_white:visited {font-family: Tahoma; color: #FFFFFF; text-decoration:none; font-weight : normal; font-size: 12px;}
.link_white:hover, .link_white:active {font-family: Tahoma; color: #999999; text-decoration:none; font-weight : normal; font-size: 12px;}