@charset "UTF-8";

/* CSS Document - Organised and optimised or is it OCD?*/

body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #6e6e6e; background-image: url(images/bg.gif); background-position: top center; background-attachment: fixed; }

img { border: none; }

* { margin: 0px; padding: 0px; }

.hold { width: 100%; height: 1200px; margin: 0 auto; }

p { font-size: 1.1em; line-height: 20px; padding-bottom: 14px; }

a { color: #ff0066; font-weight: bold; text-decoration: none; }

a:hover { color: #0054ff; }

/* ------------------------------------------------------------------------------ Animations FancyBox Stuff */
#anexample { width: 816px; height: 476px; }

#anexamplejekylltop { width: 600px; height: 325px; padding: 54px 108px 19px 108px; }

#anexamplejekyllbtm { width: 586px; height: 78px; padding-left: 230px; }

#anexamplejekyllbtm ul { font-size: 1.1em; line-height: 20px; }

.anjekyll { background-image: url(images/animation-fb-jekyll-hyde.jpg); }

#anexamplesloar { width: 515px; height: 329px; padding: 55px 161px 14px 140px; }

.ansolar { background-image: url(images/animation-solarenergy.jpg); }

#anexamplenaturaltop { width: 498px; height: 249px; padding: 80px 156px 18px 162px; }

#anexamplenaturalbtm { width: 586px; height: 129px; padding-left: 230px; }

#anexamplenaturalbtm ul { font-size: 1.1em; line-height: 20px; }

.annatural { background-image: url(images/animation-naturalhealth.jpg); }

#anexamplelegallaistop { width: 701px; height: 286px; padding: 75px 59px 17px 56px; }

#anexamplelegallaisbtm { width: 586px; height: 98px; padding-left: 230px; }

#anexamplelegallaisbtm ul { font-size: 1.1em; line-height: 20px; }

.anlegallais { background-image: url(images/animation-legallais.jpg); }

#anexampleusefultop { width: 707px; height: 316px; padding: 72px 55px 12px 54px; }

#anexampleusefulbtm { width: 586px; height: 76px; padding-left: 230px; }

#anexampleusefulbtm ul { font-size: 1.1em; line-height: 20px; }

.anuseful { background-image: url(images/animation-useful.jpg); }

#anexamplejamestop { width: 638px; height: 298px; padding: 71px 90px 14px 88px; }

#anexamplejamesbtm { width: 586px; height: 93px; padding-left: 230px; }

#anexamplejamesbtm ul { font-size: 1.1em; line-height: 20px; }

.anjames { background-image: url(images/animation-jonathanjames.jpg); }

/* ------------------------------------------------------------------------------ Web Design FancyBox Stuff */
#wbexample { width: 537px; height: 101px; padding: 375px 69px 0 210px; }

#wbexample ul { font-size: 1.1em; line-height: 20px; }

#wbexampleflashtop { width: 816px; height: 375px; float: left; }

#wbexampleflashbtm { width: 537px; height: 101px; padding: 0 69px 0 210px; float: left; background-image: url(images/webdesign-bg.jpg); }

#wbexampleflashbtm ul { font-size: 1.1em; line-height: 20px; }

.wdcredebt { background-image: url(images/webdesign-credebt.jpg); }

.wdlegallais { background-image: url(images/webdesign-legallais.jpg); }

.wdreefphyto { background-image: url(images/webdesign-reefphyto.jpg); }

.wdsdsremovals { background-image: url(images/webdesign-sdsremovals.jpg); }

.wdnaturalhealth { background-image: url(images/webdesign-naturalhealth.jpg); }

.wdclassic { background-image: url(images/webdesign-classic.jpg); }

.wddavisgregory { background-image: url(images/webdesign-davisgregory.jpg); }

.wdhenbury { background-image: url(images/webdesign-henbury.jpg); }

.wdmcalister { background-image: url(images/webdesign-mcalister.jpg); }

.wdsassi { background-image: url(images/webdesign-sassi.jpg); }

.wdvictoriaroad { background-image: url(images/webdesign-victoriaroad.jpg); }

.wdgm { background-image: url(images/webdesign-gm.jpg); }

.wdsimonjones { background-image: url(images/webdesign-simonjones.jpg); }

.wdexecutiveedge { background-image: url(images/webdesign-executiveedge.jpg); }

.wdmorganjoinery { background-image: url(images/webdesign-morganjoinery.jpg); }

.wdtoptable { background-image: url(images/webdesign-toptable.jpg); }

.wdtelkom { background-image: url(images/webdesign-telkom.jpg); }

.wdpeninsula { background-image: url(images/webdesign-peninsula.jpg); }

.wdbroadsword { background-image: url(images/webdesign-broadsword.jpg); }

.wdbrightlands { background-image: url(images/webdesign-brightlands.jpg); }

.wdreallyuseful { background-image: url(images/webdesign-reallyuseful.jpg); }

.wdilportico { background-image: url(images/webdesign-ilportico.jpg); }

.wdonthetiles { background-image: url(images/webdesign-onthetiles.jpg); }

.onthetiles { background-image: url(images/webdesign-onthetiles.jpg); }

.teachingresources { background-image: url(images/teachingresources.jpg); }

.wdark { background-image: url(images/webdesign-ark.jpg); }

.wdnewportgymnastics { background-image: url(images/webdesign-newportgymnastics.jpg); }

.wdsoulbeauty { background-image: url(images/webdesign-soulbeauty.jpg); }

.wdbrenni { background-image: url(images/webdesign-brenni.jpg); }

.wdbrandingdesign { background-image: url(images/webdesign-brandingdesign.jpg); }

/* -------------------------------------------------- Wallpaper Pages */

#graphicswallpaper { width: 489px; float: left; padding-top: 61px; background-image: url(images/wallpaper.png); background-repeat: no-repeat; background-position: top center; }

#graphicswallpapercomingsoonish { width: 489px; height: 85px; background-image: url(images/wallpaper-comingsoon.png); float: left; margin-top: 25px; background-repeat: no-repeat; background-position: center; }

#graphicswallpaper li { list-style: none; display: inline; float: left; }

#graphicsflashsocial { width: 106px; height: 55px; padding-top: 1px; float: left; }

#wallpaperdownload { width: 177px; height: 374px; padding-top: 102px; padding-left: 639px; }

.wallpapersandboxed { background-image: url(images/wallpaper-sandboxed.jpg); }

.wallpaperwebdesignersbrain { background-image: url(images/wallpaper-webdesignersbrain.jpg); }

.wallpapermrhare { background-image: url(images/wallpaper-mrhare.jpg); }

.floatright { float: right; padding-left: 5px; }