@font-face {
    font-family: bellmt;
    src: url(bell-mt-bold.ttf);
}

@font-face {
    font-family: snapitc;
    src: url(snap-itc.ttf);
}



body {
	margin:0px;
	padding:1%;
	text-align:center;
	color: #fff;
	vertical-align:top;
	min-height:100%;
	font-size:medium;
	background-color:#241911;
	font-family:"Times New Roman", Times, serif;
	font-size:110%;
	background:url(artwork/IMG_bg.JPG) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;;
		
	
}

.nicelists {display:inline-block; width:250px; vertical-align:top; }


table {font-family:"Times New Roman", Times, serif; text-align:left; width:100%;}
.gb{background-color:#003300; padding:1px;}
form  {color: #FFffff;}
form  input{color: #000000;}
table th {color: #FFffff;}


a {color:#FFFFFF;min-height:100%;}

.heading {min-height:100px; margin:0px; padding:0px;


	}

.heading h1{ text-transform:uppercase;  text-align:center; font-size:250%; color: #FFFF99; margin: 0px ; ; padding:10px; font-weight:bold; line-height:90%; font-family:bellmt,"Times New Roman", Times, serif;

/* text-shadow: 2px 1px 2px #FFFF99, -2px 1px 2px #FFFF99 , -2px -1px 2px #FFFF99, 2px -1px 2px #FFFF99;  */


vertical-align:top;}

.heading h2{text-align:center; font-size:125%; color:#FFFF99; margin: 0px; padding:0px; vertical-align:top; font-weight:bold;line-height:90%;  font-family:bellmt,"Times New Roman", Times, serif;}

.rocks {display:inline-block; margin:15px; padding: 5px; vertical-align:top;  text-align:left; border:medium solid #FF6633; border-radius:10px; min-width:325px;}

.frocks {display:inline-block; margin:15px; padding: 5px; vertical-align:top;  text-align:center;  border-radius:10px; min-width:325px;border: solid #83F52C;
	
	background-color:rgba(0,30,0,0.6);}

h3 {margin:0px; padding:0px;}


.compare {height:500px; text-align:left; width:500px;margin:0px auto; padding:0px; background-repeat:no-repeat; overflow:hidden; border:10px solid #A65300;; border-radius:50%; }

.compare img{
	margin:0px;
	padding:0px;
	border:3px solid #A65300;
	display:block;
	position:relative;
	
}

.compare img:nth-of-type(1) {
	right:125px;
	top:250px;
	
	
	
	
}
	
.compare img:nth-of-type(2){
	left:250px;
	top:-130px;
	
	
}
.picker {width:10%; display:inline-block;min-width:95px;}
.frocks2 img {width:100%; margin-top:0;border-radius:10%;position:relative;}



#fieldplot {margin:0px auto; height:600px; width:600px; background-color:#006600; border-radius:325px;padding:15px; border:thick solid #000; 
background-image:url(artwork/field.jpg);
background-size: 100%;
	
	}
	
	#fieldplot2 {margin:0px auto; height:700px; width:700px; background-color:#006600; border-radius:375px;padding:15px; border:thick solid #000; 
background-image:url(artwork/field.jpg);
background-size: 100%;
	
	}

#fcomments2 {margin:0px auto; background-color:#006600; border-radius:25px; padding:25px; border:thick solid #000; text-align:left; 
}

.gbutton {margin-top:10px; padding:10px; background-color:#006600; color:#FFFFFF; font-weight:bold; font-size:100%; border-radius:25px;border:medium solid #003300; width:165px; }
.gbutton2 {margin-top:10px; padding:10px; background-color:#006600; color:#FFFFFF; font-weight:bold; font-size:100%; border-radius:25px;border:medium solid #003300; width:90px; }
.gbutton3 {margin-top:10px; padding:10px; background-color:#006600; color:#FFFFFF; font-weight:bold; font-size:100%; border-radius:25px;border:medium solid #003300; width:210px; }

.gbutton4 {margin-top:10px; padding:10px; background-color:#006600; color:#FFFFFF; font-weight:bold; font-size:100%; border-radius:25px;border:medium solid #003300; width:310px; }



#navigation {

font-size:200%;
font-weight:900;
	color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	color:  #00f; margin: 0 ; padding:0px; 
text-shadow: 1px 1px 2px #fff; 
clear:both; 
}
#navigation ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 7px 0 7px 0;
	display: inline;
	
}
#navigation ul li {
	display: inline-block;
	position: relative;
	padding: 5px 5px;
	cursor: pointer;
	
	
  
}

#navigation ul li a {
	color: #FFFF99;
	font-weight:900;
	text-decoration: none;
	padding:3px 7px;	
}
#navigation ul li a:hover {
text-decoration:underline;
color: #FF6633;
}

#navigation ul li ul {
  padding: 0;
  position: absolute;
  top: 50px;
  left: 0;
  width: auto;
  display: none;
  opacity: 0;
  visibility: hidden;
  text-align:left;
  
 
}

#navigation ul li ul li { 
 
  display: block; 
  color: #0f0; 
  font-size:100%;
 
  
}
#navigation ul li ul li:hover {  }
#navigation ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 100; 
 
 }
 
 
#page { max-width:900px; color: #FFFF99
; padding:2% ; margin:5px auto; clear:both;
background-color:rgba(90,0,90,0.7);
border-radius:50px;
 -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
} 

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#page h1{
	text-align:center;
	font-size:300%;
color: ;  	text-shadow: 1px 1px 2px #fff;
	display:inline;
	vertical-align:top;
	text-transform:uppercase;
	margin: 25px 0px 20px;
	color: #FF6633;
}

#page p {max-width:650px;text-align:left; font-size:130%;  }

#page ul li {max-width:650px;text-align:left; font-size:130%; }

.imgbar {
	clear:both;padding-top:15px;
	
}

.imgbar img {width:23%; margin-top:0;border-radius:10%;position:relative;transition: 1s ease; }
.imgbar img:hover {-webkit-transform: scale(2.5);
-ms-transform: scale(2.5);
transform: scale(2.5);
transition: 1s ease; z-index:10;
 }


p {text-indent:5%;}

form {display:inline-block; margin:0px auto;}
fieldset {border-radius:10px;
border: solid #83F52C;
	padding-left:10px;
	background-color:rgba(0,40,0,0.6);
}
fieldset label{text-align:center;}
fieldset input{text-align:left;}
fieldset legend {font-weight:bold; font-size:110%; color:#FFFFFF;}


#right {float:right; background-color:#006666; 
 
width: 50%;
width: calc(100% - 300px);
text-align:left;
overflow:scroll; }

#right1 {float:right; background-color:#006666; 
width: 50%;
width: calc(100% - 555px);
text-align:left;
overflow:scroll; }

#right2 {float:right; background-color:#006666; 
padding: 10px; 
margin: 0px 15px; 
width: 50%;
width: calc(100% - 505px);
text-align:left;
 }
#right3 {float:left;
width: 50%;
width: calc(100% - 555px);
text-align:left;
}
 
#right3 table {vertical-align:top; display:inline-table; padding:0px; margin:0px;} 
 
 
.notes{ max-width:800px; margin:0px auto; text-align:center; background-color:#88665C; padding:25px; border:thick solid white; border-radius:25px;}
.arw {border-bottom: thin dotted white; height:25px; overflow:visible; white-space:nowrap;}
input[type="text"]:disabled{background-color:#C4D79B;}
input[readonly], textarea[readonly]{background-color:#C4D79B;}
input[type="submit"]{cursor:pointer;}
#address_head { display:none;}
#review_form {margin:0px auto; max-width:800px;}
#review_form input[type="submit"]{display:none;}