/* CSS Document */

a.hidelink:link { text-decoration: none; }
a.hidelink:hover { text-decoration: none; }
a.hidelink:visited { text-decoration: none; }
a.hidelink:active { text-decoration: none; }

body {
overflow-y: scroll;
padding: 0px;
margin: 8px;
background-color: #f0f0f0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#styleTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: bold;
color: #FFFFFF;
text-shadow: #202020 0px 2px 12px;
}

#styleBody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#container {
width: 980px;
margin: 0px auto 0px auto;
padding: 0px;
background-color: #cccccc;
background-image: url(images/nav-background.png);
background-repeat: repeat-y;
background-position: left;
}

#header {
text-align:center;
margin: 0px;
padding: 0px;
background-color: #ffffff;
}

#footer {
clear: both;
margin: 0px 0px 0px 0px;
padding: 2px 4px 2px 0px;
background-color: #ffffff;
font-size: 10px;
text-align: right;
}

#content {
min-height: 570px;
padding: 0px;
margin: 0px 0px 0px 200px;
background-color: #cccccc;
text-align: left; 
}

#content-header {
padding: 0px;
margin: 0px;
background-color: #888888;
}

#content-body {
margin: 0px;
padding: 16px 16px 16px 16px;
background-color: #cccccc;
color: #444444;
font-size: 12px;
text-align: left; 
background-image: url(images/gradient-body.gif);
background-repeat: repeat-x;
background-position: top;
}

#content-body h1 {
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
font-size: 32px;
font-weight: bold;
color: #ffffff;
text-shadow: #202020 2px 2px 8px;
}

#content-body h2 {
padding-top: 16px;
padding-bottom: 4px;
margin: 0px;
font-size: 18px;
font-weight: bold;
color: #333333;
text-shadow: #c0c0c0 1px 1px 4px;
}

#content-body h3 {
padding-top: 8px;
padding-bottom: 2px;
margin: 0px;
font-size: 10px;
font-weight: bold;
}

#panel-overview {
height: 96px;
width: 724px;
clip: 0px 0px 96px 724px;
margin: 0px 0px 16px 0px;
padding: 12px;
background-image: url(images/panel-overview.png);
}

#panel-overview-thumb {
float: left;
height: 96px;
width: 128px;
margin: 0px;
padding: 0px;
background-color: #000000;
}

#panel-overview-body {
float: left;
width: 588px;
padding: 0px 0px 0px 8px;
margin: 0px;
font-size: 10px;
color: #f0f0f0;
}

#panel-overview-body h1 {
margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 14px;
font-weight: bold;
color: #ffff00;
text-shadow: #c0c060 0px 0px 8px;
}

#panel-specification {
float: left;
width: 295px;
height: 330px;
clip: 0px 0px 295px 330px;
margin: 0px 0px 16px 8px;
line-height: 125%;
padding: 10px;
border: 0px;
text-align: left;
font-size: 10px;
color: #f0f0f0;
background-image: url(images/panel-specification.png);
}

#panel-specification b {
color: #ffffff;
font-weight: bold;
}

#panel-specification h1 {
padding: 4px 0px 10px 0px;
margin: 0px;
color: #ffff00;
font-size: 20px;
font-weight: bold;
text-align: center;
text-shadow: #c0c060 0px 0px 8px;
}

#panel-specification h2 {
padding: 0px 0px 0px 0px;
margin: 0px;
color: #ffffff;
font-size: 10px;
font-weight: bold;
}

#objSlideTitle {
height: 150px;
width: 780px;
margin: 0px;
padding: 0px;
font-size: 16px;
text-align: center;
}

#objSlideshow {
float: left;
width: 425px;
height: 350px;
margin: 0px;
padding: 0px;
font-size: 16px;
text-align: center;
}

#objGallery {
float: none;
width: 748px;
height: 460px;
margin: 0px;
padding: 0px;
font-size: 16px;
text-align: center;
}

#navigation {
float: left;
width: 200px;
height: 400px;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: transparent;
}

#navigation dl
{
text-align: center;
font-size: 18px;
font-weight: normal;
text-shadow: #ffffff 0px 0px 6px;
margin: 8px;
padding: 0px;
border: none;
}

#navigation dt
{
padding-bottom: 4px;
}

#navigation dt a
{
display: block;
text-decoration: none;
padding: 5px 5px 5px 5px;
background-image: url(images/nav-button-big.png);
background-position: 0px 0px;
color: #ffffff;
}

#navigation dt a:hover
{
background-image: url(images/nav-button-big.png);
background-position: 0px 64px;
color: #ffffff;
}

#navigation dd
{
margin-left: 20px;
}

#navigation ul
{
list-style: none;
text-align: left;
font-size: 12px;
font-weight: normal;
text-shadow: #888888 0px 0px 3px;
margin: 0px;
padding: 0px;
border: none;
}

#navigation li
{
margin: 0px;
padding-bottom: 4px;
}

#navigation ul a
{
display: block;
text-decoration: none;
padding: 2px 5px 2px 5px;
border: 1px solid #ffffff;
background-color: #222222;
color: #ffffff;
}

#navigation ul a:hover
{
border: 1px solid #ffffff;
background-color: #cccccc;
color: #ffffff;
}

body#pageHome #navigation dt#menuHome a,
body#pageShowcase #navigation dt#menuShowcase a,
body#pageGallery #navigation dt#menuGallery a
{
background-image: url(images/nav-button-big.png);
background-position: 0px 32px;
color: #ffffff;
}

body#pageHomeAbout #navigation li#menuHomeAbout a,
body#pageHomeContact #navigation li#menuHomeContact a,
body#pageHomeLinks #navigation li#menuHomeLinks a,
body#pageShowcaseRed #navigation li#menuShowcaseRed a,
body#pageShowcaseWhite #navigation li#menuShowcaseWhite a,
body#pageShowcaseOrange #navigation li#menuShowcaseOrange a,
body#pageShowcaseRally #navigation li#menuShowcaseRally a,
body#pageShowcaseScalextric #navigation li#menuShowcaseScalextric a,
body#pageShowcaseMini66 #navigation li#menuShowcaseMini66 a,
body#pageGalleryBingleyhall11 #navigation li#menuGalleryBingleyhall11 a,
body#pageGalleryOpenday10 #navigation li#menuGalleryOpenday10 a,
body#pageGalleryTatton09 #navigation li#menuGalleryTatton09 a,
body#pageGalleryCompetition09 #navigation li#menuGalleryCompetition09 a,
body#pageGalleryTouring #navigation li#menuGalleryTouring a,
body#pageGalleryKad16 #navigation li#menuGalleryKad16 a,
body#pageGalleryRebuild1293 #navigation li#menuGalleryRebuild1293 a,
body#pageGalleryTour0607 #navigation li#menuGalleryTour0607 a,
body#pageGalleryTour0809 #navigation li#menuGalleryTour0809 a
{
border: 1px solid #ffffff;
background-color: #ff9900;
color: #ffffff;
}