/*CSS Style Sheet (Version 2.05) for www.soundray.com, www.soundray.co.uk*/
/*INITIALIZE*/
html, body, form, fieldset {
	margin: 1em 0;
	padding: 0;
	font: 100%/120% verdana, arial, helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}
li, dd, blockquote {
	margin-left: 1em;
}
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
}
/*End INITIALIZE*/
html {
overflow: scroll;
}
body {
background: #000066;
color: inherit;
}
a:active {
outline: none;
}
.container {
padding: 0;
margin: 0;
text-align: center;
}
#title-image {
padding: 1em 0em 2em;
}
.stripe /*This is the stripe running across the page*/{
background: #25569a;
color: inherit;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
}
.content /*This is the block in the middle of the stripe which contains the page content*/{
clear: both;
display: block;
background: #fff url(resources/images/contentfade.png) repeat-y;
color: inherit;
width: 696px;
text-align: center;
margin: auto;
}
.navbar {
background: inherit;
color: inherit;
text-align: center;
font-size: small;
font-weight: 700;
margin-left: auto;
margin-right: auto;
width: 660px;
margin-bottom: 0;
}
#tabs10 {
float:left;
width:100%;
font-size:93%;
/*border-bottom:1px solid #2763A5; This is not used now, but remains here in case it's needed in future*/
line-height:normal;
background: #25569a;
color: inherit;
}
#tabs10 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs10 li {
display:inline;
margin:0;
padding:0;
}
#tabs10 a {
float:left;
background:url(resources/images/tableft10.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs10 a span {
float:left;
display:block;
background: url(resources/images/tabright10.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
background-color: inherit;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {float:none;}
/* End IE5-Mac hack */
#tabs10 a:hover span {
color:#FFF;
background-color: inherit;
background: url(resources/images/tabright10.gif) no-repeat right top;
}
#tabs10 a:hover,#tabs10 a:focus  {
background-position:0% -42px;
}
#tabs10 a:hover span,#tabs10 a:focus span {
background-position:100% -42px;
}
.navfade {
clear: both;
background: #fff url(resources/images/navfadeblue.png) repeat-x;
color: inherit;
width: 658px;
margin: auto;
}
.navfadeinv {
clear: both;
background: #fff url(resources/images/navfadeblueinv.png) repeat-x;
color: inherit;
width: 658px;
margin: auto;
}
.sub-content {
display:block;
width:456px;
margin: auto;
text-align:center;
}
.image-links {
display:block;
text-align:center;
margin:auto;
}
.image-links ul {
float:left;
margin-left: auto;
margin-right: auto;
list-style: none;
}
.image-links ul li {
float:left;
margin: 4px;
padding: 0;
}
.image-links ul li a {
float:left;
border-bottom:2px solid #627081;
border-right:2px solid #627081;
border-top:1px dotted #eee;
border-left:1px dotted #eee;
}
.image-links ul li a:hover, .image-links ul li a:focus {
border-bottom:1px dotted #eee;
border-right:1px dotted #eee;
border-top:2px solid #627081;
border-left:2px solid #627081;
}
.image-links ul li.last {
margin: 0;
}
.labelled-images ul, .list ul li {
list-style: none;
margin: 0;
padding: 0;
}
.labelled-images ul {
margin-left: auto;
margin-right: auto;
width: 515px;
text-align: center;
}
.labelled-images ul li {
display: inline;
float: left;
padding: 0%;
}
.labelled-images ul li a {
display: inline;
float: left;
padding: 0%;
color: #6699cc;
background: inherit;
text-decoration: none;
}
.labelled-images ul li a:hover, .labelled-images ul li a:focus {
color: #cc6699;
background: inherit;
text-decoration: none;
}
span.image-label {
display: block;
font-weight: 700;
font-family: verdana, helvetica, sans-serif;
}
.photos {
list-style: none;
padding: 0;
width: 440px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.photos li {
margin: 0;
padding: 0px;
}
.photos ul li.last {
margin: 0;
}
.equipment-list1 {
list-style: none;
text-align: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: x-small;
line-height: 1.5em;
}
.equipment-list2 {
list-style: none;
text-align: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: x-small;
line-height: 1.5em;
}
.equipment-list3 {
list-style: none;
text-align: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: x-small;
line-height: 1.5em;
padding-top: 2em;
}
.equipment-list-image1 {
float: right;
padding: 0.5em;
}
.equipment-list-image2 {
float: right;
padding: 0.5em;
margin: 0;
}
.equipment-list-image3 {
float: left;
padding: 0.5em;
}
.equipment-list-image4 {
clear: both;
margin-left: auto;
margin-right: auto;
margin: 2em;
padding: 0;
}

#sub-nav {
margin: 0;
padding: 0;
list-style: none;
}
#previous  {
margin: 0;
padding: 0;
float: left;
}
#next {
margin: 0;
padding: 0;
float: right;
}
#previous a, #next a {
text-decoration: none;
font: 700 smaller verdana, helvetica, sans-serif;
color: #6699cc;
background: inherit;
}
#previous a:hover, #previous a:focus, #next a:hover, #next a:focus {
color: #cc6699;
background: inherit;
}
#text {
clear: both;
font-family: verdana, arial, helvetica, sans-serif;
font-size: x-small;
line-height: 1.5em;
text-align: justify;
padding: 3em 3em 5em;
}
#text dt {
color: #6699cc;
background: inherit;
font-size: 1.25em;
font-weight: 700;
padding-top: 1em;
padding-bottom: 0.5em;
}
div.spacer {
clear: both;
padding: 2%;
}
.footer {
padding: 3em;
text-align: center;
font-size: x-small;
color: #69c;
background: inherit;
}
.footer a {
background-color: inherit;
color: #69c;
text-decoration: none;
}
.footer a:hover {
background-color: inherit;
color: #f8c473;
}
h1 {
color: #6699cc;
background: inherit;
font-size: 1.5em;
font-weight: 700;
padding-top: 1em;
padding-bottom: 0.5em;
line-height:1em;
}
h2 {
color: #6699cc;
background: inherit;
font-size: 1em;
font-weight: 700;
padding-top: 1em;
padding-bottom: 0.5em;
text-align: left;
}
.external-links {
text-align: left;
list-style: none;
padding: 3em;
font: 700 smaller verdana, helvetica, sans-serif;
color: #6699cc;
background: inherit;
margin-left: auto;
margin-right: auto;
width: 200px;
}
.external-links ul {
list-style: none;
padding: 10px;
}
.external-links ul li, .external-links ul li a  {
padding: 0.25em;
color: #6699cc;
background: inherit;
text-decoration: none;
}
.external-links li a:hover, .external-links li a:focus {
text-decoration: none;
color: #cc6699;
background: inherit;
}
#home #nav-home a, #recordingphilosophy #nav-recordingphilosophy a,
#selected_clients #nav-selected_clients a, 
#equipment #nav-equipment a,
#photographs #nav-photographs a,
#contact #nav-contact a,
#links #nav-links a {
background-position: 0% -42px;
}
#home #nav-home a span, 
#recordingphilosophy #nav-recordingphilosophy a span,
#selected_clients #nav-selected_clients a span, 
#equipment #nav-equipment a span,
#photographs #nav-photographs a span,
#contact #nav-contact a span,
#links #nav-links a span {
color: #f8c473;
background-color: inherit;
background-position: 100% -42px;
}