td {  font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; color: #666666}
.headline {  font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 16px; color: #333333}
a:link {  color: #000000; text-decoration: underline; }
a:active {  color: #000000; text-decoration: none}
a:visited {  color: #000000; text-decoration: none }
a:hover {  color: #333333; text-decoration: underline }
.sidelite {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999}
.siderite { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; color: #666666}
.tdjust { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; color: #333333}
.headlinelt { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 16px; color: #999999}
ol {  font-size: 13px; color: #333333; font-family: "Trebuchet MS", Verdana, Arial, sans-serif}
ul {  font-size: 13px; color: #333333}
.hdlbold {  font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; color: #333333; font-weight: bold}
.sidedark {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}

/* Standard settings used throughout site */
* { margin: 0; padding: 0; border: 0; }
html, body { font-family: Tahoma, Verdana, Arial; font-size: 89%; color: #000000; background: #333333; }
body {background: url('assets/agardbg.gif') repeat-x;}
p {font-size: 0.9em; font-family: tahoma; color: #333333; padding: 5px 0 5px 0; margin: 5px 0;}
h4 {font-size: 1.2em; padding: 10px 0 0 0;}

.clear { clear: both; }

#container { min-width: 780px; background: #666666;}

#navigation {height: 30px; background: #a5a5a5;}

#main { background: #FFFFFF; margin-left: 20px; margin-right: 20px; padding: 10px 0 0 0; min-width: 780px; margin:0 auto;}
#titlebar { height: 35px; float: left;}

#contentcontainer {}
#content { padding: 0 0 30px 0; width: 780px; margin: 0 auto; text-align: center;}
#content #Overlays {position: relative; width: 780px; z-index: 80;}
#content #Overlays #AbbiHorse {background: url('/images/abbi_horse.png') no-repeat; position: absolute; top: -168px; right: -15px; width: 259px; height: 330px; display: block;}
#content #Overlays #ClapperServices {background: url('/images/services_clapper.png') no-repeat; position: absolute; top: -75px; left: -20px; width: 107px; height: 103px; display: block;}
#content #Overlays #ClapperHome {background: url('/images/home_clapper.png') no-repeat; position: absolute; top: 70px; left: -35px; width: 107px; height: 103px; display: block;}
#content #Overlays #ClapperContact {background: url('/navimages/contact_clapper.png') no-repeat; position: absolute; top: 70px; left: -35px; width: 107px; height: 103px; display: block;}
#content #Overlays #ClapperGallery {background: url('/navimages/gallery_clapper.png') no-repeat; position: absolute; top: 70px; left: -35px; width: 107px; height: 103px; display: block;}
#content #Overlays #ClapperShowreel {background: url('/navimages/showreel_clapper.png') no-repeat; position: absolute; top: 70px; left: -35px; width: 107px; height: 103px; display: block;}


#content .title {font-weight: bold;}

#container2 {width: 775px; margin: 0 auto; margin-top: 25px; margin-bottom: 25px;}

#credits { background: url(images/credits_title.jpg) no-repeat #d3d3e1; padding: 120px 0 20px 0px; margin-bottom: 3px; width: 770px; float: left; border: 1px solid #333333; position: relative;}
#credits #AbbiDress {background: url('/images/abbi_dress.png') no-repeat; position: absolute; bottom: -10px; right: -95px; width: 140px; height: 380px; display: block; z-index: 80;}
#credits ul{list-style: none; text-align: left; float: left; margin-left: 12px; font-size: 12px;}
#credits ul.tvCredits {width: 310px;}
#credits ul.filmCredits {width: 400px; margin-left: 20px;}
#credits li{padding: 1px 0; font-size: 0.89em;}


.largelink {width: 240px; height: 98px; border: 1px solid #333333; float: left; margin: 0 0 5px 5px; text-align: right; padding: 5px;}
.largelink a{display:block; text-decoration: none; width: 240px; height: 90px; font-size: 0.9em; line-height: 1.3em;} 
.largelink p {margin: 0;}
.largelink span.title {font-weight: bold; display: block; font-size: 1.1em;}

.largeLinks {width: 785px;}
.largelink2 {width: 150px; height: 128px; border: 1px solid #333333; float: left; margin: 0 3px 3px 0; text-align: center; padding: 0; background: pink;}
.largelink2:hover {margin-top: -15px; height: 143px;}
.largelink2 a{display:block; text-decoration: none; width: 150px; height: 130px; font-size: 0.9em; line-height: 1.3em; position: relative;} 
.largelink2 a:hover span.title{color: Yellow;}
.largelink2 p {margin: 0;}
.largelink2 span.title {font-weight: bold; font-size: 1em; display: block; width: 140px; padding: 5px; position: absolute; bottom: 0; left: 0; color: #fff;}
.largelink2 span.title:hover {cursor: pointer;}

.coordShowreelLink {background: url('/images/coord_link2.jpg') no-repeat;}
.stuntShowreelsLink {background: url('/images/stunt_link2.jpg') no-repeat;}
.presentingShowreelLink {background: url('/images/presenting_link2.jpg') no-repeat;}
.photoGalleryLink {background: url('/images/photo_link2.jpg') no-repeat;}
.servicesLink {background: url('/images/services_link2.jpg') no-repeat;}


.largelinkEmail {width: 759px; height: 16px; border: 1px solid #333333; float: left; margin: 0 0 5px 0; text-align: right; padding: 13px 5px;}
.largelinkEmail a{display:block; text-decoration: none; padding: 0; font-size: 0.9em;} 
.largelinkEmail span.title {font-weight: bold; font-size: 1.1em; float: left; padding: 0; display: block;}

#gallerylinkcontainer { width: 766px; margin: 0 auto; margin-bottom: 10px;}
.gallerylink {width: 150px; height: 200px;}
.gallerylink a:link, .gallerylink a:visited {color: #fff; display: block; padding: 145px 0 0 0; height: 52px; text-decoration: none;}
.gallerylink a:hover{color: #d3d3e1; display: block; padding: 148px 0 0 0; text-decoration: none;}
.reflection {background: url(images/reflection.jpg) repeat-x bottom; height: 249px; width: 150px; float: left; margin-right: 4px;}
.reflection.last {margin: 0;}

.showreelcomplink {width: 380px; height: 96px; margin: 0 auto; margin-bottom: 10px; background-image:url(images/showreel_background.jpg); border: 1px solid #333333; position: relative; padding: 5px 0 0 0;}
.showreelcomplink p { text-align: left; color: #000000; padding: 2px 0 0 0;}
.showreelcomplink h1 { text-align: left; color: #000000; font-weight: bold; font-size: 14px; padding: 7px 0 9px 0;}
.showreelcomplink .bold {font-weight: bold;}
.showreellink {width: 380px; height: 96px; background-image:url(images/showreel_background.jpg); border: 1px solid #333333; float: left; margin: 0 2px 0 2px; position: relative; padding: 5px 0 0 0;}
.showreellink p { text-align: left; color: #000000; padding: 2px 0 0 0;}
.showreellink h1 { text-align: left; color: #000000; font-weight: bold; font-size: 14px; padding: 7px 0 9px 0;}
.showreellink .bold {font-weight: bold;}
.showreellink2 {width: 380px; height: 96px; background-image:url(images/showreel_background.jpg); border: 1px solid #333333; float: left; margin: 3px 2px 0 2px; position: relative; padding: 5px 0 0 0;}
.showreellink2 p { text-align: left; color: #000000; padding: 2px 0 0 0; float: left; width: 200px;}
.showreellink2 h1 { text-align: left; color: #000000; font-weight: bold; font-size: 14px; padding: 7px 0 9px 0;}
.showreellink2 .bold {font-weight: bold;}

.clapperboard {width: 87px; height: 100%; float: left;}

.playvideo {width: 150px; height: 38px; position: absolute; bottom: 5px; right: 0;}
.playvideo a{background: url(images/play_arrow.gif) no-repeat; padding: 0 0 0 25px;}
.playvideo h1 {text-align: right; color: #000000; font-weight: bold; font-size: 14px; padding: 0 5px 1px 0; float: right;}
.playvideo p {text-align: right; color: #000000; padding: 2px 5px 0 0; margin: 0; width: 140px; float: right; clear: right;}

.presentingShowreelContainer {margin-top: 30px;}
.presentingShowreelContainer .showreellink2 {float: none; margin: 0 auto;}

#footer { background: #333333; margin-top: 20px; color: #FFFFFF; padding: 5px 5px 5px 0; text-align: right; font-family: tahoma; font-size: 11px;}
#footer li{display: inline; padding: 0 10px 0 10px; border-right: 1px solid white;}



/* New Header JUNE 2008 */

#Header {display: block; width: 900px; margin: 0 auto; padding: 0; position: relative;}
#Header #HeaderImageContainer {width: 900px; margin: 0; padding: 0;}
#Header #HeaderPageInfo {float: left; display: block; margin: 15px 0;}
#Header #HeaderLogo {float: left; display: block; margin: 20px 0 0 20px;}
#Header #HeaderJobTitles {display: block; position: absolute; right: 170px; top: 10px;}

#Header #topBar {background: url('/navimages/newheader/bar_fill.gif') no-repeat;}
#Header #topBar ul { list-style: none; width: 900px;}
#Header #topBar li {padding: 0; margin: 0; position: relative; display: inline; }

#Header #topBar ul li .HomeLink {position: relative; float: left; display: block; background: url('/navimages/newheader/homeNav.gif') no-repeat; width: 72px; height: 16px;}
#Header #topBar ul li .HomeLink #HomeSelected {position: absolute; top: -13px; left: 40px;}
#Header #topBar ul li .HomeLink:hover {background-position: 0 -16px;}

#Header #topBar ul li .ServicesLink {position: relative; float: left; display: block; background: url('/navimages/newheader/servicesNav.gif') no-repeat; width: 65px; height: 16px;}
#Header #topBar ul li .ServicesLink #ServicesSelected {position: absolute; top: -13px; left: 29px;}
#Header #topBar ul li .ServicesLink:hover {background-position: 0 -16px;}

#Header #topBar ul li .GalleryLink {position: relative; float: left; display: block; background: url('/navimages/newheader/galleryNav.gif') no-repeat; width: 71px; height: 16px;}
#Header #topBar ul li .GalleryLink #GallerySelected {position: absolute; top: -14px; left: 28px;}
#Header #topBar ul li .GalleryLink:hover {background-position: 0 -16px;}

#Header #topBar ul li .ContactLink {position: relative; float: left; display: block; background: url('/navimages/newheader/contactNav.gif') no-repeat; width: 92px; height: 16px;}
#Header #topBar ul li .ContactLink  #ContactSelected {position: absolute; top: -13px; left: 33px;}
#Header #topBar ul li .ContactLink:hover {background-position: 0 -16px;}

#ServicesPage {}
#ServicesPage p {margin: 25px 0; line-height: 1.6em;}

#ServicesPage .ServiceBox {position: relative; width:753px; padding: 5px; margin: 10px 0 0 0; border: 3px solid #7b1311; text-align: left; }
#ServicesPage .ServiceBox .ServiceCornerRight {background: url('/images/services_topright_corner.png') no-repeat; position: absolute; top: -3px; right: -3px; display: block; margin: 0; padding: 0; width: 18px; height: 17px;}
#ServicesPage .ServiceBox .ServiceCornerLeft {background: url('/images/services_topleft_corner.png') no-repeat; position: absolute; top: -3px; left: -3px; display: block; margin: 0; padding: 0; width: 18px; height: 17px;}

#ServicesPage .ServiceBox .ServiceImage {z-index: 2; width: 116px; height: 98px; background: #e1e1e1; float: left; display: block; padding: 0; margin: 0;}


#ServicesPage .ServiceBox .ServicesInfo {padding: 5px; width: 620px; float: left;}
#ServicesPage .ServiceBox .ServicesInfo h2 {margin: 0; padding: 0; text-align: left; display: block; font-family: Trebuchet MS; font-weight: normal; font-size: 1.7em;}
#ServicesPage .ServiceBox .ServicesInfo p {padding: 0; margin: 0 0 10px 0; text-align: left; line-height: 1.5em; font-size: 0.9em; width: 620px;}
#ServicesPage .ServiceBox a:link, .ServiceBox a:visited {position: absolute; bottom: 5px; right: 5px; padding: 7px 0 7px 35px; background: url('/images/pdf_icon.jpg') no-repeat; font-size: 0.9em;}


#CVs {width: 676px; margin: 0 auto;}
#CVs .AbbiCV {background: url('/navimages/Download_CV.jpg') no-repeat; width: 338px; height: 100px; display: block; float: left; }
#CVs .AbbiCV:hover {background-position: 0px -100px;}
#CVs .IMDBCV {background: url('/navimages/IMDB_CV.jpg') no-repeat; width: 338px; height: 100px; display: block; float: left;}
#CVs .IMDBCV:hover {background-position: 0px -100px;}


#ContactPage {}
#ContactPage p {margin: 10px 0; line-height: 1.6em;}

#ContactPage #ContactDetailsContainer {height: 280px; width: 769px; border: 1px solid #181818; background: url('/navimages/contact_bg.jpg') repeat-x #181818; position: relative; margin-top: 8px; text-align: left;}
#ContactPage #ContactDetailsContainer .ContactCornerRight {background: url('/navimages/contact_corner_right.jpg') no-repeat; position: absolute; top: -1px; right: -1px; display: block; margin: 0; padding: 0; width: 14px; height: 13px;}
#ContactPage #ContactDetailsContainer .ContactCornerLeft {background: url('/navimages/contact_corner_left.jpg') no-repeat; position: absolute; top: -1px; left: -1px; display: block; margin: 0; padding: 0; width: 14px; height: 13px;}

#ContactPage #ContactDetails { padding: 30px; width: 300px;}
#ContactPage #ContactDetails p{color: #fff; text-align: left; margin: 0;}
#ContactPage #ContactDetails a{color: #fff; text-align: left; margin: 0;}
#ContactPage #ContactDetails .telephone {float: left; background: url('/navimages/mobile.png') no-repeat; padding: 15px 0 15px 40px; width: 260px; margin-top: 20px;}
#ContactPage #ContactDetails .email {float: left; background: url('/navimages/email.png') no-repeat; padding: 15px 0 15px 40px; width: 260px;}
#ContactPage #ContactDetails .email:hover {cursor: pointer; color: #db8014; text-decoration: none;}
#ContactPage .ContactPhoto {display: block; background: url('/navimages/contact_photo.png') no-repeat; position: absolute; bottom: 0; right: 0; width: 213px; height: 243px; }

/* Splash Page */
#IntroContainer {width: 532px; display: block; margin: 0 auto;}
#IntroContainer #IntroContents {}
#IntroContainer #IntroContents .IntroBullets {display: block; margin: 0; padding: 0;}
#IntroContainer #IntroContents .IntroSplash {display: block; margin: 30px auto 0 auto;}
#IntroContainer #IntroContents .EnterWebsite {width: 532px; height: 57px; display: block; background: url('/navimages/enter_website.jpg') no-repeat;}
#IntroContainer #IntroContents .EnterWebsite:hover {background: url('/navimages/enter_website_hover.jpg') no-repeat;}

/* Footer Images */
.footerImages {margin-top: 40px; width: 780px;}

/* Richard Smedley's Elite Personal Training */
.rSmedley {width: 769px; height: 193px; display: block; background: url('/navimages/rSmedley.jpg') no-repeat;}
.rSmedley:hover {background-position: 0px -193px;}

/* Stand Against Violence */
.saViolence {display: block; margin: 0; padding: 0; width: 179px; height: 87px; float: left;}
.saViolence img {display: block; margin: 0; padding: 0;}

/* Sponsors */
.Sponsors {margin: 0; width: 412px; float: right;}
.SponsoredBy {display: block; padding: 0; width: 412px;}
.SponsorImages {margin: 10px auto 0 auto; width: 186px;}
.SponsorLink {float: left; width: 186px; display: block; margin: 0; padding: 0;}
.SponsorLink img {display: block; margin: 0; padding: 0;}

/* Stunt Masterclass Link */
.stuntMasterClass {float: right;}

#flashcontent {background: #fff; padding: 10px 0 25px 0;}