html,body {padding: 0; margin: 0; font-family : Verdana, Arial, sans-serif; font-size: 100%; color : #666;}

a {color: #666; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}
a:hover {color: #FC7700; text-decoration: none;}

img {border:0;}

p {font-size: 0.9em; padding: 0; margin: 15px 0 0 0;}

.hidden {margin-left: -5000px; text-decoration: none; width: 0px; height: 0px;  display: none;}

h1 {font-size: .2em; font-weight: bold; padding: 0; margin: 0; visibility: hidden;}
h2 {font-size: .2em; font-weight: bold; padding: 0; margin: 0; visibility: hidden;}
h3 {font-size: 1em; font-weight: bold; padding: 0; margin: 0; text-decoration: underline;}

.underline {text-decoration: underline;}

#holder{background:#FFF; width: 550px; margin:0 auto; text-align:left; font-size: 0.6em;}

#logo {background:#FFF; width: 550px; height: 54px; margin: 50px 0 0 0; background: url(../i/logo.gif) no-repeat; color: #fff;}
#splash {width: 550px; height: 231px; background: url(../i/splash.jpg) no-repeat;}

#splashText {width: 230px; height: 211px; background-color: #DBDBDB ; float: left; padding: 10px;}
#splashAbout {width: 300px; height: 231px; background: url(../i/about.jpg) no-repeat; float: left;}
#splashSkills {width: 300px; height: 231px; background: url(../i/skills.jpg) no-repeat; float: left;}
#splashExperience {width: 300px; height: 231px; background: url(../i/experience.jpg) no-repeat; float: left;}
#splashServices {width: 300px; height: 231px; background: url(../i/services.jpg) no-repeat; float: left;}
#splashDesign {width: 300px; height: 231px; background: url(../i/design.jpg) no-repeat; float: left;}
#splashWebsites {width: 300px; height: 231px; background: url(../i/websites.jpg) no-repeat; float: left;}
#splashRegistration {width: 300px; height: 231px; background: url(../i/registration.jpg) no-repeat; float: left;}
#splashEmail {width: 300px; height: 231px; background: url(../i/email.jpg) no-repeat; float: left;}
#splashCaseStudies {width: 300px; height: 231px; background: url(../i/caseStudies.jpg) no-repeat; float: left;}
#splashFun {width: 300px; height: 231px; background: url(../i/fun.jpg) no-repeat; float: left;}
#splashContact {width: 300px; height: 231px; background: url(../i/contact.jpg) no-repeat; float: left;}

.caseStudiesHead {width: 530px; height: 10px; background-color: #c6c6c6; padding: 5px 10px;}

.caseStudiesText {width: 530px; height: 24px; background-color: #DBDBDB; padding: 5px 10px;}
.caseStudiesText a {font-weight: bold; color: #FC7700;text-decoration: underline;}
.caseStudiesText a:visited {font-weight: bold; color: #FC7700;text-decoration: underline;}
.caseStudiesText a:hover {text-decoration: none; color: #666;}

#tweenies {width: 550px; height: 175px; background: url(../i/splash_tweenies.jpg) no-repeat;}
#dinosaurs {width: 550px; height: 175px; background: url(../i/splash_dinos.jpg) no-repeat;}
#lse {width: 550px; height: 175px; background: url(../i/splash_lse.jpg) no-repeat;}
#honda {width: 550px; height: 175px; background: url(../i/splash_honda.jpg) no-repeat;}
#geri {width: 550px; height: 175px; background: url(../i/splash_geri.jpg) no-repeat;}
#geriGeri {width: 550px; height: 175px; background: url(../i/splash_geriGeri.jpg) no-repeat;}
#durham {width: 550px; height: 175px; background: url(../i/splash_durham.jpg) no-repeat;}
#pirates {width: 550px; height: 175px; background: url(../i/splash_timepirates.jpg) no-repeat;}
#reflections {width: 550px; height: 175px; background: url(../i/splash_reflections.jpg) no-repeat;}
#holborn {width: 550px; height: 175px; background: url(../i/splash_holborn.jpg) no-repeat;}
#linda {width: 550px; height: 175px; background: url(../i/splash_linda.jpg) no-repeat;}

.navColumn {width: 136px; padding-top: 15px; float: left; font-size: 1.1em; color: #FC7700;}
.subNav {padding: 5px 0 0 20px; margin: 0; list-style-type: circle; line-height: 20px; font-size: 0.9em;}