/* Elements */ * body {background-color: #c3c5c6; height: 100%; padding: 0; margin: 0;} h1 {font-family: Helvetica, Arial; font-size: 1.0em; color: #851819; font-weight: normal;} h1.landingh1 {font-family: Helvetica, Arial; font-size: 16pt; color: #851819; font-weight: bold; line-height:normal;} h1.advert {font-family: Helvetica, Arial; font-size: 1.25em; color: #161a42; font-weight: bold;} h2 {font-family: Helvetica, Arial; font-size: 1.0em; color: #851819; font-weight: normal;} h2.landingh2 {font-family: Helvetica, Arial; font-size: 12pt; color: #851819; font-weight: bold; line-height:normal; margin-top:10px; margin-bottom:2px;} h3 {font-family: Helvetica, Arial; font-size: 1.0em; color: #851819; font-weight: normal;} a:link { color: #851819; } a:visited { color: #851819; } h3.landingh3 {font-family: Helvetica, Arial; font-size: 12pt; color: #851819; font-weight: bold; line-height:normal; margin-top:10px; margin-bottom:2px;} h4 {font-family: Helvetica, Arial; font-size: 1.0em; color: #851819; font-weight: normal;} /* ID s */ /*PAGE Container DIV */ #container {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; background-color: #ffffff;} #container.contact {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; height:574px; background-color: #ffffff; background: #ffffff url(../Images/contact_maingraphic.gif) no-repeat right bottom;} #container.portfolio {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; height:574px; background-color: #ffffff;} #container.hosting {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; height:574px; background-color: #ffffff; background: #ffffff url(../Images/hosting_maingraphic.jpg) no-repeat right bottom;} #container.domain {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; height:574px; background-color: #ffffff;} #container.broadbandtv {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; height:574px; background-color: #ffffff; background: #ffffff url(../Images/broadbandtv_maingraphic.jpg) no-repeat right bottom;} #container.seo {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; height:574px; background-color: #ffffff; background: #ffffff url(../Images/onlinemark_seo.jpg) no-repeat right bottom;} #container.email {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; height:574px; background-color: #ffffff; background: #ffffff url(../Images/onlinemark_brightmailer.jpg) no-repeat right bottom;} #container.webexpress {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; height:574px; background-color: #ffffff; background: #ffffff url(../Images/onlinemark_webexpress.jpg) no-repeat right bottom;} #container.webdesign {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; height:574px; background-color: #ffffff; background: #ffffff url(../Images/portfolio_webexpress.jpg) no-repeat right bottom;} #container.advertpg {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; height:574px; background-color: #ffffff;} #container.landing {width: 900px; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; background-color: #ffffff;} /* Header DIV */ #header {display: block; float: none; clear: both; margin-left:auto; margin-right: auto;} /* Logo DIV */ #logo {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 60px; background: url(../Images/brightsideslogo.gif) no-repeat left center; } #logoseoad {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 900px; height: 340px; background: url(../Images/brightseo_maingraphic.jpg) no-repeat left top; } #logoseoad .sublink {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: 37px; width: 91px; height: 69px; top: 251px;} /* Banner DIV */ #banner {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 235px; background: url(../Images/homepage_maingraphic_1.gif) no-repeat center center; } #banner.rotate {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 235px; background-image:none;} #bannerP {display: block; position: relative; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 100px; } #bannerP .subheaderimg {margin-top: 10px;} /* Mainarea DIV */ #mainarea {display: block; position: relative; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px;} #mainareaC {display: block; position: relative; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 450px;} #mainareaC .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:32px; margin-right: auto; width: 288px; height: 350px; border-right: 1px solid #1a1a1a; padding-right: 5px;} #mainareaC .subcontain { font-family: Helvetica, Arial; font-size: 1em; color: #696666;} #mainareaH {display: block; position: relative; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 450px;} #mainareaH .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 30px; margin-bottom: 0px; margin-left:32px; margin-right: auto; width: 335px; height: 300px; border-right: 1px solid #1a1a1a; padding-right: 5px;} #mainareaH .subcontain .clientweburl {font-family: Helvetica, Arial; font-size: 1em; color: #851819; text-align:right; margin-top: 20px; margin-bottom: 0px; margin-left:auto; margin-right: 20px;} #mainareaH .subcontain .clientweburl a {text-decoration: none; color: #851819; font-weight: bolder;} #mainareaH .subcontain .clientweburl a.thin {text-decoration: none; color: #851819; font-weight: normal;} #mainareaH .subcontain2 {display: block; position: relative; float: none; clear: both; margin-top: 30px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 300px;} #mainareaH .subcontain2 .col1 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 423px; height: 300px; text-align: left; border-right: 1px solid #1a1a1a;} #mainareaH .subcontain2 .col2 {display: block; position: relative; float: left; clear: right; margin-top: 0px; margin-bottom: 0px; margin-left:10px; margin-right: auto; width: 423px; height: 300px; text-align: left;} #mainareaH .subcontain3 {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 275px;} #mainareaH .subcontain3 .col1 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 380px; height: 270px; text-align: left; border-right: 1px solid #1a1a1a; padding-right: 8px;} #mainareaH .subcontain3 .col1 .clientweburl {font-family: Helvetica, Arial; font-size: 1em; color: #851819; text-align:right; margin-top: 20px; margin-bottom: 0px; margin-left:auto; margin-right: 8px;} #mainareaH .subcontain3 .col1 .clientweburl a {text-decoration: none; color: #851819; font-weight: bolder;} #mainareaH .subcontain3 .col2 {display: block; position: relative; float: left; clear: right; margin-top: 0px; margin-bottom: 0px; margin-left:10px; margin-right: auto; width: 423px; height: 270px; text-align: left;} #mainareaH .subcontain3 .col2 .clientweburl {font-family: Helvetica, Arial; font-size: 1em; color: #851819; text-align:right; margin-top: 20px; margin-bottom: 0px; margin-left:auto; margin-right: 8px;} #mainareaH .subcontain3 .col2 .clientweburl a {text-decoration: none; color: #851819; font-weight: bolder;} #mainareaG {display: block; position: relative; float: none; clear: both; margin-top: 45px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 275px;} #mainareaG .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 275px;} #mainareaG .subcontain .col1 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 380px; height: 270px; text-align: left; border-right: 1px solid #1a1a1a; padding-right: 8px;} #mainareaG .subcontain .col1 .height200a {height: 225px;} #mainareaG .subcontain .col1 .clientweburl {font-family: Helvetica, Arial; font-size: 1em; color: #851819; text-align:right; margin-top: 20px; margin-bottom: 0px; margin-left:auto; margin-right: 8px;} #mainareaG .subcontain .col1 .clientweburl a {text-decoration: none; color: #851819; font-weight: bolder;} #mainareaG .subcontain .col2 {display: block; position: relative; float: left; clear: right; margin-top: 0px; margin-bottom: 0px; margin-left:10px; margin-right: auto; width: 423px; height: 270px; text-align: left;} #mainareaG .subcontain .col2 .height200a {height: 225px; width: 180px; margin-left: 10px;} #mainareaG .subcontain .col2 .clientweburl {font-family: Helvetica, Arial; font-size: 1em; color: #851819; text-align:right; margin-top: 20px; margin-bottom: 0px; margin-left:auto; margin-right: 8px;} #mainareaG .subcontain .col2 .clientweburl a {text-decoration: none; color: #851819; font-weight: bolder;} #mainareaP {display: block; position: relative; float: none; clear: both; margin-top: 45px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 275px;} #mainareaP .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 275px;} #mainareaP .subcontain .col1 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 413px; height: 270px; text-align: left; border-right: 1px solid #1a1a1a; padding-right: 8px;} #mainareaP .subcontain .col1 .height200a {height: 200px;} #mainareaP .subcontain .col1 .clientweburl {font-family: Helvetica, Arial; font-size: 1em; color: #851819; text-align:right; margin-top: 20px; margin-bottom: 0px; margin-left:auto; margin-right: 8px;} #mainareaP .subcontain .col1 .clientweburl a {text-decoration: none; color: #851819; font-weight: bolder;} #mainareaP .subcontain .col1b {display: block; position: relative; float: left; clear: none; margin-top: 100px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 413px; height: 170px; text-align: left; border-right: 1px solid #1a1a1a; padding-right: 8px;} #mainareaP .subcontain .col2 {display: block; position: relative; float: left; clear: right; margin-top: 0px; margin-bottom: 0px; margin-left:10px; margin-right: auto; width: 423px; height: 270px; text-align: left;} #mainareaP .subcontain .col2 .portfolioprev {display: block; position: absolute; text-align:right; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: 20px; top: 0px; right:0px;} #mainareaP .subcontain .col2 .clientweburl {font-family: Helvetica, Arial; font-size: 1em; color: #851819; text-align:right; margin-top: 20px; margin-bottom: 0px; margin-left:auto; margin-right: 8px;} #mainareaP .subcontain .col2 .clientweburl a {text-decoration: none; color: #851819; font-weight: bolder;} #mainareaP .subcontain .col2b {display: block; position: relative; float: left; clear: right; margin-top: 100px; margin-bottom: 0px; margin-left:10px; margin-right: auto; width: 423px; height: 170px; text-align: left;} #mainareaB {display: block; position: relative; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 450px;} #mainareaB .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 30px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 420px;} /*#mainareaL {display: block; position: relative; float: none; clear: both; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 460px;} #mainareaL .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 10px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 450px;}*/ #mainareaL {display: block; position: relative; float: none; clear: both; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px;} #mainareaL .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 10px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px;} #mainareaL .subcontain p {margin-top: auto; margin-bottom: auto;} #mainareaAdseo {display: block; position: relative; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 170px;} #mainareaAdseo .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 165px;} /*#mainareaAdseo {display: block; position: relative; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px;} #mainareaAdseo .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px;}*/ #mainareaAdseo .subcontain {font-family: Helvetica, Arial; font-size: 1em; color: #696666;} #mainareaAdseo .subcontain a {color: #161a42; font-weight:bold; text-decoration:none;} #mainareaAdseo .subcontain a:hover {color: #161a42; font-weight:bold; text-decoration:underline;} /* Nav DIV */ #nav {display: block; position: relative; float: none; clear: both; margin-top: 44px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 155px;} #nav .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 562px; height: 135px;} #nav .subcontain .col1 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 280px; text-align: left;} #nav .subcontain .col2 {display: block; position: relative; float: left; clear: right; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 280px; border-left: 1px solid #1a1a1a; text-align: right;} #navsub {display: block; position: relative; float: none; clear: both; margin-top: 10px; margin-bottom: 4px; margin-left:auto; margin-right: auto; width: 860px; height: 26px;} #navsubshort {display: block; position: relative; float: none; clear: both; margin-top: 10px; margin-bottom: 4px; margin-left:20px; margin-right: auto; width: 423px; height: 26px;} #navsubmedium {display: block; position: relative; float: none; clear: both; margin-top: 10px; margin-bottom: 4px; margin-left:20px; margin-right: auto; width: 523px; height: 26px;} /* Footer DIV */ /*#footer {display: block; position: relative; float: none; clear: both; margin-top: 40px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 120px; background-image: url(../Images/brightsideslogo_whiteout.gif); background-position: bottom left; background-repeat: no-repeat;}*/ /*#footer {display: block; position: relative; float: none; clear: both; margin-top: 40px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 120px;}*/ #footer {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 900px; height: 360px;} #footer .followus {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 900px; height: 100px;} #footer .seo {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 900px; height: 100px;} #footer .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 40px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 115px;} #footer .subcontain .col1 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 430px; text-align: left;} #footer .subcontain .col1b {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 260px; text-align: left;} #footer .subcontain .col2 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:5px; margin-right: auto; width: 190px; text-align: right; padding-left: 4px;} #footer .subcontain .col3 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:5px; margin-right: auto; width: 190px; border-left: 1px solid #ffffff; text-align: right; padding-left: 4px;} #footer .subcontain .col4 {display: block; position: relative; float: left; clear: right; margin-top: 0px; margin-bottom: 0px; margin-left:5px; margin-right: auto; width: 190px; border-left: 1px solid #ffffff; text-align: right; padding-left: 4px;} #followus {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 900px; height: 100px;} /* Classes */ .hometext { font-family: Helvetica, Arial; font-size: 1.25em; color: #696666; } .contacttext { font-family: Helvetica, Arial; font-size: 0.8em; color: #696666; } .contacttextlarge { font-family: Helvetica, Arial; font-size: 1em; color: #696666; } .contacttextsmall { font-family: Helvetica, Arial; font-size: 0.7em; color: #696666; } .contacttextsmallbold { font-family: Helvetica, Arial; font-size: 0.7em; font-weight:bold; color: #696666; } .contactlink { font-family: Helvetica, Arial; font-size: 0.9em; color: #851819; } .contactlinksmall { font-family: Helvetica, Arial; font-size: 0.7em; color: #851819; } .contactgrp { margin-top: 24px; font-family: Helvetica, Arial; font-size: 0.8em; color: #696666; } .contactgrplarge { margin-top: 18px; font-family: Helvetica, Arial; font-size: 1em; color: #696666; } .portfoliotitle { font-family: Helvetica, Arial; font-size: 1em; color: #851819; } .portfoliolink { font-family: Helvetica, Arial; font-size: 1em; color: #851819; text-decoration: none; } .portfoliotext { font-family: Helvetica, Arial; font-size: 0.9em; color: #696666; } .frontnavbutton1 { margin: auto; margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; } .choose_brightfella { float: left; height: 83px; width: 265px; } .frontnavbutton2 { margin: 10px auto auto auto; margin-top: 10px; margin-bottom: auto; margin-left: auto; margin-right: auto; } .frontnavbutton3 { margin: 10px auto 10px auto; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; } .footertext { font-family: Helvetica, Arial; font-size: 0.75em; color: #ffffff; } .footerlink { font-family: Helvetica, Arial; color: #ffffff; text-decoration: none; } .divclear {clear:both; height:1px;} .progress {position: relative; left:0px; top:0px; z-index:5;} #mainareaC .subcontain_rhs { display: block; position: relative; float: right; clear: none; margin-top: 0px; margin-bottom: 0px; width: 537px; height: 413px; } #mainareaC .subcontain_lhs { display: block; position: absolute; float: left; margin-top: 0px; margin-bottom: 0px; margin-left:0px; margin-right: auto; width: 288px; height: 413px; border-right: 1px solid #1a1a1a; padding-right: 5px; clear: none; } .sillouette { height: 83px; margin-right: 6px; margin-bottom: 6px; float: left; } .profiletxt-blocks { margin-top: 24px; font-family: Helvetica, Arial; font-size: 1em; color: #696666; } #mainareaC .subcontain_rhs_martyn { display: block; position: relative; float: right; clear: none; margin-top: 0px; margin-bottom: 0px; width: 537px; height: 413px; background-image: url(../Images/martyn.jpg); background-repeat: no-repeat; } #mainareaC .subcontain_rhs_sam { display: block; position: relative; float: right; clear: none; margin-top: 0px; margin-bottom: 0px; width: 537px; height: 413px; background-image: url(../Images/sam.jpg); background-repeat: no-repeat; } #mainareaC .subcontain_rhs_laurie { display: block; position: relative; float: right; clear: none; margin-top: 0px; margin-bottom: 0px; width: 537px; height: 413px; background-image: url(../Images/laurie.jpg); background-repeat: no-repeat; } #mainareaC .subcontain_rhs_simon { display: block; position: relative; float: right; clear: none; margin-top: 0px; margin-bottom: 0px; width: 537px; height: 413px; background-image: url(../Images/simon.jpg); background-repeat: no-repeat; }