@font-face {
  font-family: 'Forgotten Futurist';
  font-weight: bold;
  src: url('forgottb.ttf') format('truetype');
}



BODY
{
font-family: Arial, Helvetica, sans-serif;
color:#000000;
background: #FFFFFF;
}

P, BLOCKQUOTE
{
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
}

A:link
{
font-weight:bold;
color:#003366;
text-decoration: none;
}

A:visited	
{
font-weight:bold;
color:#003366;
text-decoration: none;
}
	
A:hover
{
color:#FF9900;
text-decoration: underline;
}

UL, OL
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left:30px;
padding-right:30px;
margin-top:10px;
list-style-image: url(../images/moon.gif); list-style-position: outside;
}

DT,DD
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}	



H1
{
color:#FFFFFF;
background:#2CA9DC;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 16px;
border: 1px solid;
padding:6px;
border-color: black black #000000; 
}
H1 img{
float:right;
padding-right:10px;
}

H2
{
color:#000000;
background:#F7AD3C;
text-align:center;
font-family:  Arial, Helvetica, sans-serif;
font-size: 16px;
border:solid 1px;
border-color:#FF9900;
padding:3px;

}

H3
{
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border:solid 1px #2CA9DC;
padding:2px;
}
img
{
border: none;
}

.referenceHeader
{
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 20px;
border:dotted 1px;
padding:2px;
}

.referencePara
{
text-align:center;
}

.firstparagraphReference
{
font-size:12px;
margin: 0px;
text-indent:0px;
font-style: italic;
}
.hrnormal
{
width:75%;
margin-top:20px;
text-align:center;
}

.hrsmall
{
width:100%;
margin:10px 0px;
text-align:center;
}

.question
{
font-weight:bold;
font-style:italic;
}

DIV.homecontent {
	position:relative;
	left:195px;
	top:40px;
	width:700px;
}

DIV.homecontent2 {
	
	width:320px;
    margin:5px;
    padding:10px;
	/*background:  #ffffff url(../images/white-moon.gif) no-repeat bottom right;*/
	border: 1px #19A9DD solid;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-webkit-box-shadow: 0px 0px 20px #19A9DD;  
	box-shadow:0px     /*{a-body-shadow-x}*/    0px    /*{a-body-shadow-y}*/     10px    /*{a-body-shadow-radius}*/     #19A9DD /*{a-body-shadow-color}*/;
	
	background-repeat:no-repeat;
	height: 290px;
	
}
.homecontent img{border:0;}

DIV.content {
	position:absolute;
	left:167px;
	padding:10px;
	top:205px;
	width:720px;
	min-height:300px;
}

.content2
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
}
.contentbold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
.contentitalic
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:italic;
}
.firstparagraph
{
font-size:12px;
margin: 0px; text-indent:0px;
}

.nextparagraph
{
font-size:12px;
margin:0px;
}

.margined
{
margin-top: 80px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}

.indented
{
padding-left:10%;
}

.socialmedia{
margin: 40% 0 5%  0;
}
.footer
{display:block;
margin: 20px 200px 20px 200px;

font-size:10px;
clear:both;
}

.footer P
{
border:dotted 1px #2CA9DC;
padding:10px;
text-align:center;
font-size:10px;
}



DIV.header {
	position:absolute;display:block;
	left:167px;
	top:0px;
	width:100%;
	height:204px;
    color: #000;
    font-family:Arial, Helvetica, "Sans Serif";
    font-weight:bold;
    font-size:28px;
    border:1px #000 solid;
   
	color:    #fff    /*{a-body-color}*/;
	text-shadow:    0px     /*{a-body-shadow-x}*/    0px    /*{a-body-shadow-y}*/     0px    /*{a-body-shadow-radius}*/      /*{a-body-shadow-color}*/;
	background:  #37A9DC  /*{a-body-background-color}*/;
	background:-webkit-linear-gradient(top right, #FFFFFF, #37A9DC);
	background-image: -webkit-linear-gradient( to right, #37A9DC  /*{a-body-background-start}*/,  #FFFFFF  /*{a-body-background-end}*/); /* Chrome 10 , Saf5.1  */
	background-image:    -moz-linear-gradient( to right, #37A9DC /*{a-body-background-start}*/,  #FFFFFF  /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( to right, #37A9DC  /*{a-body-background-start}*/,  #FFFFFF  /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( to right, #37A9DC  /*{a-body-background-start}*/,  #FFFFFF  /*{a-body-background-end}*/); /* Opera 11.10  */
	background-image:         linear-gradient(to right, #37A9DC  /*{a-body-background-start}*/,  #FFFFFF  /*{a-body-background-end}*/);

}
#headertitle{position:absolute;
text-transform:uppercase;/* capitalize or lowercase*/
 margin-top:66px;
 margin-left:-1px;
 font-size:28px;
 border:1px #000 solid;
 left:0px;
 width:730px;
 height:50px;
 text-shadow:    2px     /*{a-body-shadow-x}*/    2px    /*{a-body-shadow-y}*/    2px    /*{a-body-shadow-radius}*/  #000    /*{a-body-shadow-color}*/;
 text-indent:15px;
 line-height:50px;
 letter-spacing:1px;
 background-color:#F7AE3E;
}


DIV.topstrip {
  display:none;
	position:absolute;
	left:167px;
	top:167px;
	width:100%;
	height:40px;
}

DIV.nav {
	position:absolute;
	margin-left:0px;
	left:0px;
	margin-top:198px;
	width:198px;
}


.button a{
	font-family:Arial, Helvetica, "Sans Serif";
    font-size:14px;
    border:1px #000 solid;
    height:30px;
    line-height:30px;
    text-indent:15px;
     margin-top:-1px;
    color: #000;
    text-decoration:none;
    display:block; width:165px
}
.button a:link, .button a:visited, .button a:active{
    color:#000;
	background-color:#F7AD3C;
}

.button a:hover{
    color:#fff;
	background:  #37A9DC  /*{a-body-background-color}*/;
	-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));
	background:-webkit-linear-gradient(top right, , #FFFFFF, #37A9DC);
	background: -webkit-linear-gradient( to right, #37A9DC  /*{a-body-background-start}*/,  #FFFFFF  /*{a-body-background-end}*/); /* Chrome 10 , Saf5.1  */
	background:    -moz-linear-gradient( to right, #37A9DC /*{a-body-background-start}*/,  #FFFFFF  /*{a-body-background-end}*/); /* FF3.6 */
	background:     -ms-linear-gradient( to right, #37A9DC  /*{a-body-background-start}*/,  #FFFFFF  /*{a-body-background-end}*/); /* IE10 */
	background:      -o-linear-gradient( to right, #37A9DC  /*{a-body-background-start}*/,  #FFFFFF  /*{a-body-background-end}*/); /* Opera 11.10  */
	background:         linear-gradient(to right, #37A9DC  /*{a-body-background-start}*/,  #FFFFFF  /*{a-body-background-end}*/);

}

DIV.logo { z-index: 1110;
	position:absolute;
	left:0px;
	top:0px;
	width:165px;
	height:208px;
}
#new {
    display:block;
	width:270px;
    height:290px;
	background-image: url(../images/h_newpanel_bg2.gif);
	background-repeat: no-repeat;

}
#creator{

width:270px;
height:290px;
}
DIV.cart {
	position:absolute;
	left:528px;
	top:15px;
	width:200px;
	height:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#prodnav li
{
list-style: none;
display: inline;
}

#prodnav li a, a.navbutton, .navbuttonsel
{
color: #000000;
border: solid 1px #000000;
padding: 6px;
padding-bottom: 4px;
text-decoration: none;
background-color: #FF9900;
display: inline;
width: 120px;
margin-top: -1px;
font-size: 12px;
}


#prodnav li a:hover, a.navbutton:hover
{
color: #FFFFFF;
background-color: #2CA9DC;
}

.navbuttonsel
{
background-color: #FFFFFF;
}

.botstrip {
display:none;
margin-left:-8px;
	width:105%;
	height:40px;
}


.imageright {
	margin:0px 0px 10px 15px;
	float: right;
	padding: 0px;
	text-align: right;
	font-size: 9pt;
	font-style: italic;
	color: #2CA9DC;
	width: 120px;
	border: 2px double #2CA9DC;
}



.imageleft {
	margin: 0px 15px 10px 0px;
	padding: 0px;
	float: left;
	text-align: left;
	font-size: 9pt;
	font-style: italic;
	color: #2CA9DC;
	width: 120px;	
	border: 2px double #2CA9DC;
	
}

.imagerightborder {
	margin:0px 0px 10px 15px;
	float: right;
	padding: 0px;
	font-size: 9pt;
	font-style: italic;
	color: #2CA9DC;
	border: 2px double #2CA9DC;
}

.imageleftborder {
	margin: 0px 15px 10px 0px;
	padding: 0px;
	float: left;
	font-size: 9pt;
	font-style: italic;
	color: #2CA9DC;	
	border: 2px double #2CA9DC;
	
}

.centreimagewithcaption {
	text-align: center;
	font-size: 9pt;
	font-style: italic;
	color: #2CA9DC;
	margin-left: auto;
	margin-right: auto;
}

.centreimagewithcaptionborder {
	text-align: center;
	font-size: 9pt;
	font-style: italic;
	color: #2CA9DC;
	border: 2px double #2CA9DC;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
}

tr {
	padding: 0px;
	}


ol.noclass{
list-style-type:decimal;list-style-image:none;
}
.product_details{
    background-image: url(../images/shadedbox2.jpg);
	background-repeat:no-repeat;
	width:380px;
	height:auto;
	min-height:380px;
	padding-left:5px;padding-right:5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
}


.product_details p, .product_details2 p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
}
.product_details img{
float:left;padding-top:2px;padding-right:5px;padding-bottom:5px;
border:0;
}


		#slideshow { 
		    margin: 5px auto 30px auto;
		    position: relative; 
		    width: 700px; 
		    background:url(../images/white.png);		    
		    height: 270px;
			
		    -webkit-border-radius: 10px;
		    border-radius: 10px; 
		    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);  
		    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
		    display:block;
		}
		
		#slideshow > div { 
		    position: absolute; 
		    padding: 2px 10px;
		    width:680px;
		    height:250px;
		     opacity:1;
		}

.slidetext{text-align:center;
font-family:'Forgotten Futurist', Arial, sans serif;
	font-size:18px;

}
.titleslideB { height:30px;display:block;padding:5px 2px;
text-align:center;
font-family:'Forgotten Futurist', Arial, sans serif;
	font-size:30px;
	font-weight:bold;
	color:#37A9DC;
}
.titleslideO{height:30px;display:block;padding:5px 2px;
font-family:'Forgotten Futurist', Arial, sans serif;
text-align:center;
	font-size:30px;
	font-weight:bold;
	color:#F7AE3E;
}