/*
 * danielheadey.com
 * Main stylesheet
 * Author: Lylo Ltd, www.lylo.co.uk
 */

* { margin: 0; padding: 0; }

body { background: #FFF url(img/background-large.gif) no-repeat top left; }

.hresume { display: none;}

#wrapper { width: 920px; height: 700px; }

a, a:hover, a:active { outline: none; }

h1#logo { position: absolute; text-indent: -9000px; background: url(img/danielheadey.gif) no-repeat top left; width: 180px; height: 84px; top: 50px; left: 35px; }

img { border: none;} 

div#large, div#large-instructions { display: none;}

/*
 * Navigation
 */
ul#nav { position: absolute; top: 150px; left: 50px; list-style: none; text-indent: -9000px; }
ul#nav a { display: block; width: 75px; }
ul#nav li a:hover, ul#nav li a.hv { background-position: -75px 0; }
#nav li.print a { background: url(img/print.jpg) no-repeat top left; height: 29px; }
#nav li.tv a { background: url(img/tv.jpg) no-repeat top left; height: 26px; }
#nav li.digital a { background: url(img/digital.jpg) no-repeat top left; height: 29px; }
#nav li.radio a { background: url(img/radio.jpg) no-repeat top left; height: 25px; }
#nav li.ambient a { background: url(img/ambient.jpg) no-repeat top left; height: 25px; }
#nav li.info a { background: url(img/info.jpg) no-repeat top left; height: 26px; }

/*
 * Print gallery
 */
#award { position: absolute; background: url(img/silver.jpg) no-repeat top left; width: 90px; height: 92px; top: 60px; left: 300px; }

ul#gallery { list-style: none; position: relative; top: 60px; left: 230px; width: 750px; text-indent: -9000px; }
ul#gallery li { display: inline; float: left; height: 200px;}
ul#gallery a { display: block; }

ul#gallery li.samaritans { position: absolute; top: 0; left: 25px; background: url(img/samaritans-thumb.jpg) no-repeat top left; }
ul#gallery li.samaritans a { width: 134px; height: 180px; }

ul#gallery li.sudafed { position: absolute; left: 164px; top: 5px; background: url(img/sudafed-thumb.jpg) no-repeat top left; }
ul#gallery li.sudafed a { width: 203px; height: 153px; }

ul#gallery li.man-city { position: absolute; left: 377px; top: 10px; background: url(img/man-city-thumb.jpg) no-repeat top left; }
ul#gallery li.man-city a { width: 220px; height: 180px; }

ul#gallery li.sky { position: absolute; left: 597px; top: -10px; background: url(img/sky-thumb.jpg) no-repeat top left;}
ul#gallery li.sky a { width: 137px; height: 192px; }

ul#gallery li.lucozade { position: absolute; left: 0; top: 200px; background: url(img/lucozade-thumb.jpg) no-repeat top left}
ul#gallery li.lucozade a { width: 198px; height: 172px; }

ul#gallery li.adidas { position: absolute; top: 185px; left: 218px; background: url(img/adidas-thumb.jpg) no-repeat top left; }
ul#gallery li.adidas a { width: 129px; height: 200px; }
 
ul#gallery li.perrier { position: absolute; top: 215px; left: 357px; background: url(img/perrier-thumb.jpg) no-repeat top left; }
ul#gallery li.perrier a { width: 206px; height: 144px; }

ul#gallery li.bombardier { position: absolute; top: 195px; left: 573px; background: url(img/bombardier-thumb.jpg) no-repeat top left; }
ul#gallery li.bombardier a { width: 131px; height: 193px; }

ul#gallery li.royalmail { position: absolute; top: 405px; left: 45px; background: url(img/royalmail-thumb.jpg) no-repeat top left; }
ul#gallery li.royalmail a { width: 206px; height: 156px; }

ul#gallery li.babybel { position: absolute; top: 400px; left: 281px; background: url(img/babybel-thumb.jpg) no-repeat top left; }
ul#gallery li.babybel a { width: 125px; height: 193px; }

ul#gallery li.castle-eden { position: absolute; top: 415px; left: 431px; background: url(img/castle-eden-thumb.jpg) no-repeat top left; }
ul#gallery li.castle-eden a { width: 220px; height: 140px; }

/*
 * Gallery items
 */
#gallery-item { position: absolute; left: 300px; top: 100px; width: 600px; text-align: center;}
#gallery-item-tall { position: absolute; left: 300px; top: 40px; width: 600px; text-align: center;}
#gallery-item-info { position: absolute; left: 300px; top: 55px; width: 600px; text-align: center; }
#gallery-item-h { position: absolute; left: 250px; top: 150px; width: 600px; text-align: center;}

#item-nav { margin: 20px auto 0 auto; text-align: center; width: 600px;}
#item-nav a { text-indent: -9000px; width: 45px; height: 35px; display: block;}

#item-nav a#prev, #item-nav a.prev { position: absolute; left: 205px; background: url(img/prev.jpg) no-repeat top left;}
#item-nav img#image-number { left: 275px; position: absolute;}
#item-nav a#next, #item-nav a.next { position: absolute; left: 350px; background: url(img/next.jpg) no-repeat top left;}


/*
 * TV gallery
 */
ul#gallery-tv { list-style: none; position: absolute; top: 80px; left: 300px; width: 630px; text-indent: -9000px;}
ul#gallery-tv li { display: inline; float: left; height: 180px;}
ul#gallery-tv a { display: block; width: 198px; height: 164px;}

ul#gallery-tv li.dominos { margin: 15px 0 0 0; background: url(img/dominos-thumb.jpg) no-repeat top left; }
ul#gallery-tv li.mtv { margin: -5px 5px 0 6px; background: url(img/mtv-thumb.jpg) no-repeat top left; }
ul#gallery-tv li.daktarin { margin: 10px 15px 10px 0; background: url(img/daktarin-thumb.jpg) no-repeat top left; }
ul#gallery-tv li.standard { background: url(img/standard-thumb.jpg) no-repeat top left; }
ul#gallery-tv li.osm { background: url(img/osm-thumb.jpg) no-repeat top left; }
ul#gallery-tv li.sky { margin: -5px 0 0 0; background: url(img/sky-active-thumb.jpg) no-repeat top left; }
ul#gallery-tv li.kfc { margin: 20px 0; background: url(img/kfc-thumb.jpg) no-repeat top left; }
ul#gallery-tv li.mondeo { background: url(img/mondeo-thumb.jpg) no-repeat top left; }
ul#gallery-tv li.bombardier { margin: 10px 0; background: url(img/bombardier-tv-thumb.jpg) no-repeat top left; }

/*
 * Radio gallery
 */
ul#gallery-radio { list-style: none; position: absolute; top: 150px; left: 375px; width: 450px; text-indent: -9000px;}
ul#gallery-radio li { display: inline; float: left; height: 150px; }
ul#gallery-radio a {  display: block;  width: 200px;  height: 150px;}

ul#gallery-radio li.standard { margin-top: 20px; background: url(img/standard-radio-thumb.jpg) no-repeat top left; }
ul#gallery-radio li.osm { background: url(img/osm-radio-thumb.jpg) no-repeat top left; }
ul#gallery-radio li.walls { margin: 0 0 0 30px; background: url(img/walls-radio-thumb.jpg) no-repeat top left; }
ul#gallery-radio li.coi { margin: -170px 0 0 20px; background: url(img/coi-radio-thumb.jpg) no-repeat top left; }

#gallery-item-radio { position: absolute; left: 250px; top: 170px; width: 600px; text-align: center;}
#radio-player-placeholder { margin: 20px auto 0 auto;}

/*
 * Ambient gallery
 */
ul#gallery-ambient { list-style: none; position: absolute; top: 120px; left: 320px; width: 600px; text-indent: -9000px;}
ul#gallery-ambient li { display: inline; float: left; height: 200px;}
ul#gallery-ambient a {  display: block;  width: 200px;  height: 200px;}

ul#gallery-ambient li.adidas { margin-top: 18px; background: url(img/adidas-ambient-thumb.jpg) no-repeat top left; }
ul#gallery-ambient li.ka { margin-left: 15px; background: url(img/ka-ambient-thumb.jpg) no-repeat top left; }
ul#gallery-ambient li.royalmail { margin-left: -60px; background: url(img/royalmail-ambient-thumb.jpg) no-repeat top left; }
ul#gallery-ambient li.self-defence { margin-left: 18px; background: url(img/self-defence-ambient-thumb.jpg) no-repeat top left; }