/* CSS Document 
Back Grey = #5c5c66
*/

html, body{
	margin: 0px 0px 0px 0px;
	background: #5c5c66 url(http://images.mets.co.uk/layout/main_back_gradient.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        text-align: justify;
}

* html body{
	background-image: none;

}

div#mainBackgroundImage{
	margin: 0px 0px 0px 0px;
	min-height:600px;
	background-image: url(http://images.mets.co.uk/layout/main_back_image.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
* html div#mainBackgroundImage{
	background-image: url(http://images.mets.co.uk/layout/main_back_image_ie.jpg);
	height: 600px;
}
div#mainBackgroundImage div#middleSection{ 
    border: 1px solid #444444;
    margin: 0px auto 0px auto;
    position: relative;
    top: 81px;
    height: 334px;
    width: 647px;
}
div#mainBackgroundImage div#middleSection div#splash div#flashHolder{
   
    padding: 30px 0px 0px 10px;
    width: 250px;
   
}
div#mainBackgroundImage div#middleSection div#splash{ 
    margin: 0px 0px 0px 0px;
    background: transparent url(http://images.mets.co.uk/layoutFront/main_image.jpg) no-repeat top left;
    height: 297px;
    width: 647px;
}
div#mainBackgroundImage div#middleSection div#menu{ 
    margin: 0px 0px 0px 0px;
    height: 37px;
    width: 647px;
}
/*

                    <li><a href="" title="" class="link_services"><!--services--></a></li>
                    <li><a href="" title="" class="link_profile"><!--companyprofile--></a></li>
                    <li><a href="" title="" class="link_contact"><!--contact--></a></li>
                    <li><a href="" title="" class="link_accreditation"><!--accreditation--></a></li>
*/

div#mainBackgroundImage div#middleSection div#menu ul.menuList{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div#mainBackgroundImage div#middleSection div#menu ul.menuList li{
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
a.link_services, a.link_services:visited{
    background: transparent url(http://images.mets.co.uk/layoutFront/services_off.jpg) no-repeat top left;
    display: block;
    height: 37px;
    width: 133px;
}
a.link_services:hover, a.link_services:active{
    background: transparent url(http://images.mets.co.uk/layoutFront/services_on.jpg) no-repeat top left;
}

a.link_profile, a.link_profile:visited{
    background: transparent url(http://images.mets.co.uk/layoutFront/company_off.jpg) no-repeat top left;
    display: block;
    height: 37px;
    width: 199px;
}
a.link_profile:hover, a.link_profile:active{
    background: transparent url(http://images.mets.co.uk/layoutFront/company_on.jpg) no-repeat top left;
}


a.link_contact, a.link_contact:visited{
    background: transparent url(http://images.mets.co.uk/layoutFront/contact_off.jpg) no-repeat top left;
    display: block;
    height: 37px;
    width: 133px;
}
a.link_contact:hover, a.link_contact:active{
    background: transparent url(http://images.mets.co.uk/layoutFront/contact_on.jpg) no-repeat top left;
}
a.link_accreditation, a.link_accreditation:visited{
    background: transparent url(http://images.mets.co.uk/layoutFront/accreditation_off.jpg) no-repeat top left;
    display: block;
    height: 37px;
    width: 182px;
}
a.link_accreditation:hover, a.link_accreditation:active{
    background: transparent url(http://images.mets.co.uk/layoutFront/accreditation_on.jpg) no-repeat top left;
}


div#baseText{
    width: 750px;
    margin: 0px auto 0px auto;
position: relative;
    top: 81px;
   
}
div#contact{
    text-align: center; 
	font-size: 10px;
        color: #DDDDDD;
}

div#footer{
        text-align: center;
        vertical-align: baseline;
        font-size: 10px;
        color: #DDDDDD;
}
div#footer a, div#footer a:visited{
    text-decoration: none;
    color: #DDDDDD;
}
div#footer a:hover, div#footer a:active{
    text-decoration: none;
    color: #5e88b6;
}


.clear{
    clear: both;
}