html {
    padding: 0px 0px 0px 0px;
    border: 0px solid black;
    margin: 0px 0px 0px 0px;
    background-color: #B5B5B5;
    background-image: url(images/body_bg.gif);
    background-repeat: repeat-y;
    background-position: top center;
}
body {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    padding: 0px 0px 0px 0px;
    border-bottom: 0px solid red;
    margin: 0px auto 0px auto;
    font-family: Arial, Helvetica, Times, serif;
    font-size: 1em;
    color: black;
    background-color: transparent;
}
#body {
    position: relative;
    z-index: 0;
    width: 798px;
    min-height: 100%;
    padding: 0px 0px 0px 0px;
    border: 0px solid lime;
    margin: 0px auto 0px auto;
    background-color: white;
}
.index {
    background-image: url(images/lloydsbuilding.jpg);
    background-repeat: no-repeat;
    background-position: left 159px;
}
span { display: none; }

/* HEADER */
#top {
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 169px;
    padding: 0px 0px 0px 0px;
    border: 0px solid purple;
    margin: 0px 0px 0px 0px;
    background-color: black;
    background-image: url(images/top_bg.gif);
    background-repeat: repeat-x;
    background-position: top center;
}
#header {
    width: 100%;
    height: 138px;
    padding: 0px 0px 0px 0px;
    border: 0px solid purple;
    margin: 0px auto 0px auto;
    background-color: black;
    background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
    background-position: 10px center;
}

/* HEADER IMAGES */
div.headerimage {
    position: relative;
    z-index: 5;
    float: right;
    clear: none;
    width: 138px;
    height: 138px;
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
#index1 {
    background-image: url(images/headerimage1.jpg);
}
#index2 {
    background-image: url(images/headerimage2.jpg);
}
#index3 {
    background-image: url(images/headerimage3.jpg);
}
#index4 {
    background-image: url(images/headerimage4.jpg);
}

/* LEFT & RIGHT */
#content {
    min-height: 480px;
}
#content {
    position: relative;
    z-index: 0;
    loat: left;
    width: 750px;
    padding: 20px 20px 20px 20px;
    border: 5px solid white;
    margin: 0px 15px 0px 0px;
    background-color: transparent;
}

#left {
    position: relative;
    z-index: 0;
    float: left;
    clear: both;
    width: 100%;
    in-height: 380px;
    padding: 0px 0px 0px 0px;
    border: 0px solid pink;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
}
#right {
    position: relative;
    z-index: 0;
    float: right;
    in-height: 380px;
    padding: 0px 0px 0px 0px;
    border: 0px solid lime;
    margin: 20px 0px 20px 20px;
    background-color: transparent;
}
#block {
    position: relative;
    z-index: 0;
    display: block;
    width: 750px;
    min-height: 218px;
    padding: 0px 0px 0px 0px;
    border-top: 1px dotted #A9A9A9;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    background-image: url(images/.gif);
    background-repeat: no-repeat;
    background-position: top center;
}
#block1 {
    position: relative;
    z-index: 0;
    float: left;
    width: 450px;
    padding: 10px 0px 0px 0px;
    border: 0px solid lime;
    margin: 0px 0px 0px 10px;
    background-color: transparent;
}
#block2 {
    position: relative;
    z-index: 0;
    float: left;
    width: 25%;
    padding: 10px 0px 0px 0px;
    border: 0px solid cyan;
    margin: 0px 0px 0px 30px;
    background-color: transparent;
}
#block3 {
    position: relative;
    z-index: 0;
    float: right;
    clear: none;
    max-width: 400px;
    padding: 0px 0px 0px 0px;
    border: 0px solid green;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
}

.img {
    position: relative;
    z-index: 0;
    float: right;
    clear: right;
    display: block;
    padding: 0px 0px 0px 0px;
    border: 0px solid cyan;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
}
.float_left {
    position: relative;
    z-index: 0;
    float: left;
    display: block;
    padding: 0px 15px 10px 0px;
    border: 0px solid cyan;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
}
.float_right {
    position: relative;
    z-index: 0;
    float: right;
    display: block;
    padding: 0px 0px 0px 0px;
    border: 0px solid cyan;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
}

/******************/
/* HEADER STYLING */
/******************/
h1 {
    display: none;
}
h2 {
    display: none;
}
h3 {
    padding: 10px 0px 0px 0px;
    border: 0px solid lime;
	margin: 0px 0px 10px 0px;
    text-align: left;
	font-size: 115%;
    font-weight: bold;
    font-style: normal;
    font-variant: small-caps;
    text-transform: capitalize;
    color: #FF6D00;
}
h4 {
    padding: 5px 0px 0px 0px;
    border: 0px solid lime;
	margin: 0px 0px 15px 0px;
    text-align: left;
	font-size: 90%;
    font-weight: bold;
    font-style: normal;
    color: #1D7788;
    text-transform: uppercase;
}
#block1 h4 {
    float: left;
    clear: left;
}

/****************/
/* TEXT STYLING */
/****************/
p {
    padding: 0px 0px 0px 0px;
    border: 0px solid cyan;
 	margin: 10px 0px 0px 0px;
    text-align: left;
	font-size: 90%;
    font-weight: normal;
    font-style: normal;
    color: black;
    line-height: 110%;
}
#block1 p {
    width: 100%;
    float: left;
    clear: left;
}
p.index {
    width: 52%;
    padding: 0px 0px 0px 0px;
    border: 0px solid cyan;
 	margin: 10px 0px 0px 0px;
    text-align: left;
	font-size: 90%;
    font-weight: normal;
    font-style: normal;
    color: black;
    line-height: 110%;
}
div#bottom_right p {
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
 	margin: 0px 0px 0px 0px;
    text-align: right;
	font-size: 70%;
    font-weight: normal;
    font-style: normal;
    color: #657275;
    line-height: 100%;
}
#left p {
    float: left;
    padding: 0px 0px 0px 0px;
    border: 1px solid lime;
 	margin: 0px 0px 0px 0px;
    text-align: left;
	font-size: 90%;
    font-weight: normal;
    font-style: normal;
    color: #657275;
    color: black;
    line-height: 100%;
}
i {
    border: 0px solid orange;
    font-weight: normal;
    font-style: italic;
}
em {
    display: block;
    padding: 10px 0px 10px 0px;
    border: 0px solid orange;
 	margin: 0px 0px 0px 0px;
    text-align: center;
    font-family: Verdana, Helvetica, Arial, Times, serif;
	font-size: 70%;
    font-weight: normal;
    font-style: italic;
    color: black;
    line-height: 120%;
}
strong {
	font-size: 100%;
    font-weight: bold;
    color: #FF6D00;
}
acronym, abbr {
    padding: 0px 0px 0px 0px;
    border-bottom: 1px dotted #FFEAD7;
 	margin: 0px 0px 0px 0px;
    cursor: help;
}

/****************/
/* LINK STYLING */
/****************/
a:link,
a:visited,
a:active {
    border-bottom: 1px solid #D3D3D3;
    color: black;
    text-decoration: none;
}
a:hover {
    border-bottom: 1px solid #FF5200;
	color: #FF5200;
    text-decoration: none;
    background-color: transparent; /*transparent*/
}


/* LIST */
ul {
    margin: 0px 0px 0px 0px;
    border: 0px solid lime;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background-color: transparent; /*transparent*/
}
ul li {
    margin: 0px 0px 5px 20px;
    border: 0px solid blue;
    padding: 0px 0px 0px 0px;
    font-size: 90%;
    line-height: 100%;
	color: black;
    background-color: transparent; /*transparent*/
}

/* LIST */
ul.norm {
    float: left;
    clear: left;
    width: 450px;
    margin: 15px 0px 0px 0px;
    border: 0px solid lime;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background-color: transparent; /*transparent*/
}
ul.norm li {
    margin: 0px 0px 8px 20px;
    border: 0px solid blue;
    padding: 0px 0px 0px 0px;
    font-size: 90%;
    line-height: 100%;
	color: black;
    background-color: transparent; /*transparent*/
}

/* CASE STUDY LIST */
ul.basic {
    clear: left;
    width: 300px;
    margin: 15px 0px 10px 20px;
    border: 0px solid lime;
    padding: 0px 0px 0px 0px;
    list-style-type: none; /*none*/
    text-align: left;
    background-color: transparent; /*transparent*/
}
ul.basic li {
	display: block;
    clear: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    border: 0px solid blue;
    padding: 0px 0px 0px 0px;
    background-color: transparent; /*transparent*/
}
ul.basic li a:link,
ul.basic li a:visited,
ul.basic li a:active {
	display: block;
    margin: 0px 0px 0px 0px;
    border: 0px dotted #A9A9A9;
    border-bottom: 1px dotted #A9A9A9;
    padding: 5px 10px 5px 10px;
    font-size: 90%;
    line-height: 100%;
	color: black;
    text-decoration: none;
    background-color: transparent; /*transparent*/
}
ul.basic li a:hover {
    color: #FF6D00;
}


/* MAIN PAGE NAVIGATION */
html ul li a {
	height: 1%;
}
div#nav	{
    position: relative;
    z-index: 10;
    height: 24px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    border-bottom: 7px solid black;
	margin: 0px 0px 0px 0px;
    background-color: transparent;
    background-image: url(images/nav_bg.gif);
    background-repeat: repeat-x;
    background-position: top center;
}
ul.nav {
	height: 24px;
    float: right;
    margin: 0px 0px 0px 0px;
    border-bottom: 7px solid black;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    ext-transform: uppercase;
    text-align: right;
    background-color: transparent; /*transparent*/
}
ul.nav li {
	display: inline;
	float: left;
    margin: 0px 0px 0px 0px;
    border: 0px solid blue;
    padding: 0px 0px 0px 0px;
    background-color: transparent; /*transparent*/
}
ul.nav li a:link,
ul.nav li a:visited,
ul.nav li a:active {
	display: block;
	height: 19px;
    margin: 0px 0px 0px 0px;
    border-bottom: 7px solid black;
    padding: 5px 20px 0px 20px;
    font-size: 12px;
    line-height: 100%;
	color: white;
    font-weight: bold;
    text-decoration: none;
    background-color: transparent; /*transparent*/
}
ul.nav li a:hover {
    border-bottom: 7px solid orange;
    color: white;
}
ul.nav li a#current {
    border-bottom: 7px solid white;
}
ul.nav li a:hover#current {
    border: 0px solid white;
    color: black;
}

/* FOOTER */
#footer {
    idth: 100%;
    width: 798px;
    min-height: 25px;
    padding: 0px 0px 20px 0px;
    border: 1px solid black;
    margin: 0px auto 0px auto;
    background-color: black;
}

/* FOOTER NAVIGATION */
div#bottom_left	{
    position: relative;
    z-index: 10;
    width: 800px;
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
	margin: 0px 0px 0px 0px;
    background-color: transparent;
}
ul.nav2 {
    float: left;
    width: 580px;
    margin: 5px 0px 0px 0px;
    border: 0px solid lime;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    text-transform: uppercase;
    text-align: left;
    background-color: transparent; /*transparent*/
}
ul.nav2 li {
	display: block;
	float: left;
    idth: 330px;
    margin: 0px 0px 0px 10px;
    border: 0px solid blue;
    padding: 0px 0px 0px 0px;
    background-color: transparent; /*transparent*/
}
ul.nav2 li a:link,
ul.nav2 li a:visited,
ul.nav2 li a:active {
	display: block;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px dotted #A9A9A9;
    padding: 5px 5px 5px 5px;
    font-size: 70%;
    line-height: 100%;
	color: #FF6D00;
    text-decoration: none;
    background-color: transparent; /*transparent*/
}
ul.nav2 li a:hover {
    color: white;
}

div#bottom_right	{
    position: absolute; /*relative*//*absolute*/
    bottom: 48px;
    right: 0px;
    z-index: 10;
    float: right;
    width: 55%;
    padding: 0px 0px 0px 0px;
    border: 0px solid cyan;
	margin: 0px 10px 10px 0px;
    background-color: transparent;
}
a.fr:link,
a.fr:visited,
a.fr:active {
	display: block;
    float: right;
    margin: 0px 10px 0px 0px;
    border: 0px dotted red;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    background-color: transparent; /*transparent*/
}
a.fr:hover {
    color: white;
}
a.fr img {
    margin: 0px 0px 0px 0px;
    border: 0px dotted red;
    padding: 0px 0px 0px 0px;
}