/* CSS Document */
html, body {
background: #CCCCCC; height:100%; padding:0em;
}
/* Fonts */
p {font-family: "Arial";
font-size: 12px;
color: #333333;}
.norm {
font-family: "Arial";
font-size: 12px;
color: #333333;
}
.footer-link {
font-family: "Arial";
font-size: 0.8em;
color: #333333;
}
.form {
font-family: "Arial";
font-size: 0.7em;
color: #333333;
}
.submenu {
font-family: "Arial";
font-size: 0.7em;
color: #333333;
}
.price {
font-family: "Arial";
font-size: 0.8em;
color: #0066CC;
}
.news {
font-family: "Arial";
font-size: 0.8em;
color: #009933;
}
.right {
font-family: "Arial";
font-size: 0.8em;
color: #000000;
}
.norm2 {
font-family: "Arial";
font-size: 0.7em;
color: #FFFFFF;
}
.norm3 {
font-family: Times New Roman;
font-size: 1.0em;
color:#000066;
}
.norm4 {
font-family: Times New Roman;
font-size: 1.4em;
color:#000066;
}
.norm6 {
font-family: Times New Roman;
font-size: 0.9em;
color:#0099CC;
}
.righttext4 {
font-family: "Arial";
font-size: 0.7em;
color: #000000;
}
.rightheaders {
font-family: "trebuchet MS";
font-size: 0.8em;
color:#0066CC;
}
.rightheaders2 {
font-family: "trebuchet MS";
font-size: 0.7em;
color:#0066CC;
}
.righttext2 {
font-family: "Arial";
font-size: 0.9em;
color: #FFFFFF;
}
.logo-right-text{
font-family: "Arial";
font-size:12px;
color:#FFFFFF;
}
.footer {
font-family: "Arial";
font-size:0.7em;
color:#CCCCCC;
}
/* Main Wrap */
#overlay {width:940px; margin:-10px auto; padding:0em; background:#FFFFFF; }
#wrap {width: 900px; margin:0px auto; padding-top:20px; }
/* Header */
#header { height:104px; background: #0066CC url(Images/top-curve1.jpg) top left no-repeat; padding:4px;
}
#home-adverts { width:900px; margin-top:6px;}
#home-adverts1 { width:296px; float:left; margin-right:6px;}
#home-adverts2 { width:296px; float:left; margin-right:6px;}
#home-adverts3 { width:296px; float:right;}
/* Logo */
#logoleft { float:left; margin-left:0.2em;}
#logoright {float:right;}
#social-links {padding-left:40px;}
/* Headers - h1 etc */
h1 { color: #0066CC; font-size: 1.0em; font-family: "trebuchet MS";}
h2 { color: #0066CC; font-size: 0.9em; font-family: "trebuchet MS";}
h3 { color: #333333; font-size: 0.8em; font-family: "Arial";}
h4 { color: #FFFFFF; font-size: 0.9em; font-family: "Arial";}
h5 { color: #009933; font-size: 1.0em; font-family: "Arial"; height: 24px; line-height: 24px; }
h6 { color: #CC0000; font-size: 1.0em; font-family: "Arial"; height: 24px; line-height: 24px; }
/* Curved boxes */
.content
{
padding:16px;
}
.box
{
position: relative;
margin-top: 10px;
text-align: left;
width: 630px; /* <-- use this for a set width */
background-color: #eeeeee;
}
.box-center
{
position: relative;
margin-top: 10px;
text-align: left;
width: 900px; /* <-- use this for a set width */
background-color: #eeeeee;
}
.box-left
{
position: relative;
margin-top: 10px;
text-align: left;
width: 248px; /* <-- use this for a set width */
background-color: #eeeeee;
}
/* ---=== border code follows ===--- */
/*
tlc = top left corner
trc = top right corner
blc = bottom left corner
brc = bottom right corner
lb = left border
rb = right border
tb = top border
bb = bottom border
*/
.tlc, .trc, .blc, .brc
{
background-color: transparent;
background-repeat: no-repeat;
}
.tlc
{
background-image:url(Images/borders/tlc.gif);
background-position: 0% 0%;
}
.trc
{
background-image:url(Images/borders/trc.gif);
background-position: 100% 0%;
}
.blc
{
background-image:url(Images/borders/blc.gif);
background-position: 0% 100%;
}
.brc
{
background-image:url(Images/borders/brc.gif);
background-position: 100% 100%;
}
.tb, .bb
{
background-color: transparent;
background-repeat: repeat-x;
}
.tb
{
background-image:url(Images/borders/tb.gif);
background-position: 0% 0%;
}
.bb
{
background-image:url(Images/borders/bb.gif);
background-position: 50% 100%;
}
.rb
{
background-image:url(Images/borders/r.gif);
background-position: 100% 0%;
background-repeat: repeat-y;
}
.lb
{
background-image:url(Images/borders/l.gif);
background-position: 0% 100%;
background-repeat: repeat-y;
}
/* defaults */
.home-images{ margin-left: 20px;}
.clear {clear:both; height:10px;}
.clear-line {clear:both; height:10px; margin-top:6px; margin-bottom:6px; border-bottom: 0.01em dashed #CCCCCC;}
.clear2 {clear:both; height:5px;}
.spacer {height:20px; clear:both;}
#seperator {border-bottom: 0.01em dashed #CCCCCC;}
#seperator1 {border-bottom: 0.01em dashed #CCCCCC;}
#seperator2 {border-bottom: 0.01em dashed #CCCCCC;}
#seperator3 {border-bottom: 0.01em dashed #CCCCCC;}
.small-clear { clear:both; height:4px;}
.line {border-bottom: 0.01em dashed #CCCCCC; width: 90%;}
.center {margin-left:auto; margin-right:auto; display: block;}
/* divs */
.home-share-right {float:right;}
#current-work-container {width:100%; padding-bottom:0.4em;}
#current-work-left { padding-left:0.01em; padding-right:0.2em;}
#articles-page-left { float: left; width: 680px; background: #FFFFFF; margin-bottom: 0.4em; padding-left:0.3em; height:100%; padding-right:0.3em; border: 0.01em solid #CCCCCC; }
#articlesright { float:right; width: 240px; background-color:#FFFFFF; border: 0.01em solid #CCCCCC; padding-left:0.4em; margin-left:0.2em; padding-top:0.9em; }
#article-page-right { float:right; width: 190px; background-color:#FFFFFF; border: 0.01em solid #CCCCCC; padding:4px; margin-bottom:3em;}
.container {margin-bottom: 4px;}
#left-main { float: left; width: 248px; background: #ffffff;}
.banners{width:98%;}
.banners-left{float:left; width:400px;}
.banners-right{float:left; width:400px;}
#tempad {padding-left:24px; }
#right { float: right; width: 227px; background: #FFFFFF; margin-bottom: 0.4em; border: 0.01em solid #CCCCCC; padding-left:0.4em; padding-top:0.9em; padding-right:0.4em;}
#right-ad { float: right; width: 105px; background: #FFFFFF; margin-bottom: 0.4em; border: 0.01em dashed #CCCCCC; padding-left:0.4em; padding-top:0.9em; padding-right:0.4em;}
#left { float: left; width: 630px; background: #FFFFFF; margin-bottom: 0.4em; padding-left:0.3em; height:100%; padding-right:0.3em; border: 0.01em solid #CCCCCC; }
#home-right { float: right; width: 630px; background: #FFFFFF; margin-bottom: 0.4em; height:100%; }
.home-right-split {float: left; width: 280px; margin-top:4px; }
.home-right-split2 {float: right; width: 280px; margin-top:4px; }
#center { width: 900px; background: #FFFFFF; background: #FFFFFF; margin-bottom: 0.4em; height:100%;}
#servicespurchase { float:left; width: 30%; background-color: #FFFFFF; border: 0.01em dashed #0066CC; padding:0.4em;}
#servicespurchase-right { float:right; width: 26%; background-color: #FFFFFF; border: 0.01em dashed #CCCCCC; padding:0.4em; margin-left:0.9em;}
#servicespurchase2 { float: right; width: 28%; background-color: #FFFFFF; border: 0.01em dashed #0066CC; padding:0.4em; margin-bottom:0.4em;}
#formsright { float: right; width: 28%; margin-bottom: 0.2em; border: 0.01em dashed #CCCCCC; padding:0.4em;}
#formsleft { float: left; width: 66%; margin-bottom: 0.2em; border: 0.01em dashed #CCCCCC; padding:0.4em;}
#formsright1 { float: right; width: 35%; margin-bottom: 0.2em; border: 0.1em solid #CCCCCC;}
#formsleft1 { float: left; width: 60%; margin-bottom: 0.2em;}
#invisiblerightdiv{ float:right; width:15%;}
#header2right { float: right;}
#header2left-left { float: left; width:16%;}
#header2left { float: left; width:26%;}
#downloadpagead { float: right; width: 20%; background-color: #FFFFFF; border: 0.01em solid #0066FF;}
#servicelist { float:left; width:50%; background-color: #FFCCCC; border: 0.01em solid #0066FF;}
#servicelistright { float:right; width:30%; }
#servicelist3 { float:left; width:70%; background-color: #6666CC; border: 0.01em solid #0066FF;}
#servicelist4 { float:left; width:70%; background-color: #996699; border: 0.01em solid #0066FF;}
#servicelist5 { float:left; width:70%; background-color: #FF9966; border: 0.01em solid #0066FF;}
#servicelist6 { float:left; width:70%; background-color: #FFCC66; border: 0.01em solid #0066FF;}
#servicelist7 { float:left; width:70%; background-color: #9999CC; border: 0.01em solid #0066FF;}
#portfolioleft { float:left; width:48%; background-color: #FFFFFF; border: 0.01em dashed #CCCCCC; padding:0.3em;}
#portfolioleft-left { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioleft-left2 { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right2 { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioleft-left3 { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right3 { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioleft-left4 { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right4 { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioleft-left5 { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right5 { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioleft-left6 { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right6 { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioleft-left7 { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right7 { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioleft-left8 { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right8 { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioleft-left9 { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right9 { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioleft-left10 { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right10 { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioleft-left11 { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right11 { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioleft-left12 { float:left; width:46%; background-color: #FFFFFF; border: 0.01em solid #FFFFFF;}
#portfolioleft-right12 { float:right; width:48%; background-color: #CCCCCC; border: 0.01em solid #CCCCCC;}
#portfolioright { float:right; width:38%; background-color: #FFFFFF; border: 0.01em dashed #CCCCCC; padding:0.3em;}
#logo-portfolio-left {width:45%; float:left}
#logo-portfolio-right {width:45%; float:right}
#portfolioquote { float:right; background-color: #FFFFFF;}
#maintenanceleft { float:left; background-color: #FFFFFF;}
#maintenance6left{ float:left; padding:0.05em;}
#maintenance6left-right{ float:left; padding:0.05em; margin-left:2em;}
#maintenance12left{ float:left; padding:0.05em;}
#maintenance12left-right{ float:left; padding:0.05em; margin-left:2em;}
#paintpotsright { float:right; width:30%; background-color: #FFFFFF;}
#spacediv {float:left; width:2%; background-color:#0066FF;}
#spacediv2 {float:left; width:2%; background-color:#0066FF;}
#templatesrightad {float:right;}
#freetemplateleft {float:left; width:36%; padding:0.05em;}
#freetemplateright {float:right; width:36%; padding:0.05em;}
#bannerimage {float:left;}
#servicesplit {width:64%; float:left; border: 0.01em dashed #CCCCCC; padding:0.8em; margin-bottom:3em;}
#servicesplit2 {float:right; border: 0.01em dashed #CCCCCC; padding:0.8em; margin-bottom:3em;}
/* lists */
ol { list-style:decimal}
ol li { list-style-type: decimal; font-family:Arial; font-size:12px; color: #333333;}
ul { list-style:circle;}
li { list-style-type: circle; font-family:Arial; font-size:12px; color: #333333;}
/* footer */
#footer {width:900px; background:url(Images/footer-background.gif) no-repeat; padding:0.2em; margin-left:auto; margin-right:auto; margin-bottom:12px; }
#footerleftlinks{ float:left; padding-left:0.4em; margin-right:0.6em;}
#footerleftlinks2{ float:left; padding-left:1.8em; margin-right:0.8em;}
#footerleftlinks3{ float:left; padding-left:1.8em; margin-right:0.8em;}
#footerleftlinks4{ float:left; padding-left:1.8em; margin-right:0.8em;}
.topfooter {padding-left:4px;}
#footer ul {list-style-image:url(Images/footer-ul.png); text-align:left;}
/* Image Control */
.buttonStyle {
border: none;
background: #FFF url('Images/submit.png');
}
.centeredImage
{
text-align:center; padding-left:2.8em;
}
/* links */
a:link {text-decoration: underline; color:#000000; }
a:visited {text-decoration: underline; color:#000000; }
a:active {text-decoration: underline;}
a:hover {text-decoration: underline; color: #0099CC;}
a.service:link {color:#000000; text-decoration:none; }
a.service:visited {color:#000000; text-decoration:none; }
a.service:active {color:#000000; text-decoration:none;}
a.service:hover {color: #0099CC;}
a.logo:link {text-decoration: none; color: #FFFFFF;}
a.logo:visited {text-decoration: none; color: #FFFFFF;}
a.logo:active {text-decoration: none;}
a.logo:hover {text-decoration: underline; color: #FFFFFF;}
a.social:link {text-decoration: none; color: #FFFFFF;}
a.social:visited {text-decoration: none; color: #FFFFFF;}
a.social:active {text-decoration: none;}
a.social:hover {text-decoration: none; color: #FFFFFF;}
a.main:link {text-decoration: underline; color: #000000;}
a.main:visited {text-decoration: underline; color: #000000;}
a.main:hover {text-decoration: underline; color: #000066;}
a.main:active {text-decoration: underline;}
a.footer:link {text-decoration: none; color: #CCCCCC;}
a.footer:visited {text-decoration: none; color: #CCCCCC;}
a.footer:hover {text-decoration: underline; color: #CCCCCC;}
a.footer:active {text-decoration: underline;}
/* Menu */
#dropnav {
background: #0066CC url(Images/nav-curve1.jpg) top left no-repeat;
border-top: 0.01em dashed #CCCCCC;
height: 28px;
list-style: none;
margin-top:4px;
}
#nav {
text-align: left;
font-size: 0.9em;
font-weight: bold;
padding: 0;
margin: 0;
list-style: none;
}
#nav ul {
border: 1px solid #FFFFFF;
padding: 0;
margin: 0;
list-style:none;
}
#nav, #nav ul {
float: left;
list-style: none;
line-height: 15px;
}
#nav a {
display: block;
width: auto;
text-decoration: none;
font-size:1.03em;
list-style: none;
}
#nav a.daddy {
color: #FFFFFF;
padding-bottom: 7px;
list-style: none;
}
#nav a:hover.daddy {
text-decoration:underline;
}
#nav a.kiddie {
color: #666666;
padding: 3px 0 4px 10px;
width: 163px;
margin: 0;
}
#nav a:hover.kiddie {
color: #FFFFFF;
text-decoration:underline;
}
#nav li ul ul { margin: -25px 0 0 14.3em; list-style: none; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; }
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li.kiddie ul ul { left: -999em; list-style: none; }
#nav li:hover ul, #nav li.sfhover ul, #nav li li:hover ul,#nav li li.sfhover ul, #nav li.kiddie ul, #nav li li.slevel ul { left: auto; }
#nav a.slevel {
display: block;
width: auto;
text-decoration: none;
list-style: none;
/*height:15px;*/
}
#nav a.slevel {
color: #0033CC;
padding: 3px 0 4px 10px;
width: 163px;
margin: 0;
}
#nav a:hover.slevel {
color: #0066CC;
}
.runt {
border-top: 1px dashed #004a78;
}
#nav li {
float: left;
margin: 0;
padding: 6px 24px 0 16px; /* changed from 7 to 6 padding bottom */
width: auto;
line-height: 15px; /* doesn't inherit corretly whith g2a stylesheet- so we need to specify */
list-style: none;
}
#nav li a {
color: #000033;
list-style: none;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 175px;
margin-left: -10px;
background: white;
z-index:10001; /* on top of maps: 10000 */
list-style: none;
}
/* submenu styling */
#nav ul li:hover a, #nav ul li.sfhover a {color: #0033CC; background: #000099;} /* parent hover style */
#nav ul li:hover ul, #nav ul li.sfhover ul {display:block; position:absolute; left:0;/*top:21px; */ }
#nav ul li:hover ul li a.hide, #nav ul li.sfhover ul li a.hide {background:#fff; color:#004a78;}
#nav ul li:hover ul li:hover a.hide, #nav ul ul a.hide {background:#fff; color:#004a78;}
#nav ul li:hover ul li ul, #nav ul li.sfhover ul li ul {display: none; width: 130px;}
#nav ul li:hover ul li a, #nav ul li.sfhover ul li a {display:block; background:#fff; color:#004a78;}
#nav ul li:hover ul li a:hover, #nav ul li.sfhover ul li a:hover {background:#e96d25; color:#fff;}
#nav ul li:hover ul li:hover ul, #nav ul li.sfhover ul li.sfhover ul {display:block; position:absolute; left:0px; width: 175px;}
/*#nav ul li:hover ul li:hover ul.left, #nav ul li.sfhover ul li.sfhover ul.left {left:-105px;}*/ /* not too sure what this does*/
#nav li li {
padding: 0;
border-left: 1px solid white;
border-right: 1px solid white;
list-style: none;
}
#nav li:hover ul , #nav li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
}
#nav li li a:hover, #nav li li a.sfhover {
background: #0066CC;
}
/* specific nav items */
#nav li ul ul.move_up { margin: -65px 0 0 14.3em; } /* move larger submenus up some, so they dont go out of screen */
#nav li ul ul.wide { width: 192px; } /* make wider */
#nav ul.wide a.slevel { width: 180px; } /* make wider */