/**
* MORRCO
* Layout CSS			
*
* CSS developed by Bloom Media Ltd. | www.bloommedia.co.uk
*/

#background-shading {
background:url(/images/bg-topback.gif) center top no-repeat;

}

html,body {
background:url(/images/bg-botback.gif) center bottom no-repeat;
font-family:MS Sans Serif, Geneva, sans-serif;
background-attachment: fixed; 
}

#container {
width:934px;
margin:auto;
}

/* these inner containers allow for the bottom half to have a white background */

#container-head {
width:920px;
padding-left:8px;
padding-top:23px;
}

#container-body {
background:#fff;
clear:both !important;
}

.inner-padding-17px {
	padding:17px 17px 0;
}

/* HEADER */

#headerbar {
height:62px;
}

#container h1 {
background:url(/images/logo-morrco.gif) left top no-repeat;
text-indent:-3000px;
width:286px;
height:37px;

float:left;
margin-top:15px;
}

#headerbar ul {

float:right;
width:600px;
margin-top:26px;
font-size:1.2em;
}

#headerbar ul li{
float:right;
color:#fff;
padding-left:25px;
}

#headerbar ul li a{
color:#fff;
}

#headerbar ul li a:hover{
color:#cdef0d;
}


/* MIDDLE SECTION */

.home-two-col-layout {
clear:both;
width:920px;
margin:auto;
}

.home-two-col-layout-left-col {
width:655px;
float:left;
}

.home-two-col-layout-right-col {
width:260px;
float:right;
}

#home-red-right-menu {
background:url(/images/bg-red-right-band.gif) right bottom no-repeat #ff4200;
height:25.4em;
}

#home-red-right-menu h2{
background:url(/images/title-our-services.gif) top left no-repeat;
text-indent:-3000px;
width:136px;
height:21px;
margin:0;
padding:0;
}

#home-red-right-menu p {
margin:0px;
padding:10px 0 10px 0;
color:#fff;
font-size:1.1em;
line-height:1.1em;
}

#home-red-right-menu ul li a {
	color:#fff;
	font-size:1.2em;
}

#home-red-right-menu ul li {
background:url(/images/nav-arrow-red.gif) 0px 3px no-repeat;
padding-left:17px;
}


.support-link {
background:url(/images/nav-arrowlink1.gif) top right no-repeat;
display:block;
line-height:27px;
text-align:right;
padding-right:34px;
color:#fff;
font-weight:bold;
}

.support-link:hover {
background:url(/images/nav-arrowlink1b.gif) top right no-repeat;
color:#ff4200;
text-decoration:none;
}




#healthcare-project-flash {
float:right;
padding-top:5px;
}

#home-flash-3blocks {
float:left;
width:489px;
padding-top:5px;
}



#climate-care h2 {
background:url(/images/title-climatecare.gif) 16px 16px no-repeat;
width:127px;
height:65px;
text-indent:-3000px;
margin:0;
padding:0;
}

#climate-care {
	background:url(/images/climatecare2.gif) right bottom no-repeat;
	
}

#climate-care p{
width:118px;
font-size:1.1em;
line-height:1.1em;
margin:4px 0 5px 0px;
float:left;
}

#climate-care a{
color:#809219;
text-decoration:underline;
}

.ccflash {
	width:124px;
	float:right;
	margin-top:-32px;
}

.home-three-col-layout {
	clear:both;
	width:920px;
margin:auto;
}

.home-three-col-layout-left-col {
width:311px;
float:left;
margin-right:10px;
}

.home-three-col-layout-mid-col {
width:321px;
float:left;
}

.home-three-col-layout-right-col {
width:248px;
float:right;
}


.home-office-padding {
padding-left:10px;
}

#home-office-refurbishment h2 {
background:url(/images/title-office-refurbishment.png) left top no-repeat;
width:208px;
height:33px;
text-indent:-3000px;
margin:5px 0 0 0;
}


#home-contact-form h2 {
background:url(/images/title-contact-us.png) left top no-repeat;
width:208px;
height:33px;
text-indent:-3000px;
margin:5px 0 0 0;
}

#home-our-clients h2 {
background:url(/images/title-our-clients.png) left top no-repeat;
width:208px;
height:33px;
text-indent:-3000px;
margin:5px 0 0 0;
}

#home-our-clients ul li a img{
	border:1px solid #000;
	}
	



#home-our-clients ul li {
float:left;
height:51px;
}

#home-our-clients ul li a {
width:118px;
height:47px;

}


.home-logos-left {
padding-right:5px;
}



#home-contact-form form {
background:url(/images/bg-green-right-band.gif) right bottom no-repeat #a8c217;

color:#444f08;
margin:0;
padding:0;
margin-top:5px;
min-height:17.4em;
}

#home-contact-form fieldset {
padding:12px 15px 5px 15px;
}

#home-contact-form {
margin-left:13px;

}

#home-contact-form label {
clear:both;
width:82px;
float:left;
font-size:1.2em;
margin-top:0px;
}

#home-contact-form input {
width:178px;
font-family:MS Sans Serif, Geneva, sans-serif;
border:2px solid #91a90e;
margin-top:0px;
font-size:1.1em;
}

#home-contact-form form p{
color:#444f08;
font-size:1.2em;
line-height:1.2em;
margin:0 0 10px 0;
}

.submitbutton {
margin-top:5px;
clear:both;
}

#home-contact-form fieldset div {
width:100%;
float:left;
padding-top:5px;
}

.submitbutton input {
width:82px !important;
height:29px !important;
float:right;
border:0 !important;
}

#home-office-refurbishment p{
font-size:1.2em;
line-height:1em !important;
padding:0 0 5px 0;
margin:3px 0 0 0;
}


/* Footer */

#footer {
clear:both;
height:156px;
width:920px;
}

#footer ul {
padding-top:60px;
color:#fff;
font-size:1.2em;
float:left;
}

#footer ul li{
float:left;
margin-right:6px;
}

#footer ul li a{
color:#fff;
}


/* clear floats */

.clearfloats-7px {
clear:both;
height:7px;
overflow:hidden;
display:block;
}

.clearfloats {
clear:both;
height:1px;
overflow:hidden;
display:block;
}
