File: //home/webmarketingplus.co.uk/public_html/CSS/style.css
body {
font-family: Arial, Tahoma, Verdana, Sans-Serif;
background: #4d4d4d url(../i/body_bg.jpg) repeat-x;
font-size: 12px;
}
.clear, .Clear{ clear: both; font-size: 0; line-height: 0; overflow: hidden; height: 0; }
.imgRight { float: right; margin: 0 0 10px 15px; }
.imgLeft { float: left; margin: 0 15px 10px 0; }
#master {
width: 960px;
margin: 26px auto 0;
padding-bottom: 15px;
background-color: #CCC;
background-image: url(../i/master_bg.gif);
background-repeat: repeat-y;
}
#header {
position: relative;
height: 115px;
background-repeat: no-repeat;
}
#header h1 {
font-size: 26px;
color: #525653;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 40px;
}
#header #newsletterSignup {
position: absolute;
top: 17px;
right: 28px;
width: 296px;
height: 57px;
}
#header #newsletterSignup h1{
color: #72CCF0;
text-align: right;
font-size: 16px;
}
#header #newsletterSignup h2{
color: #F60;
text-align: right;
font-size: 14px;
}
#mainNav {z-index: 1000000; position: relative; width: 908px; margin: 0 auto; background: url(../i/mainNav_bg.gif) no-repeat; }
#mainNav UL {z-index: 3000000; display: inline-block; margin-left: 43px; }
#mainNav LI {z-index: 3000000; position: relative; float: left; height: 33px; margin-right: 22px; font: bold 1.4em/33px Trebuchet MS, Arial, Verdana, sans-serif; }
#mainNav LI A {display: block; color: #ccd7cc; text-decoration: none; }
#mainNav LI A:hover, #mainNav LI A.highlight {
color: #2AB1E9;
}
#mainNav .dropdown {position: absolute; top: 33px; left: 0px; display: none; background: url(../i/mainNav_dropdownBG.png); }
#mainNav .dropdown .dropdownItem {display: block; margin: 2px 0; }
#mainNav .dropdown .dropdownItem A {display: block; white-space: nowrap; width: 200px; height: 16px; padding: 0 10px; font: 0.8em/16px Arial, Tahoma, Verdana, Sans-Serif; color: #aab3aa; letter-spacing: 1px; text-decoration: none; background: transparent; }
#mainNav .dropdown .dropdownItem A:hover {
color: #2AB1E9;
background: url(../i/mainNav_dropdown_hover.gif) repeat-x;
}
#main {
width: 900px;
overflow: hidden;
background: url(../i/main_bg.gif) repeat-y;
margin-top: 10;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 4px;
padding-bottom: 0;
padding-left: 4px;
}
#main #headerImages{
display:block;
height:200px;
}
#main .headerImage {
position: relative;
z-index:10;
margin-top: 10px;
}
#main .headerImage IMG { border-bottom: 5px solid #e1ecb4; }
#main .headerImgageOverlay {
position: absolute;
top: 0;
left: 540px;
width: 320px;
height: 150px;
padding: 50px 20px 0;
background: url(../i/headerImgageOverlay.png);
line-height: 1.2em;
}
#main .headerImgageOverlay .title { margin-bottom: 9px; color: #ffffff; font: 1.8em/1em Trebuchet MS, Arial, Verdana, sans-serif; }
#main .headerImgageOverlay P {
margin: 7px 0;
font-size: 1.4em;
color: #ffffff;
line-height: 1.5em;
}
#main .content {
padding: 25px 40px;
line-height: 1.2em;
text-align: justify;
}
#main .content H1 {
margin-bottom: 5px;
font: 2.4em/1em Trebuchet MS, Arial, Verdana, sans-serif;
color: #2AB1E9;
padding-bottom: 8px;
}
#main .content H2 { margin: 15px 0; font: bold 1.6em/1em Trebuchet MS, Arial, Verdana, sans-serif; color: #516976; }
#mainBottom { width: 900px; height: 13px; padding: 0 4px; margin: 0 auto; line-height: 0; overflow: hidden; background: url(../i/main_bottom.gif); }
#footer { width: 960px; margin: 0 auto; background: url(../i/footer_middle.gif) repeat-y; }
#footer .footerWrapper { background: url(../i/footer_top.gif) no-repeat; }
#footer .footerContainer { min-height: 85px; padding: 15px 24px 40px; background: url(../i/footer_bottom.gif) no-repeat 0 100%; }
#footer .menuCol { float: left; width: 172px; margin-right: 20px; padding-right: 10px; }
#footer .logoCol {
float: left;
width: 100px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0;
}
#footer .title { margin-bottom: 7px; color: #ccd7cc; font: bold 1.4em/1em Trebuchet MS, Arial, Verdana, sans-serif; }
#footer LI { margin-bottom: 3px; font-size: 1.1em; color: #848c84; }
#footer LI A { color: #848c84; text-decoration: none; }
#footer LI A:hover {
color: #999;
}
#footer P { margin-bottom: 8px; font-size: 1.1em; color: #848c84; }
#footer P A { color: #848c84; text-decoration: none; font-weight: bold; }
#foote r P A:hover {
color: #2AB1E9;
}
/* Common Styles */
H1 {
margin-bottom: 5px;
font: 2.4em/1em Trebuchet MS, Arial, Verdana, sans-serif;
color: #2AB1E9;
}
H2 { margin: 15px 0; font: bold 1.6em/1em Trebuchet MS, Arial, Verdana, sans-serif; color: #516976; }
H3 { margin: 15px 0; font: bold 1.4em/1em Trebuchet MS, Arial, Verdana, sans-serif; color: #516976; }
.content.homepage { float: left; width: 460px; }
.content P {
margin: 15px 0;
font-size: 12px;
line-height: 28px;
color: #656565;
}
.content A {
font-weight: bold;
color: #2AB1E9;
text-decoration: none;
}
.content A:hover {
color: #2AB1E9;
text-decoration: underline;
}
.features { width: 328px; float: left; padding-top: 25px; }
.features .feature { margin-bottom: 15px; }
.features .feature .title { height: 32px; padding: 0 24px; font: bold 1.4em/32px Trebuchet MS, Arial, Verdana, sans-serif; color: #ccd7cc; text-transform: lowercase; background: url(../i/feature_top.gif); }
.features .feature .middle { padding: 5px 24px; background: url(../i/feature_middle.gif); }
.features .feature .bottom { height: 9px; line-height: 0; overflow: hidden; background: url(../i/feature_bottom.gif); }
.features .feature P { padding: 7px 0; font-size: 1.1em; line-height: 1.4em; color: #656565; }
.subsection { position: relative; left: -4px; width: 828px; margin: 5px 0; }
.subsection .title { height: 36px; padding: 0 0 0 24px; cursor: pointer; font: bold 1.4em/34px Trebuchet MS, Arial, Verdana, sans-serif; color: #ccd7cc; text-transform: lowercase; background: url(../i/subsectionDropdown.gif); }
.subsection .title A { display: block; color: #ccd7cc; text-decoration: none; }
.subsection .title A:hover {
color: #2AB1E9;
}
.subsection.noContent .title { cursor: auto; background: url(../i/subsectionDropdown_noContent.gif); }
.subsection .subsectionContent { display: none; }
.content .subsection .middle { display:block; padding: 10px 25px; background: url(../i/subsection_middle.gif); zoom:1; }
.subsection .bottom { height: 9px; line-height: 0; overflow: hidden; background: url(../i/subsection_bottom.gif); }
.subsection P { margin: 0 0 10px 0; font-size: 1.1em; }
.subsection P A { font-size: 1.2em; }
.subsection .imgLeft { margin: 0 20px 10px 0; }
/* Home Page Styles */
#right_col {
padding: 10px;
float: right;
height: auto;
width: 225px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 25px;
}
#right_col .title { height: 32px; padding: 0 24px; font: bold 1.4em/32px Trebuchet MS, Arial, Verdana, sans-serif; color: #ccd7cc; text-transform: lowercase; background: url(../i/feature_top2.gif); }
#right_col .middle { padding: 5px 24px; background: url(../i/feature_middle.gif); }
#right_col .bottom { height: 9px; line-height: 0; overflow: hidden; background: url(../i/feature_bottom.gif); }
#right_col P { padding: 7px 0; font-size: 1.1em; line-height: 1.4em; color: #656565; }
.letter {
font-style: italic;
line-height: 1.2em;
}
#hidden {
visibility: hidden;
height: 1px;
overflow: hidden;
}
#sidead {
float: right;
height: 260px;
width: 280px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 30px;
}