HEX
Server: Apache/2.4.58 (Ubuntu)
System: Linux ns3133907 6.8.0-86-generic #87-Ubuntu SMP PREEMPT_DYNAMIC Mon Sep 22 18:03:36 UTC 2025 x86_64
User: cssnetorguk (1024)
PHP: 8.2.28
Disabled: NONE
Upload Files
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;
}