/* webopus.css */ /* the (margin) controls the indent of text (all pages) */ /* (margin:50px 0px; padding:0px;) in the first line of body offsets IE bugs with this method of centering the container column and margin:0px auto; text-align:left; in the #container is to center the container */ body { margin:25px 0px; padding:0px; text-align:center; background-image:url('images/background2.jpg'); font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:1em; } /* this controls the scrollbar in IE5 and above only (only works with a quirky DOCTYPE declaration i.e. with no W3C URL */ body { scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#000000; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#000099; scrollbar-track-color:#CCCCCC; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#000000;} /* this is the central container column */ #container { width:750px; margin:0px auto; text-align:left; border:1px; border-style:solid; border-color: #000000; background-color:#99CCFF; } /* this is to center the 'Web Opus' logo */ #logo { text-align:center; } * this is to center the footer logo */ #logo2 { text-align:center; } /* this is the black contact graphic beneath main logo header (all pages) */ #contact { width:750px; } a:link { font-size:0.90em; color:#003399; text-decoration:none; font-weight:600; } a:visited { font-size:0.90em; color:#FF0000; text-decoration:none; font-weight:600; } a:hover { font-size:0.90em; color:#3333FF; text-decoration: underline; font-weight:600; } /* this is the Navigation Bar */ div#navbar2 { width: 750px; border-top: solid #000 1px; border-bottom: solid #000 1px; background-color: #000099; } div#navbar2 ul { margin: 0px; padding: 0px; font-family: Verdana, Arial, "Times New Roman", sans-serif; font-size:0.75em; color: #FFF; line-height: 30px; white-space: nowrap; text-align:center; } div#navbar2 li { list-style-type: none; display: inline; } div#navbar2 li a { text-decoration:none; padding: 7px 10px; color: #FFF; } div#navbar2 li a:link { color: #FFF: } div#navbar2 li a:visited { color: #FFF; } div#navbar2 li a:hover { text-decoration: underline; color: #FFF; background-color:transparent; } body#home a#homenav, body#contactus a#contactusnav, body#business a#businessnav, body#contenteditor a#contenteditornav, body#guesthouse a#guesthousenav, body#webdesign a#webdesignnav, body#promotion a#promotionnav, body#prices a#pricesnav, body#portfolio a#portfolionav, body#sitemap a#sitemapnav { text-decoration: underline; color: #FFF; background-color:transparent; } /* this is the content inside the center column (all pages) */ #maincontent { margin-left:20px; margin-right:20px; background-color:transparent; padding:10px; } p { color:#000000; font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; font-weight:400; font-style:normal; background-color:transparent; } /* these are the page headers (all pages) */ h1 { background-color:transparent; color:#000000; font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:1em; font-weight:bolder; } /* these are the sub-headers on (all pages) */ h2 { background-color:transparent; color:#000000; font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; font-weight:bold; } h3 { background-color:transparent; color:#000000; font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; font-weight:bold; } #mousegif { float:left; } #servicesgif { float:left; } /* this is the footer on all pages */ .ftr { width:750px; padding-top:5px; padding-bottom:5px; background-color:#000000; color:#FFFFFF; text-align:center; font-weight:400; font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.75em; font-style:normal; } .ftr a { color:#ffffff; background-color:transparent; } .ftr a:hover { color:#ffffff; background-color:transparent; } .ftr a:visited { color:#ffffff; background-color:transparent; } /* this is the blue enquiry table header on (webds1.htm) and blue banner table header on (webpromote.htm) */ .TitleTxt { background-color:#000099; color:#FFFFFF; padding-top:1%; padding-bottom:1%; padding-left:1%; padding-right:1%; font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; font-weight:600; text-align:left; } .ErrorTxt { font-family: Verdana, Arial, sans-serif; font-size:0.90em; font-style: normal; font-weight: normal; font-variant: normal; color: #FF0000} /* this is the list properties on (index.htm/webds2.htm) */ ul { font-family:Verdana, Arial, "Times New Roman", sans-serif; color:#000000; font-size:0.90em; list-style-type: square; background-color:transparent; } /* this is the blue Banner Order Form sub-headers on (webpromote.htm) */ .TitleTxt2 { background-color:#000099; padding-top:1%; padding-bottom:1%; padding-left:1%; padding-right:1%; font-family:Verdana, Arial, "Times New Roman", sans-serif; color:#FFFFFF; font-size:0.75em; font-weight:600; text-align:center; } /* this is the red Basic pack on (webds5.htm) */ span.packs { background-color:transparent; font-family:Verdana, Arial, "Times New Roman", sans-serif; color:red; font-size:0.90em; font-weight:bold; } /* these are the white table cells for Basic Single Page web design packs on (webds5.htm) */ td.basic { background-color:#FFFFFF; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the white table cells for Typical Costing of 4 page web site (webds5.htm) */ td.costing { background-color:#FFFFFF; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the pink table cells for Starter web design packs on (webds5.htm) */ td.starter { background-color:#FFCCCC; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the green table cells for Standard web design packs on (webds5.htm) */ td.standard { background-color:#33FF33; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the table grey cells for Silver web design packs on (webds5.htm) */ td.silver { background-color:#CCCCCC; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the table gold cells for Gold web design packs on (webds5.htm) */ td.gold { background-color:#FFFF00; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the blue table cells for Custom designed graphics on (webds5.htm) */ td.customgraphics { background-color:#000099; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the blue table cells for Graphic & photograph placement on (webds5.htm) */ td.graphicplacement { background-color:#000099; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the table blue cells for Stock photography on (webds5.htm) */ td.stockphotos { background-color:#000099; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the table blue cells for Commissioned photography on (webds5.htm) */ td.commissioned { background-color:#000099; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the table headers on (webds5.htm) */ table caption.pricesexamples { background-color:transparent; font-family:Verdana, Arial, "Times New Roman", sans-serif; color:#000000; font-size:0.90em; font-weight:bolder; } /* these are the table cells for .co.uk, .org.uk domain registration fees on (webds5.htm) */ td.couk { background-color:#FFFFFF; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the table cells for .com, .org, .net domain registration fees on (webds5.htm) */ td.com { background-color:#000099; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the table cells for example email addresses on (webds5.htm) */ caption.egdom { background-color:transparent; font-family:Verdana, Arial, "Times New Roman", sans-serif; color:#000000; font-size:0.90em; font-weight:bolder; } /* these are the table cells for .co.uk, .org.uk domain examples on (webds5.htm) */ td.examplecouk { background-color:#FFFFFF; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the table cells for .com, .org, .net domain examples on (webds5.htm) */ td.examplecom { background-color:#000099; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the table cells for Hosting Fees on (webds5.htm) */ td.hosting1 { background-color:#FFFFFF; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the table cells for Additional Items on (webds5.htm) */ td.optionalextras1 { background-color:#000099; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the table cells for Additional Items on (webds5.htm) */ td.optionalextras2 { background-color:#000099; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the free range eggs table headers on (freerangeeggs.htm) */ td.freerangeeggs { background-color:#000099; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the brown table cells on (freerangeeggs.htm) */ td.heneggs { background-color:#F5A156; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the pink table cells on (freerangeeggs.htm) */ td.bantameggs { background-color:#F0D6D6; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* these are the white table cells on (freerangeeggs.htm) */ td.gooseeggs { background-color:#FFFFFF; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.75em; border-style:outset; border-color:#CCCCCC; border-width:2px; } /* Customer testimonials on index.htm */ #testimonials { margin-left:20px; margin-right:20px; padding:10px; text-align:left; border:1px; border-style:solid; border-color: #000000; background-color:#FFFFFF; } td.users { color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.90em; text-align: center; border-style:outset; border-color:#CCCCCC; border-width:2px; } td.demo { color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.90em; text-align: center; border-style:outset; border-color:#CCCCCC; border-width:2px; padding-top:1%; padding-bottom:1%; padding-left:1%; padding-right:1%; } td.snippet { color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; font-size:0.90em; text-align:center; border-style:outset; border-color:#CCCCCC; border-width:2px; padding-top:1%; padding-bottom:1%; padding-left:1%; padding-right:1%; }