p {
margin:0;
padding:0;
}
div#website {font-size:.8em!important;padding:15px 4px 0 15px;margin:0;float:right;
}
#website a{
text-decoration:none;
color:#000066;
}
#website a:hover{
color:#FFFFFF;
}
/*
.times {font:"Times New Roman", Times, serif; font-style:italic; font-size:1.1em;}
.close {color:#666666; font-size:.9em; padding-left: 200px;}	
h1 em {font-size:.6em; font-weight:normal;}
h1 em a { color:#666666;}
h1 em a:hover {color:#990000;}*/

table#cv_table {padding:0 0 0 4px;}

#enter {position:absolute; top:25px; text-align:center; width:100%;}
#enter a {text-decoration:none; color:#666666;font-size:1.5em;border:0;}
#enter a:hover {color:#990000;}
body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: .9em;
	color: #000000;	margin:0;
	padding: 0;background-color:#999999;
}
table#cv_table {font-size:1em;}
table#cv_table td {
	padding:0 0 8px 0;
	vertical-align: top;
}

h1 {font-size:1.3em;}
h2 {font-size:1.1em;
}

#page {background-color:white;margin:5px auto 0 auto;
	position: relative;
	width: 850px;}
	#page_anim {width:835px;margin:5px auto 0 auto;
	position: relative;background-color:white;height:700px;}

#wrapper {width: 850px;float:left;height:1000px;background-color:white;}
#wrapper_long {width: 850px;float:left;height:1400px;background-color:white;}
#container{
width:250px;
	height:600px;
	position:relative;
	float:left;
	padding:10px 5px 5px 10px;
	}


	
#container p, ul {font-size:.8em;}
#container_text{width: 750px;padding:15px 30px 15px 60px;background-color:white;white-space: pre-line;}
#container_text p{font-size: 1em;}
#container_drawing {width: 800px;padding-left:5px;}

	#container_cv {height:auto;
position:relative;
	padding:10px 5px 5px 10px;}
	#wrapper_cv {height:auto;width: 850px;float:left;background-color:white;}
	
#content_media2 {width:726px; float:right;margin-top:30px;
text-align:left;}
#content_media {width:526px; float:right;margin-top:30px;
text-align:left;}
#content {/*border: 1px solid #333333;*/width:526px; height:430px;float:right;margin-top:30px;margin-right:20px;
text-align:center; background-color:#E8E8E8;
  }
  
 
#content p.twins {font-size:.8em;margin-top: 250px;}
  
#content img {margin:auto; 
}
#left {padding-right:300px;padding-top:5px;}

#arrows {float:right; font-size:1.3em; font-weight:bold;background-color:#CCCCCC;border-left:2px solid #E8E8E8;border-right:2px solid #E8E8E8;border-bottom:2px solid #E8E8E8;height: 18px;
padding:0 6px 4px 6px;width:40px;margin-right:20px;}


#arrows a:link {color:#990000; text-decoration:none;}
#wrapper #arrows a:hover {color:#666666;}
#arrows a:visited {color:#990000;}

#descr {color:#333333;font-weight:bold;letter-spacing: normal;
	position:relative;
	font-variant: small-caps;padding:4px 0 2px 0 ;
	background-color:#FFFFFF!important; background-color:#E8E8E8!important;
}
#banner {
color: #00006E;
	background-color:white;
	float: left;
	padding:6px 0 3px 15px;
	width:835px;
	letter-spacing:.5em;font-size:1.2em;height:40px;
	}	
#banner	a:link {color:#00006E; text-decoration:none;}
#banner	a:visited {color:#00006E;text-decoration:none;}
.largecap {letter-spacing:0.2em;
	font-size:2.1em;
	font-weight:bold;
	vertical-align: middle;
		
}
/* Show only to IE PC \*/
* html .largecap/{padding-right: .3em;}/* For IE 5 PC */

#bannerimg {float:right;padding-right:40px;}

#topnav {
	height:60px;background-color:#999999;
	position:relative;
	float:left;
	width:860px;
	font-size:.9em;
	padding:5px 0 7px 5px;
}
#topnav a  {color:black;}
#topnav .heading {font-size:1.1em;line-height:1.2em; text-transform:uppercase;

}
.topnav {/* used for pure styles*/
	height:60px;
	background-color:#999999;
	color:#000000;

	
}
.topnav a  {color:black!important;
text-decoration:none;

}
.topnav a:hover {color:#990000;}
.topnav .heading {font-size:1.1em;line-height:1.2em; text-transform:uppercase;

}
.pure-menu-horizontal .pure-menu-item {
vertical-align:top!important;
}
.menu_wrap {
padding-top:0!important;
}

#topnav ul {font-size:.9em;margin:0;
padding: 0;
list-style:none;}
#topnav li {
width: 130px;	margin:0;float:left;	line-height:1.1em;
	padding:4px ;
	display: inline;
	}

#container li {

	padding:0;
	margin:0;
}

#page .current, .topnav .current{color:white!important;}
#container a{text-decoration:none;}
#sub_nav {
width: 248px;background-color:#CCCCCC;font-size:1em;color:#666666; line-height:1.1em; padding:5px;}
 li{
    list-style-type: none!important;
}
#sub_nav .subnav_current{color:white;font-weight:bold;font-size:1.2em;text-decoration:none;}
#left_align {text-align:left;padding: 0 20px;}

#container_cv a {color:#666666;}
#content a {color:#666666;}
#page a {text-decoration:none;}
#page a:hover {color:#990000;}
#container a {color:black;}

#descr a {color:#666666;}
#descr.up {padding-right:300px;position:absolute;}
#container_text a  {color:#666666;}
#preview {width: 240px;  margin: 20px 0 0 13px;float:left;} 


#preview p.preview_text a {
	width: 240px;
	height:40px;
	background-color:#990000;

	color:white;/* Hide from IE-Mac \*/
float:left; /* End hide */
	
/*	show only to IE-mac */
/*\*//*/
position: absolute;  
/**/
	padding-top:4px; font-size: .9em;
}

	#preview a:hover, #preview2 a:hover {background-color:#999999;}
	#preview2 {width: 240px; height:180px; margin: 20px 0 0 13px;float:left;} 
	#preview2 a {
	width: 439px;
	height:40px;
	
	background-color:#990000;
	color:white;/* Hide from IE-Mac \*/
float:left; /* End hide */
	
/*	show only to IE-mac */
/*\*//*/
position: absolute;  
/**/
	padding-top:4px; font-size: .9em;
}


.shop_title p{letter-spacing: .2em;
}
.shop_title a:link, .shop_title a:visited{
color:#000000;
text-decoration:none;
}
.shop_title a:hover{
color:#990000;
}

.hidden{
visibility:hidden;
height:0em;
}

#arrbk  {
	width: 24px; float:left;
}
#arrfor  {
	width: 10px; float:left;
}
audio { width: 100%;display:block; }

.caption{font-size:.7em; font-style:italic;
white-space: pre-line;
line-height:.5em;
padding:.2em;
}
.audio_style img {

width:90%;
padding: 2em 0 1em 0;

}
.add-top-large { margin-top: 40px !important; }
.add-top-larger { margin-top: 80px !important; }
	.add-top { margin-top: 20px !important; }
	.add-bottom { padding-bottom: 10px !important; 
	 padding-top: 10px !important;}
	.add-bottom-large { margin-bottom: 40px !important; }
	.add-bottom-small {padding-bottom: 5px !important; 
	
	}
	.add-pad-bottom-large { padding-bottom: 40px !important; }
	.add-padtop { padding-top: 10px !important; }
		.add-padtop_sml { padding-top: 3px !important; }
	.small{
	font-size:.8em;
	}
.intro_text p, .product_text p, .intro_text_pure p{
white-space: pre-line;
}

 .product_text{
 width:540px;
background-color:#FFFFFF!important;
white-space: pre-line;
text-align:left;
float:right;
padding-right:10px;	

}
.padrtleft{
padding: 0 2em 0 2em;
}
.padrtleftsm{
padding: 0 1em 0 1em;
}
.margtop{
margin-top:5px;
}
a:visited{color: #ffffff;
}

input[type=text], textarea {
    background-color: #ebd3d3;

}
.textcentre{
text-align:center;

}
 .center img{
    display: block;
    margin: 0 auto;
}
.fix_letters{
letter-spacing: normal;}

.subnav_sections ul{
margin:0;
padding:.5em 0 .5em .2em;



}
.subnav_sections ul li{
padding-left:.2em;



}
.subnav_sections ul a{
text-decoration:none;
text-transform:uppercase;
color:#000000;
}
.subnav_sections ul a:hover{
color:#fff;
}
.subnav_sections ul a.current{

font-weight:bold;
text-transform:uppercase;
}
h5 {
padding:1.5em 0 0 0;
margin:0;
font-size: .8em;
font-weight:bold;
}

.video-wrapper {	padding-left:10px;
	width: 700px;
	max-width: 95%;
	 display: block;
    margin-left: auto;
    margin-right: auto;

	
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;

	height: 0;
	/*overflow: hidden; this was originally in the style but stops it showing on gallery page*/
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}