/* ---------- Reset ---------- */
html, body {margin: 0; padding: 0; height: 100%;}
form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; font-weight: normal;}
body {font-family: Century Gothic, arial, Verdana, sans-serif; font-size: 11px; line-height: 1.3;}
img {border:0px;}
p {padding:0px; margin:0px;}
body {color: #000000; background:#1E1E1E url(../dsr/images/dsr-background-2.png) no-repeat center center;}


/* -----     Center This - Layout/Position ID Tag     -----*/
#CenterThis {position:relative; height:705px; width:861px; background:transparent url(../dsr/images/page-area.png); background-repeat:no-repeat; background-position:center center;}

#Header{height:40px; width:800px;}
#PageArea{height: 625px; width: 841px;}
#Footer{text-align:left; height:40px; width:800px;}





/* -----    Main Tags     -----*/
h1{font-size: 20px; color: #000000; font-family: Futura, arial, sans-serif; letter-spacing: 0.3em; font-weight:normal; padding: 20px 0px 0px 0px;}
h2{font-size: 16px; color: #000000; font-family: Futura, arial, sans-serif; letter-spacing: 0.3em; font-weight:normal; padding: 20px 0px 0px 0px;}
ul {list-style-type: square;}
li{padding-bottom:3px;}

a:link {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}
a:hover {color: #D60C8C; text-decoration: none;}

p{padding-bottom: 7px; padding-top:2px;}

/*---------------- Layout ------------------*/
#Container{position:relative; top:20px; width:800px; text-align:left; vertical-align:top;}
#Banner{height:200px; background-color:#333333;}
#Content{position:relative; height:348px;}


/* ------------------- NavBar ---------------------- */
#NavBar{height:38px; width:800px; background:#000000 url(../dsr/images/nav-bkg.png) bottom left no-repeat; text-align:right; font-size:10px;}
#NavBar td{height:38px;}
#Navbar img.Logo{}
#NavBar ul {margin:0px; padding-top: 7px; padding-bottom: 7px;} 
#NavBar li {margin:0px; padding-right: 23px; list-style: none; display: inline;}
#NavBar a{text-decoration: none; letter-spacing:0.1em;}
#NavBar a:link, #NavBar a:visited, #NavBar a:active{color: #FFF;}
#NavBar a:hover {color: #D60C8C;}

/* ----------- Back Link ----------- */
#BackLink{position:absolute; right:3px; top:10px; z-index:110;}

/* ----------- Details ----------- */
#Graphic.Slogan{position:absolute; left:190px; bottom:35px;}
#Graphic.People{position:absolute; left:5px; bottom:0px; width:151px; height:98px;}

/* ----------- Page Text Areas ----------- */
#Text.Home{position:relative; left:7px; top:20px; width:785px;}
#Text.Contact{position:relative; left:7px; top:20px; width:785px;}
#Text.Profile{width:550px; position:relative; left:245px; top:0px;}
#Text.News{position:absolute; left:195px; bottom:0px; width:620px;}
#Text.NewsDetails{position:relative; left:210px; top:0px; width:580px;}
#Text.NewsDetails p{margin-bottom: 3px;}
#Text.NewsDetails h2{font-size: 14px;  letter-spacing: 0.2em; margin-bottom: 5px;}
#Text.Calendar{position:absolute; left:170px; bottom:0px; width:620px;}
#Text.Gallery{position:absolute; left:195px; bottom:0px; width:620px;}
#Text.Tracks{position:absolute; left:195px; bottom:0px; width:620px;}
#Text.TrackAddress{position:absolute; left:0px; top:45px; width:165px;}

#TrackContainer{position:relative; float:left; left:180px;}

#Text.TrackDetails1{position:relative; left:0px; top:0px; width:280px; min-height:175px;}
#Text.TrackDetails2{position:relative; left:0px; top:0px; width:490px;}

#Text.TrackInfo{position:absolute; left:185px; top:55px; width:600px; z-index:30;}
#Text.Links{position:absolute; left:195px; bottom:0px; width:600px;}
#Text.Team-Fleur{position:absolute; left:5px; top:50px; width:150px;}
#Text.Team-Rayna{position:absolute; left:180px; top:283px; width:430px; text-align:center;}
#Text.Team-Bryan{position:absolute; right:0px; top:50px; width:155px; text-align:right;}
#Text.Stats{position:absolute; right:0px; top:0px;}

/* ----------- Link Set Area ----------- */
#LinkSet{position:absolute; left:265px; top:45px; z-index:3; overflow:auto;}
#LinkSet a{font-size:12px;}
#LinkSet ul, li{margin: 0; padding: 0; list-style: none;}
#LinkSet li{line-height:1.5;}
#LinkSet ul{}

/* ----------- Thumb Set Area ----------- */
#ThumbSet{position:absolute; left:20px; top:70px; z-index:3;}
#ThumbSet .Gallery{margin: 0; padding: 0; list-style-type: none; width: 760px;}
#ThumbSet .Gallery li{float: left; width: 76px ; height: 49px; margin-right: 8px; margin-bottom: 5px;}
#ThumbSet .Gallery ul{position: relative; text-align: left;}

/* ----------- Other Images ----------- */
#Picture.Profile{position:absolute; left:0px; bottom:5px;}
#Picture.Calendar{position:absolute; left:45px; top:25px;}

/*---------------- News Images ------------------*/
.News img#Star{position:absolute; left:0px; top:40px; z-index:7;}
.News img#N10{position:absolute; left:25px; top:55px; z-index:6;}
.News img#N09{position:absolute; left:140px; top:55px; z-index:6;}
.News img#N08{position:absolute; left:260px; top:60px; z-index:5;}
.News img#N07{position:absolute; left:380px; top:55px; z-index:3;}
.News img#N06{position:absolute; left:510px; top:60px; z-index:4;}
.News img#N05{position:absolute; left:630px; top:55px; z-index:2;}
.News img#SubPage{position:absolute; left:20px; top:49px; z-index:2;}

/*---------------- Gallery Images ------------------*/
.Gallery img#Star{position:absolute; left:0px; top:40px; z-index:7;}
.Gallery img#G10{position:absolute; left:35px; top:57px; z-index:6;}
.Gallery img#G09{position:absolute; left:150px; top:55px; z-index:6;}
.Gallery img#G08{position:absolute; left:260px; top:60px; z-index:5;}
.Gallery img#G07{position:absolute; left:380px; top:55px; z-index:3;}
.Gallery img#G06{position:absolute; left:510px; top:60px; z-index:4;}
.Gallery img#G05{position:absolute; left:630px; top:55px; z-index:2;}
.Gallery img#SubPage{position:absolute; left:40px; top:49px; z-index:2;}

/*---------------- Team Images ------------------*/
.Team img#Photo{position:absolute; left:162px; bottom:65px;}
.Team img#GraphicA{position:absolute; left:5px; top:240px;}
.Team img#GraphicB{position:absolute; left:618px; top:230px;}

/*---------------- Track Images ------------------*/
.Tracks img#Photo{position:absolute; right:-10px; top:20px;}
.Tracks img#BrandsHatch{position:absolute; left:90px; top:70px; z-index:3;}
.Tracks img#OultonPark{position:absolute; left:180px; top:120px; z-index:4;}
.Tracks img#CadwellPark{position:absolute; left:230px; top:40px; z-index:5;}
.Tracks img#Silverstone{position:absolute; left:293px; top:125px; z-index:6;}
.Tracks img#CastleCombe{position:absolute; left:340px; top:25px; z-index:2;}
.Tracks img#Snetterton{position:absolute; left:410px; top:125px; z-index:10;}
.Tracks img#Donington{position:absolute; left:445px; top:30px; z-index:8;}
.Tracks img#Thruxton{position:absolute; left:515px; top:145px; z-index:9;}
.Tracks img#LyddenHill{position:absolute; left:550px; top:32px; z-index:7;}
.Tracks img#MalloryPark{position:absolute; left:620px; top:100px; z-index:11;}

/*---------------- Link Images ------------------*/
.Links img#Notes {position:absolute; left:35px; top:30px; z-index:2;}
.Links img#FIJDesign {position:absolute; left:443px; top:30px; z-index:4;}
.Links img#DSD {position:absolute; left:584px; top:10px; z-index:5;}
.Links img#TorqueOfTheDevil {position:absolute; left:590px; top:110px; z-index:3;}
.Links img#MC750 {position:absolute; left:20px; top:45px; z-index:30;}

/*---------------- Footer Here ------------------*/
#Footer{}
#Footer p{font-size:9px; color:#FFF; padding:15px 0px 0px 0px;}
#Footer a:link, #Footer a:visited, #Footer a:active {color: #FFF; text-decoration: none;}
#Footer a:hover {color: #FFF; text-decoration: underline;}