html, body {
	background-color: rgb(47,59,99);
	background-image: url(http://www.hinton-instruments.co.uk/images/common/logcycle-blue.gif);
	background-repeat: repeat;
	color: #000000;
	font-size: 100%;
	line-height: 100%;
	font-family: 'Montserrat', sans-serif;
}

body {
	min-width: 800px;
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre {
	margin: 0;
	padding: 0; 
	font-size: 18px;
	line-height: 18px;
} 



ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl {
	margin-top: 0;
	margin-bottom: 0;
}

ul, ol, dl {
	list-style-type: none;
}

ul, li {
	margin: 0;
	padding: 0;
}	



/* Default link styles */

a {
	text-decoration: underline;
}

a:link {
	color: rgb(76,95,160);
	outline: none;
}

a:active {
	color: #b4bedc;
}

a:visited {
	color: #1a2167;
	outline: none;
}

a:hover {
	color: rgb(192,160,60);
}

a img, a img:visited {
	border: none;
	outline: none;
}

/* Text styles */

.mainheading { 
	font-weight: normal; 
	font-size: 1.5em; 
	line-height: 120%; 
	font-family: Futura, 'Josefin Sans', sans-serif;
	color: #1a2167;
}

.boldtitle { 
	font-weight: bold;
	color: #000000; 
	font-size: 1.2em; 
	line-height: 120%; 
	margin-top: 20px;
	margin-bottom: 4px;
	font-family: 'Montserrat', sans-serif;
}


.bodycopy { 
	text-decoration: none;
	border: none;
	font-weight: normal;
	color: rgb(41,46,62);
}

.bodycopy, .bodycopy a, .bodycopy a:visited, .bodycopy a:hover { 
	font-weight: normal; 
	font-size: 1em;
	line-height: inherit;
	font-family: 'Montserrat', sans-serif;}

.bodycopy p, .bodycopy li { 
	font-weight: normal;
	color: rgb(41,46,62); 
	font-size: 1em; 
	line-height: 150%;
	margin-bottom: 1em;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 1em;
}

.bodycopy a, .bodycopy a:visited { 
	text-decoration: none;
	border:  none;
	font-weight: normal;
	color: rgb(0,39,166);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(144,154,186); 
}

.bodycopy a:hover { 
	text-decoration: none;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(213,172,48);
	color: rgb(177,63,1);
	font-family: 'Montserrat', sans-serif;
}

h2 { 
	font-size: 1.5em; 
	line-height: 1.3em;
	font-weight: normal; 
	font-family: "Futura Medium", "Futura Md", "FuturaMedium", "Futura", "Futura Book", "FuturaBook", "Futura Bk", 'Josefin Sans', sans-serif;
	text-decoration: none;
	color: rgb(47,59,99); 

}


h2 a, h2 a:link  { 
    padding: 0;
	margin: 0;
	text-decoration: none;
	color: rgb(47,59,99)
}

h2 a:hover, h2 a:active  { 
	text-decoration: none;
	color: rgb(143,122,67);
}


h3 { 
	text-decoration: none;
	color: rgb(143,122,67); 
	font-size: 1.2em; 
	line-height: 120%;
	margin-top: .2em;
	margin-bottom: .5em; 
	font-family: 'Goudy Old Style', 'Sorts Mill Goudy', serif;
	font-variant: small-caps;
	font-weight: normal;

}


h3 a, h2 a:link  { 
    padding: 0;
	margin: 0;
	text-decoration: none;
	color: rgb(47,59,99)
}

h3 a:hover, h2 a:active  { 
	text-decoration: none;
	color: rgb(143,122,67);
}


h4 { 
	text-decoration: none;
	color: rgb(143,122,67); 
	font-size: 1.5em; 
	line-height: 120%;
	margin-top: .2em;
	margin-bottom: .2em; 
	font-family: 'Goudy Old Style', 'Sorts Mill Goudy', serif;
	font-weight: normal;
}


/* Main Layout Items */

div.pagecenter {
	position: absolute;
	width: 100%;
	height: auto;
	text-align: center;
}

div.container {
	position: relative;
	width: 800px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	text-align: left;
	background-color: #ffffff;
	border: white solid 1px;
}

div#headerpanel {
	width: 800px;
	height: 113px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	border: none;
	background-image: url(../images/main/homepage-header4.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: relative;
}


div#indexheaderlinks { 
	width: 800px;
	height: auto;
	background-color: rgb(47,59,99);
	text-decoration: none;
	font-weight: normal;
	color: rgb(255,255,255);
	padding: .5em 0em .5em 0em;
	margin: none;
	border-top: white solid 1px;
	text-align:center;
}

#indexheaderlinks, #indexheaderlinks p, #indexheaderlinks a, #indexheaderlinks a:link, #indexheaderlinks a:visited {
	font-family: 'Goudy Old Style', 'Sorts Mill Goudy', 'Times New Roman', serif;
	margin: 0;
	font-size: 1em;
	letter-spacing: .2em;
	word-spacing: 10px;
}

#indexheaderlinks a, #indexheaderlinks a:link, #indexheaderlinks a:visited {
	color: rgb(255,255,255); 
	text-decoration: none;
}

#indexheaderlinks a:hover, #indexheaderlinks a:active {
	text-decoration: none;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(213,172,48);
	color: rgb(255,255,176);
	background-color: rgb(26,33,103);
}


div#pagebody {
	width: 762px;
	height: auto;
	margin: 0;
	padding: 19px;
	background-color: rgb(255,255,255);
	border: none;
	position: relative;
}

div#topbanner {
	width: 762px;
	height: 220px;
	padding: none;

}

#topbanner img, #topbanner a, #topbanner a:link, #topbanner a:visited, #topbanner a:hover {
	margin: 0;
	padding: 0;

}

#topbanner a, #topbanner a:link, #topbanner a:visited {
	margin: 0;
	padding: 0;
	border: solid 1px rgb(143,122,67);
	display: block;

}

#topbanner a:hover {
	margin: 0;
	padding: 0;
	border: solid 1px rgb(192,160,60);
	display: block;

}

div#indexlayout {
	width: 100%;
	height: auto;
}

div#topblurb {
	width: 100%;
	margin: .8em 0 .8em 0;
	text-align: justify;
	}

#topblurb p {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	}
		
div#audioprodblock, div#refblock {
	width: 760px;
	height: auto;
	border: solid 1px rgb(143,122,67);
	display: block;
	margin-bottom: 19px;
	padding: 0;
	clear: both;	
}

div#audioprodsubhead, div#refsubhead {
	width: 740px;
	height: auto;
	display: block;
	background-color: rgb(240,235,219);
	background-image: url(../images/main/creamgradbg.jpg);
	background-position:top;
	background-position:left;
	background-repeat:repeat-y;
	padding: 10px;
	margin-bottom: 1em;
}

div#audioservblock, div#midiprodblock {
	width: 370px;
	height: 20em;
	border: solid 1px rgb(143,122,67);
	display: inline-block;
	padding: 0;
	margin-bottom: 19px;
}


div#audioservblock {
	float: left;
}

div#midiprodblock {
	float: right;
}

div#audioservsubhead, div#midiprodsubhead {
	width: 350px;
	height: auto;
	display: block;
	background-color: rgb(240,235,219);
	background-image: url(../images/main/creamgradbg.jpg);
	background-position:top;
	background-position:left;
	background-repeat:repeat-y;
	padding: 10px;
	margin-bottom: 1em;
}



div#audioprodcol1, div#audioprodcol2 {
	width: 340px;	
}

div#audioprodcol1, div#audioprodcol2, div#refcol1, div#refcol2 {
	height: auto;
	display: inline-block;
	border: none;
	margin: 0;
	margin: 10px;
	float: left;
	
}

div#audioprodcol2ab, div#audioprodcol2cd {
	height: auto;
	display: inline-block;
	border: none;
	margin: 0;
	float: left;
	
}

div#audioprodcol2ab, div#audioprodcol2cd{
	width: 340px;
	margin-bottom: .2em;
}

div#audioprodcol2a, div#audioprodcol2b, div#audioprodcol2c, div#audioprodcol2d {
	width: 150px;
	height: auto;
	display: inline-block;
	border: none;
	margin: 0;

}

div#audioprodcol2a, div#audioprodcol2c {
	float: left;
}

div#audioprodcol2b, div#audioprodcol2d {
	float: right;
}



div#audioservcol1, div#midiprodcol1 {
	width: 340px;
	height: auto;
	display: inline-block;
	border: none;
	margin: 0;
	margin: 10px;
	float: left;
	height: auto;

}

#audioprodcol1 ul, #audioprodcol2 ul, #audioprodcol3 ul, #audioservcol1 ul, #midiprodcol1 ul, #refcol1 ul, #refcol2 ul {
   list-style: none;
   margin-left: 0;
   padding-left: 1em;
   text-indent: -1em;
}

#audioprodcol1 ul, #audioprodcol1 li, #audioprodcol2 ul, #audioprodcol2 li, #audioprodcol3 ul, #audioprodcol3 li, #audioservcol1 ul, #audioservcol1 li, #midiprodcol1 ul, #midiprodcol1 li, #refcol1 ul, #refcol1 li, #refcol2 li {
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}

#audioprodcol1 li, #audioprodcol2 li, #audioprodcol3 li, #audioservcol1 li, #midiprodcol1 li, #refcol1 li, #refcol2 li {
	margin-bottom: .8em;
}

div#refcol1, div#refcol2 {
	width: 360px;	
	display: inline-block;
}

.clear {
	height: 0px;
	width: 100%;
	clear: both;
	display: block;
}


div#footer {
	width: 752px;
	padding: 5px;
	display: block;
	height: auto;
	margin: none;
	text-align: center;
	vertical-align: top;
	border: none;
	background-color: rgb(47,59,99);
}

div#footernav {
	width: 752px;
}

#footernav p {
	font-weight: normal;
	color: rgb(255,255,255); 
	font-size: .6em; 
	line-height: 120%; 
	margin: 1em 0em 1em 0em;
	font-family: 'Montserrat', sans-serif;
}

#footernav a, #footernav a:visited {
	text-decoration: underline;
	border: none;
	font-size: inherit;
	color: rgb(221,222,235); 
}

#footernav a:hover {
	text-decoration: underline;
	color: rgb(238,214,142); 
}

#copyright p {
	margin-top: 2em;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 10px;
	width: 742px;
	font-weight: normal;
	color: rgb(144,154,186); 
	font-size: .8em; 
	line-height: 120%; 
	font-family: 'Goudy Old Style', 'Sorts Mill Goudy', serif;
	font-style: italic;
}