/* reset stuff */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td
{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
}

fieldset,img
{
  border:0;
}

html
{
  height:100%;
  margin-bottom:30px;
}

body
{
  position:relative;
}

:focus
{
  outline:hidden;
}

/* links + type */
p {
	color: #FFF;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.title {
	color: #b15c23;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}	

.news_text {
	color: #FFF;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.news_title {
	color: #b15c23;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}	

.news_column a {
	text-decoration:none;
}	

a
{
  color:#b15c23;
  text-decoration:none;
}

a:hover
{
  color:#FFF;
  text-decoration:underline;
}

/* header stuff */
h1,h2,h3,h4,h5,h6
{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:700;
}

h1
{
  font-size:300%;
  color:#000;
}

h2
{
  font-size:250%;
  color:#b4b4b4;
}

h3
{
  font-size:200%;
  color:#000;
}

h4
{
  font-size:175%;
  color:#000;
}

h5
{
  font-size:150%;
  color:#787878;
}

h6
{
  font-size:125%;
  color:#000;
}

/* page setup */
body
{
  background:url(../images/page_bg.png) 0 0 repeat;
  font-family:Arial, Helvetica, sans-serif;
  line-height:170%;
  color:#646464;
  font-size:12px;
  margin-bottom: 50px;
}

#pagebg
{
  background:url(../images/top_line.png) 0 0 repeat-x;
}

/* wrapper setup */
div.wrapper
{
	margin:auto;
	width:980px;
	padding-top: 10px;
}

div.wrapper_bottom
{
	margin:auto;
	width:980px;
}

#shadow {
background-image:url('../images/shadow.png');
background-repeat:repeat-y;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
padding:0;
width:1056px;
}

/* header */
div#header
{
	position:relative;
	height:120px;
	margin:0;
}

/* logo */
span#logo,img#logo
{
	position:absolute;
	top:34px;
	left:0;
	width:320px;
	height:74px;
	border:0;
}

/* navigation */

#navigation
{
  float:right;
  margin-top:60px;
  margin-right:10px;
  margin-bottom:0;
  margin-left:0;
  padding-top:5px;
  padding-right:10px;
  padding-bottom:9px;
  padding-left:30px;
}

#navigation span
{
  font-size:13px;
  font-weight:700;
  color:#000;
}

#navigation a:link
{
  color:#fff;
  font:bold 16px "Trebuchet MS";
  text-decoration:none;
}

#navigation a:visited
{
  color:#afa194;
  font:bold 16px "Trebuchet MS";
}

#navigation ul
{
  clear:none;
  text-align:right;
}

#navigation ul li
{
  list-style:none;
  margin-left:0;
  padding:0 4px 0 6px;
  border-left:3px solid #F60;
  display:inline;

}

#navigation ul li.first
{
  border-left:none;
  display:inline;
  list-style:none;
  margin-left:0;
}

/* main body setup */
div#middle
{
  width:auto;
  margin:0;
  clear:both;
}

/* page styles */

#page_boxes {
	padding: 0 10px 0 10px;
	margin-bottom: 10px;
}

#page_boxes:hover {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding: 0 9px 0 9px;
}

#page_boxes span {
	font-size: 18px;
	font-weight: bold;
	color: #984614;
}

#page_boxes h2 {
	font-size: 18px;
	font-weight: bold;
	color: #984614;
}

#page_boxes ul {
	padding-left: 30px;
	color: #fff;
	font-size:14px;
}

#page_boxes li {
	padding: 3px;
}

#page_boxes a, a:visited {
	text-decoration:none;
}

#page_boxes h3 {
color:#b15c23;
display:inline;
font:bold 16px "trebuchet ms";
font-style:oblique;
}

/* footer */
#footer
{
  width:auto;
  padding:40px 40px 10px 0;
  clear:both;
  color:#fff;
  text-align:right;
}

/* image replacements */

.replace {
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.about {
	background-image:url(../images/headers/about.png);
}

.latest_news {
	background-image:url(../images/headers/latest_news.png);
}

.fourbr {
	background-image:url(../images/headers/fourbr.png);
}

/* ...page titles */

.about_page {
	background-image:url(../images/page_titles/about.png);
	height: 45px;
}

.recordings_page {
	background-image:url(../images/page_titles/recordings.png);
	height: 45px;
}

.catalogue_page {
	background-image:url(../images/page_titles/catalogue.png);
	height: 45px;
}

.news_page {
	background-image:url(../images/page_titles/news.png);
	height: 45px;
}

.contact_page {
	background-image:url(../images/page_titles/contact.png);
	height: 45px;
}

/* ...for main images on page */

.mainpicture_home {
	background:url(../images/mainimages/home.png) no-repeat;
	text-indent: -9999px;
	margin:auto;
	width:1016px;
	height:260px;
}

.mainpicture_about {
	background:url(../images/mainimages/about.png) no-repeat;
	text-indent: -9999px;
	margin:auto;
	width:1016px;
	height:260px;
}

.mainpicture_recordings {
	background:url(../images/mainimages/recordings.png) no-repeat;
	text-indent: -9999px;
	margin:auto;
	width:1016px;
	height:260px;
}

.mainpicture_catalogue {
	background:url(../images/mainimages/catalogue.png) no-repeat;
	text-indent: -9999px;
	margin:auto;
	width:1016px;
	height:260px;
}

.mainpicture_news {
	background:url(../images/mainimages/news.png) no-repeat;
	text-indent: -9999px;
	margin:auto;
	width:1016px;
	height:260px;
}

.mainpicture_contact {
	background:url(../images/mainimages/contact.png) no-repeat;
	text-indent: -9999px;
	margin:auto;
	width:1016px;
	height:260px;
}

/* clearing & floating */
.clearingfix:after
{
  content:".";
  display:block;
  line-height:0;
  clear:both;
  visibility:hidden;
}

.clearingfix
{
  display:block;
}

.floatbox
{
  overflow:hidden;
}

/* topmenu */
div#topmenu
{
  position:absolute;
  top:20px;
  right:0;
  height:20px;
}

div#topmenu ul
{
  padding:0;
  margin:0;
  list-style:none;
  float:left;
}

div#topmenu li
{
  float:left;
  display:block;
}

div#topmenu a
{
  float:left;
  display:block;
  position:relative;
  height:20px;
  padding:0 10px;
  line-height:17px;
  overflow:hidden;
  color:#fff;
}

div#topmenu a:hover
{
  color:#ccc;
  text-decoration:underline;
}

/* today news */
#homecols h2,#catalogue h2
{
  margin:0 0 5px;
  color:#984614;
  font-size:22px;
  font-style:italic;
  font-weight:400;
}


/*\*/
* html #homecols ul li
{
  margin:0 5px 5px 0;
}

/*end*/
#today_news ul li a,#homecols ul li a
{
  background:url(../images/li_bg.png) 100% 0 no-repeat;
  display:block;
  color:#0bcbf6;
  text-decoration:none;
  padding:0 0 0 10px;
  height:22px;
}

#today_news ul li a:hover,#homecols ul li a:hover
{
  background:url(../images/lihover_bg.png) 100% 0 no-repeat;
  color:#FFF;
}

/* home columns block */
#homecols
{
  margin:10px 0;
}

#homecols .single-col
{
  width:300px;
  float:left;
  margin:0 25px 0 0;
}

#homecols .single-col p {
	color: #FFF;
	font-size: 11px;
}

* html #homecols .single-col
{
  width:300px;
  margin:0;
}

/*end*/

/* catalogue block */
#catalogue
{
  margin:20px 0 0;
}

#catalogue .catalogue-col
{
  float:left;
  margin:0 15px 0 0;
  width: 460px;
  padding: 0 15px 0 0;

}

#catalogue .catalogue-col ul
{
  list-style:none;
  margin:10px 0 0;
}

#catalogue .catalogue-col ul li
{
  background:url(../images/twocol_bg.png) 0 0 repeat;
  width:460px;
  margin:0 0 5px;
  font-family:"Lucida Grande";
  font-size:12px;
  color:#FFF;
  font-weight:700;
  padding:5px 3px 5px 10px;
}

#catalogue .catalogue-col ul li a
{
	display:block;
	font-weight:400;
	font-size:13px;
	color: #F60;
}

#catalogue .catalogue-col p {
	color: #FFF;
	font-size: 11px;
}

#catalogue .catalogue-col p {
	color: #FFF;
	font-size: 11px;
}

.catalogue_h { 
	cursor: hand;
	cursor: pointer;
	color: #F60;
}

.catalogue_c {
	color: #FFF;
}

/* footer copyright */
#footer .copyright {
    width:490px;
    float:left;
}

#footer .copyright .credits {
    width:190px;
    float:left;
    padding:140px 0 0 0;
}

#footer .copyright .advertise {
    width:275px;
    float:right;
    color:#000;
    padding:40px 0 0 0;
    font-size:13px;
    font-weight:bold;
}

#footer .copyright .advertise h3 {
    margin:0;
    font-size:24px;
}

/* footer contact form */
.footer-contact {
    padding:23px 0 0 0;
    float:right;
    width:460px;
}

.footer-contact h3 {
    color:#5496b4;
    font-size:16px;
    margin:0 0 0 10px;
    font-style:italic;
    font-weight:normal;
    background:url(../images/footer-contact.png) 0 0 repeat-x;
    padding:2px 10px 3px 10px;
    float:left;
}

.footer-contact form {
    clear:both;
    padding:10px 0 0 0;
}
/*\*/* html .footer-contact form {
    clear:both;
    padding:5px 0 0 0;
}/*end*/
.footer-contact form div {
    width:200px;
    float:left;
    padding:0 15px;
}
/*\*/* html .footer-contact form div {
    width:200px;
    float:left;
    padding:0 10px;
}/*end*/
.footer-contact label {
    display:block;
    color:#000;
    font-size:12px;
    font-weight:bold;
    margin:6px 0 0 0;
}

.footer-contact input.contact-field, .footer-contact textarea {
    border:#e9e3ce 2px solid;
    padding:4px 2px;
    width:100%;
    font-size:12px;
    font-weight:bold;
    color:#5b5b5b;
}

.footer-contact textarea.contact-message {
    height:77px;
}

.footer-contact input.contact-submit {
    border:0;
    padding:0;
    width:98px;
    height:40px;
    text-indent:-9999px;
    cursor:pointer;
    background:url(../images/contact-submit.png) 0 0 no-repeat;
    margin:10px -10px 0 0;
    float:right;
}

/* contact stuff */

.contact_form div {
	padding-bottom: 10px;
}
.contact_form div label {
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
	text-transform: uppercase;
	color: #fff;
	text-align: left;
	margin: 10px 0 0 0;
}

.contact_form div input,
.contact_form div textarea {
	font: 13px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #222;
}

.contact_form div input:focus,
.contact_form div textarea:focus {
	border-color: #A14418;
}

.contact_form div input {
	width: 211px;
	height: 16px;
	padding: 5px;
}

.contact_form div textarea {
	width: 456px;
	height: 186px;
	padding: 5px;
	resize: none;
}