@font-face {
    font-family: Poiret_One;
    src: url(fonts/Poiret_One.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Konkord-Retro;
    src: url(fonts/Konkord-Retro.ttf);
    font-weight: normal;
    font-style: normal;
}
*{
margin:0;
	padding:0;
	
}
html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	
	}
body {	
	color: #000000;
	font-family: Poiret_One;
	font-size: 18px;
	min-width:1010px;
	position:relative;
	background:#222222;
}
h1{
	font-size: 50px;
	color:#000000;
	font-family: Konkord-Retro, sans-serif;
}

h4{
	font-size: 44px;
	color:#000000;
	font-family: Konkord-Retro, sans-serif;
}
h3{
	font-size: 36px;
	color:#000000;
	font-family: Konkord-Retro, sans-serif;
}
h2{	
	font-size: 28px;
	color:#000000;
	font-family: Poiret_One, sans-serif;
}
p{
	font-family: Calibri, sans-serif;
	font-size: 1.2em;
	
}
img{
	margin: 0;
}
a img {
border-width: 0;
}	
.border {
	border: 1px solid #000000;
	border-radius: 0x;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
   	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
   	box-shadow: 2px 2px 5px rgba(0,0,0,.5);
}
.light:hover {
	border: 1px solid #eee;
	-webkit-box-shadow: 0px 0px 2px rgba(78,194,248,1);
   	-moz-box-shadow: 0px 0px 2px rgba(78,194,248,1);
   	box-shadow: 0px 0px 2px rgba(78,194,248,1);
}
#page-wrapper{
		
	  /* CSS3 */	
	min-height:100%;
	margin-bottom:-50px;
	background:#ffffff;
	width: 96%;
	padding: 0px 0%;
	margin: 0 2%;
}
#push {
	height: 50px;
	background:transparent;
	width: 100%;
	clear:both;
	position: relative;
	margin-bottom:-50px;
} 
	
#footer {
	position:relative;
	height: 30px;
	padding: 10px 0;
	margin-top:0px;
	width: 96%;
	margin:0 2%;
	background-color: #000000;
	clear:both;
	position: relative;
	border-top: 0px solid #222;
	font-size:14px;
	color:#666666;
	
}
a { color : #125ec5; text-decoration: underline;  }
a:link { color : #125ec5; text-decoration: underline;}
a:visited {color : #222222; } 
a:hover { color : orange; text-decoration: none;}
a:active { color : orange; text-decoration: none;}

.content{
	width:100%;
	margin: 0 0%;
	padding:0 0%;
	background: #ffffff;
}
.blue {
text-shadow: 0 -1px 3px #202020;
	background: #125ec5;
	background: -moz-linear-gradient(top, #4872ac, #2e60a3 49%, #18519f 51%, #163258); /* Firefox 3.6+ */
    background: -webkit-linear-gradient(top, #4872ac, #2e60a3 49%, #18519f 51%, #163258);
    background: -o-linear-gradient(top, #4872ac, #2e60a3 49%, #18519f 51%, #163258); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4872ac, #2e60a3 49%, #18519f 51%, #163258); /* IE10 */
    background: linear-gradient(top, rgba(17,17,17,.5), rgba(17,17,17,.7)); /* CSS3 */ 
    -moz-box-shadow: 0 1px 3px #121212, inset 0 1px 3px #125ec5;
 -webkit-box-shadow: 0 1px 3px #121212, inset 0 1px 3px #125ec5;
 box-shadow: 0 1px 3px #121212, inset 0 1px 3px #125ec5;
}
#nav {
	width: 100%;
	height: 50px;
	list-style-type:none;
	padding: 20px 0;
	margin: 0px 0%;
	font-family: Poiret_One, Calibri, sans-serif;
	font-size:24px;
	font-weight: bold;
	color: #ffffff;
    -moz-box-shadow: 0 1px 3px #121212, inset 0 0px 0px #bbb;
	-webkit-box-shadow: 0 1px 3px #121212, inset 0 0px 0px #bbb;
	box-shadow: 0 1px 3px #121212, inset 0 0px 0px #bbb;
	display: inline-block;
	background:#000000;
	text-align: center;
	text-shadow: 0px 0px 0px #666;
	z-index:2;
}
#nav li { 
	width: 120px;
	display: inline-block; 
	text-align: center;
	margin:0;
	border-right: 1px solid #777;
	list-style: none;	
	position: relative;
}
#nav  :last-child {
border-right: none;
}
#nav li a { 
	color : #ffffff; 
	text-decoration: none; 
	display: block;	
}
#nav li a:link { 
color : #ffffff;
text-decoration: none;
}
#nav li a:visited {
	color : #eeeeee;
 } 
#nav li a:hover { 
	color : #666666; 
	text-decoration: none;	
}
#nav li a:active { 
	color : orange;
}

#navfooter {
	width: 100%;
	height: 20px;
	list-style-type:none;
	padding:0;
	margin: 0px 0%;
	font-family: Poiret_One, Calibri, sans-serif;
	font-size:16px;
	color: #eeeeee;
    display: inline-block;
	text-align: center;
	text-shadow: 2px 2px 5px #666;
	float:left;
	
}
#navfooter li { 
	width: 80px;
	display: inline-block; 
	text-align: center;
	margin:0;
	position: relative;
}
#navfooter li a { 
	color : #eeeeee; 
	text-decoration: underline; 
	display: block;	
}
#navfooter li a:link { 
color : #eeeeee;
text-decoration: underline;
}
#navfooter li a:visited {
	color : #999999;
 } 
#navfooter li a:hover { 
	color : orange; 
	text-decoration: none;	
}
#navfooter li a:active { 
	color : orange;
} 


p.indentation {
text-indent: 50px;
font-family: Poiret_One;
}

hr {
	clear:both;
	background: #000000; 
	height:1px; 
	width:100%;
}

.dolls {
width:33%;

margin:20px 0;
padding: 10px 0;
display: inline-block;
text-align: center;
float:left;
}

/*set a border on the images to prevent shifting*/
 #gal1 img{border:1px solid #222;}
 #gal2 img{border:1px solid #222;}
 #gal3 img{border:1px solid #222;}
 #gal4 img{border:1px solid #222;}
 #gal5 img{border:1px solid #222;}
 #gal6 img{border:1px solid #222;}
 
 /*Change the colour*/
 .active img{border:1px solid #000 !important;}
 


label {
  display: block;
  width: 150px;
  line-height: 20px;
  margin-bottom: 10px;
  margin: 5px 0;
 }
  
input, textarea, select {
outline: none;
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #000;
  background-color: rgba(17, 17, 17, 0.7);
  border: 1px solid #ccc;
  margin: 5px 0;
 
} 

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #bbb; 
  border-radius:2px;
}

input.button {
color:#eeeeee;
  cursor: pointer;
  border: none;
  font-weight: bold;
  width: 120px;
  height: 28px;
  margin-left: 150px;
  border-radius:10px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}

.slide {
	width:96%;
	min-height: 340px;
	margin:0 0%;
	position:absolute;
	top:-250px;
	transition: all 1s ease-in-out;
	z-index:1;
	background:#111111;
	color:#eeeeee;
}
.slide:hover{
	top:90px;
	z-index:3;
}

.imageonslide {
	float:left; 
	width: 15.5%; 
	margin: 5px 0.5%;
}
.bw{
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
          box-sizing: border-box;

	-webkit-filter: grayscale(100%);
}

.bw:hover {
  -webkit-filter: grayscale(0%);
}