/**
* Reset All Element Properties
*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
margin: 0;
padding: 0;
border: 0;
font-size: 1em;
font-weight: normal;
line-height: 1em;
}
table,th,td {
border-collapse: collapse;
border-spacing: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
abbr,acronym {
border: 0;
}
a img, :link img, :visited img {
border: 0;
}
a, ins, :link, :visited {
text-decoration: none;
}
:focus {
outline: 0;
}
/**
* Global Styles for Resetting differences in float behaviours
*/
.cf {
display: block;
}
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
}
/**
* Custom Settings
*=[01] Body
* body
* |-[02] header
* |-[03] page
* |-[04] footer
*/
html {
text-align: center;
}
body {
font-family: Verdana, Geneva, sans-serif;
background: #131415 none scroll no-repeat left top;
color: #feeb8d;
font-size: 0.75em;
width: 915px;
margin: 0 auto 20px auto;
text-align: left;
}
/**
*=[02] Header
* body
* |-[02] header
* |-[03] page
* |-[04] footer
*/
#header {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_bg_top_w915xh100.png) scroll no-repeat left top;
color: #131415;
height: 100px;
margin: 20px 0 0 0;
}
#header a {
float: left;
display: block;
margin: 15px 0 0 25px;
}
#header img {
height: 134px;
width: 100px;
}
#header ul {
float: right;
margin: 10px 50px 0 0;
}
#header li {
line-height: 2em;
color: #FEF6C8;
background: transparent;
font-size: 1em;
font-weight: bold;
font-family: Arial,Helvetica,serif;
}
#header span {
padding: 0 0 0 20px;
}
#header .icon-phone {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_contacts_w16xh48.png) scroll no-repeat left 5px;
}
#header .icon-fax {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_contacts_w16xh48.png) scroll no-repeat left -29px;
}
/**
*=[03] Page
* body
* |-[02] header
* |-[03] page
* |-[01] services
* |-[04] footer
*/
#page {
background: #191a1c url(http://www.leaf-services.co.uk/images/leaf_bg_right_w53xh773.png) scroll no-repeat right top;
}
#page .outer {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_bg_left_w53xh773.png) scroll no-repeat left top;
margin: 0 53px 0 0;
}
#page .inner {
margin: 0 0 0 53px;
text-align: center;
}
/**
*=[03][01] Services
* body
* |-[02] header
* |-[03] page
* |-[01] services
* |-[02] promotions
* |-[04] footer
*/
#services {
padding: 30px 0 0 0;
text-align: center;
width: 756px;
margin: 0 auto;
}
#services .menu {
padding: 0 0 0 40px;
}
#services .menu li {
float: left;
width: 135px;
text-align: center;
line-height: 38px;
background: transparent url(http://www.leaf-services.co.uk/images/leaf_nav_inactive_w135xh38.png) scroll no-repeat left top;
height: 38px;
}
#services .menu li.selected {
line-height: 47px;
background: transparent url(http://www.leaf-services.co.uk/images/leaf_nav_active_w135xh47.png) scroll no-repeat left top;
margin-top: -9px;
height: 47px;
text-align: left;
}
#services .menu span {
font-weight: bold;
font-family: Arial,Helvetica,serif;
font-size: 1.3em;
}
#services .menu .selected span {
text-align: left;
padding: 0 0 0 25px;
}
#services .menu a {
color: #797F95;
}
#services .menu a:hover {
color: #999Fb5;
}
#services .menu .selected a {
color: #FEF6C8;
}
#services .body {
text-align: center;
background: transparent url(http://www.leaf-services.co.uk/images/leaf_package_content_w753xh148.png) scroll no-repeat 2px 180px;
}
#services .body .header {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_header_package_w756xh65.png) scroll no-repeat left -3px;
margin: 0 auto;
}
#services .body .header h1 {
text-align: center;
color: #FCEC8C;
font-size: 2.2em;
line-height: 60px;
}
#services .adverts {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_package_values_w756xh117.png) scroll no-repeat 1px -2px;
}
#services .advert {
float: left;
width: 245px;
margin-left: 7px;
}
#services .advert .graphic {
height: 117px;
line-height: 38px;
color: #27242d;
font-weight: bold;
font-size: 2em;
}
#services .advert .description {
height: 150px;
text-align: left;
padding: 10px 0 0 0;
}
#services .advert .description p {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_package_description_icon_w20xh20.png) scroll no-repeat left top;
padding-left: 20px;
line-height: 20px;
}
#services .footer {}
/**
*=[03][02] Promotions
* body
* |-[02] header
* |-[03] page
* |-[01] services
* |-[02] promotions
* |-[04] footer
*/
#promotions {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_lea_body_w753xh287.png) scroll no-repeat left top;
height: 287px;
width: 753px;
margin: 80px auto 0 auto;
}
#promotions .menu ul {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_lea_tabs_w751xh46.png) scroll no-repeat left top;
}
#promotions .menu li {
float: left;
text-align: center;
}
#promotions-first, #promotions-first span, #promotions-first a {
display: block;
width: 190px;
height: 45px;
line-height: 45px;
}
#promotions-first a.selected {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_lea_tabs_active_left_w189xh45.png) scroll no-repeat left top;
}
#promotions-last, #promotions-last span, #promotions-last a {
display: block;
width: 182px;
height: 45px;
line-height: 45px;
}
#promotions-last a.selected {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_lea_tabs_right_active_w182xh45.png) scroll no-repeat left top;
}
#promotions-second,#promotions-third,#promotions-second span,#promotions-second a,#promotions-third span,#promotions-third a {
display: block;
width: 190px;
height: 45px;
line-height: 45px;
}
#promotions-second a.selected,#promotions-third a.selected {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_lea_tabs_mid_active_w188xh45.png) scroll no-repeat left top;
}
#promotions .menu span {
font-weight: bold;
font-family: Arial,Helvetica,serif;
font-size: 1.4em;
}
#promotions .menu a {
color: #001A01;
}
#promotions .menu a:hover {
color: #004F03;
}
#promotions .menu a.selected {
color: #fafafa;
}
#promotions .body {
text-align: left;
width: 690px;
margin: 30px 0 0 30px;
height: 200px;
color: #faf8fb;
}
#promotions .body h2 {
font-size: 1.3em;
font-weight: bold;
padding-bottom: 15px;
}
#promotions .body p {
line-height: 1.5em;
font-size: 1.2em;
}
#promotions .body p.cta {
line-height: 1.5em;
font-size: 1.2em;
text-align: center;
font-weight: bold;
padding: 10px 0 0 0;
}
#promotions .body p a {
color: #fafafa;
color: #ccedd0;
}
#promotions .body p a:hover {
color: #ffffff;
text-decoration:underline;
}
/**
*=[04] Footer
* body
* |-[02] header
* |-[03] page
* |-[04] footer
*/
#footer {
background: transparent url(http://www.leaf-services.co.uk/images/leaf_bg_bottom_w915xh32.png) scroll no-repeat left top;
color: #feeb8d;
height: 32px;
}