@font-face { 
  font-family: Jenna Sue; 
    src: url('../fonts/JennaSue-webfont.eot'); 
    src: local("Jenna Sue"), url('../fonts/JennaSue-webfont.ttf'); 
} 

@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
} 

html { 
  height: 100%;}

* { 
  margin: 0; 
  padding: 0;}

article, aside, figure, footer, header, hgroup, nav, section,left,right,centre,heading,headingr{ 
  display:block;}

body { 
  font: normal .80em calibri, sans-serif;}

p { 
  padding: 0 5px 5px 5px;
  font: 130% 'News Cycle', arial, sans-serif;}

img { 
  border: 0;}

h1, h2, h3, h4, h5, h6 { 
  font: normal 350% 'Jenna Sue', arial, sans-serif;
  margin: 0 0 5px 0;
  padding: 0;}

h2 { 
  font: normal 170% 'Jenna Sue', arial, sans-serif;
  margin: 0;
  padding: 0 0 8px 0;}

h3 { 
  font: normal 150% arial, sans-serif;}

h4, h5, h6 { 
  margin: 0;
  padding: 0 0 5px 0;
  font: normal 110% arial, sans-serif;
  line-height: 1.5em;}

h5, h6 { 
  font: italic 95% arial, sans-serif;
  padding-bottom: 15px;}

a, a:hover { 
  outline: none;
  text-decoration: none;}

a:hover { 
  text-decoration: none;}

ul { 
  margin: 2px 0 22px 17px;}

ul li { 
  list-style-type: circle;
  margin: 0 0 0 0; 
  padding: 0 0 4px 5px;}

ol { 
  margin: 8px 0 22px 20px;}

ol li { 
  margin: 0 0 11px 0;}

#main, #header,#menubar, #site_content, #footer{ 
  margin-left: auto; 
  margin-right: auto;}

#main { 
  width: 950px;
  margin: 20px auto;}

header { 
  width: 950px;
  height: 60px;
  padding: 20px 0 0 0px;
  margin:0px 0 15px 0px;
}

header ul li img{
height:70px;
width:300px;
padding: 0px 0 0 10px;
margin:-10px 60px 0px 0px;
}

header ul{
}


heading {
  height:50px;
  width : 200px;
  margin:0px 0 10px -20px;
  border-radius: 1px 10px 10px 1px;
  -moz-border-radius: 15px 15px 7px 15px;
  -webkit-border: 15px 15px 15px 15px;
  padding: 0 10px 0 10px;	
  font: 200% 'News Cycle', arial, sans-serif;
  text-align: center;  
}

headingr {
  height:50px;
  width : 200px;
  margin:0px 0 10px -11px;
  border-radius: 1px 10px 10px 1px;
  -moz-border-radius: 15px 15px 7px 15px;
  -webkit-border: 15px 15px 15px 15px;
  padding: 0 10px 0 10px;	
  font: 200% 'News Cycle', arial, sans-serif;
  text-align: center;  
}

a.see {
  Position: relative;
  top :  0px;
  left : 840px;
  font: 150% 'News Cycle', arial, sans-serif;
  text-align: center;  
}


#site_content{ 
  width: 950px;
  overflow: hidden;
  margin: 10px auto 0 auto;}



centre{ 
  float: left;
  text-align: justify;
  width: 930px;
  height: auto;
  padding: 10px 10px 10px 10px;
  margin: 0 0 15px 0;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
  }

left{ 
  float: left;
  text-align: justify;
  width: 450px;
  height: auto;
  padding: 10px 10px 10px 10px;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
  }


left ul { 
  margin: 2px 0 22px 0px;}

left ul li { 
  list-style-type: none;
  margin: 0 0 0 0; 
  padding: 2px 0 2px 28px;
  line-height: 1.5em;}

right{ 
  float: right;
  text-align: justify;
  width: 450px; 
  height: auto;
  padding: 10px 10px 10px 10px ;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
}
footer { 
  height: 54px;
  width: 930px;
  float: right;
  margin: 10px auto 10px auto;
  padding: 0px 20px 0 0;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
  font: 160% 'News Cycle', arial, sans-serif;
  text-align: right;}

footer p { 
  padding: 0 0 5px 0;
  font :80% 'News Cycle', arial, sans-serif 
  }

footer a, footer a:hover {
  text-decoration: none;}

/* form styling */
.form_settings { 
  margin: 0;}

.form_settings p { 
  padding: 0 0 10px 0;}

.form_settings span { 
  padding: 5px 0; 
  float: left; 
  width: 170px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea { 
  padding: 4px; 
  width: 252px; 
  font: 100% 'trebuchet ms', arial, sans-serif;
  border: 0;
  border-bottom: 1px solid; 
  background: transparent;}
  
.form_settings .submit { 
  font: 220% 'Jenna Sue', arial, sans-serif; 
  border: 0; 
  width: 100px; 
  margin: 0 0 0 162px; 
  height: 40px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;}

.form_settings textarea, .form_settings select { 
  font: 100% 'trebuchet ms', arial, sans-serif; 
  border: 1px solid; 
  border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  width: 250px;
  height:105px;
  overflow: hidden;}

.form_settings select { 
  width: 304px;}


#flip3D{ 
	width:210px;
 	height:200px;
	padding:10px 10px 10px 10px;
	float:left;
}

#flip3D .block{
	position:absolute;
	background:#FFFFFF; width:210px; height:200px;
        border: 2px solid #000;
        border-radius: 7px 7px 7px 7px;
       -moz-border-radius: 7px 7px 7px 7px;
       -webkit-border: 7px 7px 7px 7px;
}

#flip3D .front{
	position:absolute;
	-moz-transform: perspective( 600px ) rotateY( 0deg );
	-webkit-transform: perspective( 600px ) rotateY( 0deg );
	transform: perspective( 600px ) rotateY( 0deg );
	background:#FFFFFF; width:210px; height:200px;
                 -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -moz-transform .5s linear 0s;
	transition: -webkit-transform .5s linear 0s;
	transition: transform .5s linear 0s;
        border: 2px solid #000;
        border-radius: 7px 7px 7px 7px;
       -moz-border-radius: 7px 7px 7px 7px;
       -webkit-border: 7px 7px 7px 7px;
}

#flip3D .front img{ 
	width:190px;
 	height:180px;
	margin:10px 10px 10px 10px;
        }


#flip3D .block img{ 
	width:190px;
 	height:180px;
	margin:10px 10px 10px 10px;
        }


#flip3D .back{
	position:absolute;
	-moz-transform: perspective( 600px ) rotateY( 180deg );
	-webkit-transform: perspective( 600px ) rotateY( 180deg );
	transform: perspective( 600px ) rotateY( 180deg );
	background: #FFF;
	width:210px;
	height:200px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -moz-transform .5s linear 0s;
	transition: -webkit-transform .5s linear 0s;
	transition: transform .5s linear 0s;
        border: 2px solid #0ABFFA;
        border-radius: 7px 7px 7px 7px;
       -moz-border-radius: 7px 7px 7px 7px;
       -webkit-border: 7px 7px 7px 7px;	
}

#flip3D .desc{
  margin:15px 10px 15px 10px;
  font: 110% 'News Cycle', arial, sans-serif;
  text-decoration: none;
  font-weight: bold;
}

#dheading{  
  font: 130% 'News Cycle', arial, sans-serif;
  text-align : center;
  color: #ED3237;
}


#flip3D:hover  .front{
	-moz-transform: perspective( 600px ) rotateY( -180deg );
	-webkit-transform: perspective( 600px ) rotateY( -180deg );
	transform: perspective( 600px ) rotateY( -180deg );
}

#flip3D:hover  .back{

	-moz-transform: perspective( 600px ) rotateY( 0deg );
	-webkit-transform: perspective( 600px ) rotateY( 0deg );
	transform: perspective( 600px ) rotateY( 0deg );
}

.slot_container
{
	height:400px;
	width:950px;
}

#slot1,#slot2,#slot3,#slot4,#slot5,#slot6,#slot7,#slot8,#slot9,#slot10,#slot11,#slot12,#slot13,#slot14,#slot15,#slot16
{
	height: 210px;
	width: 210px;
	float:left;
	cursor:pointer;
	background-repeat:no-repeat;
	background-size: 100% 100%;
	margin: 10px 5px 10px 10px;

}

#zoom
{
	height:20px;
	width:20px;
	margin:120px 0 10px 170px;
	cursor:pointer;
	background-size: 100% 100%;
	background-image:url("../images/z1.png");
}