body {
background:url(images/bg1.gif) repeat-x #3a3a3a;
color: #ffffff;
font-size: 12px;
line-height: 21px;
margin: 0px auto;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
}

#main {
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
margin: 0px auto;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
width: 960px;
}

#header{
line-height:0;
border:0;
padding:0;
height:120px;
background-image:url(images/giles-sherlock-logo_4.gif);
background-repeat:no-repeat;
background-position:right 28px;
}

#container {
width: 960px;
overflow: hidden;
}

#menu{
height:509px;
width: 175px;
margin: 0 5px 0 0;
padding: 0;
overflow: hidden;
float:left;
border:#666666 solid 1px;
}

#menucontainer {
height:472px;
width: 175px;
overflow: hidden;
}

#content{
height:510px;
width: 778px;
margin: 0;
padding: 0;
overflow: hidden;
float:left;
}

a {text-decoration: none;}
a img {border: none;}

:focus { -moz-outline-style: none; }
a:focus { outline: none; }

.underLink a:link { border-bottom: 1px solid #CCCCCC; }
.underLink a:visited { border-bottom: 1px solid #CCCCCC; }
.underLink a:hover { border-bottom: 1px solid #000000; }
.underLink a:active { border-bottom: 1px solid #CCCCCC; }

.textLink a:link { color:#FFFFFF; border-bottom: 1px solid #666666; text-decoration: none; }
.textLink a:visited { color:#FFFFFF; border-bottom: 1px solid #666666; text-decoration: none; }
.textLink a:hover { color:#FFFFFF; border-bottom: 1px solid #FFFFFF; background: #666666; text-decoration: none; }
.textLink a:active { color:#FFFFFF; border-bottom: 1px solid #666666; text-decoration: none; }

h1{
display:none;
}
h2 {
font-size:14px; font-weight:bold;
}
h3 {
font-size:11px; text-transform:uppercase; font-weight:normal;
}
h4 {
font-size:11px; text-transform:uppercase; font-weight:normal;
}
hr {
height: 1px;
border: none;
border-top: 1px solid #CCCCCC;
}

#menu ul {
list-style-type:none;
width:150px;
font-size:10px;
line-height:1.5em;
margin:3em 0 0 -1em;
padding:0 0 0 0;
text-transform:uppercase;
}

#menu ul * {
display: block; color: #666666;
}

#menu a:hover {
color:#FFFFFF;
}

#menu ul em {
color: #ffffff; font-style: normal; padding-left:3px;
}

#menu ul a {
color: #666666; padding-left:3px;
}

#menu ul ul {
margin: 0 0 0.5em -2.5em;
font-size:10px;
line-height:1.5em;
}
#menu ul ul em {
font-style: normal;
}
#menu ul ul a {
color: #666666; padding-left:3px;
}

#menu .catBreak {
margin-bottom:1em;
}

.contentFull {
height:508px;
width: 776px;
margin: 0 0 0 0;
padding: 0;
overflow: hidden;
float:left;
border:#666666 solid 1px;

}

.slideshowDefault {
border: 0;
width: 778px;
height: 510px;
}
.slideshowSquare {
border: 0;
width: 510px;
height: 510px;
float:left;
overflow: hidden;
}
.contentSquare {
height:508px;
width: 261px;
margin: 0 0 0 5px;
padding: 0;
overflow: hidden;
float:left;
border:#666666 solid 1px;

}

.slideshowEven {
border: 0;
width: 389px;
height: 510px;
float:left;
overflow: hidden;
}
.contentEven {
height:508px;
width: 382px;
margin: 0 0 0 5px;
padding: 0;
overflow: hidden;
float:left;
border:#666666 solid 1px;

}

.contentInner {
padding:25px 20px 0 20px;
font-size:11px;
line-height:16px;
}
.contentInner p {
color:#999999;
text-align:justify;
}
.contentInner strong {
color:#ffffff;
}



.creditsList H6 {
margin:10px 5px 0 0; height:93px; width:240px; float:left;
}
.creditsList H6 A {
padding: 0 0 0 0; display:block; font-weight:bold; font-size:11px; line-height:14px; margin-left:80px; color:#FFFFFF; 
}
.creditsList H6 img {
margin-left:-80px;
}
.creditsList span {
color:#999999; font-size:11px; font-weight:normal;
}
.creditsList img {
float:left;
margin: 0 0 0 0;
}