body{
	background:url(bg25.png);
}

/* main container */
.container{
	top:0px;
	width:100%;
	height:100%;
	position:absolute;
	left:45%;
	top:5%;

}

.buttonyellow_modern{ background-image: linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,188,64) 0%, rgb(255,217,91) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(255,188,64)),
		color-stop(1, rgb(255,217,91))
	);

  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	//background-color:#FFC044;
	
	cursor:pointer;  float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #db9a3c;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	 }
.buttonyellow_modern a{ 
	font-family:"Arial",Georgia,Serif;
	font-size:14px;
	color:#9d6736; 
	text-decoration: none;
	text-shadow: 0px 1px 1px #FFDA5B;

}
.buttonyellow_modern:hover{  border: 1px solid #f4be6f; color: #9d6736;}
	
.buttonyellow_modern a:active{  }

/* red gradient */
.buttonred_modern{ 
	background-image: linear-gradient(bottom, rgb(201,20,17) 48%, rgb(212,38,35) 74%);
	background-image: -o-linear-gradient(bottom, rgb(201,20,17) 48%, rgb(212,38,35) 74%);
	background-image: -moz-linear-gradient(bottom, rgb(201,20,17) 48%, rgb(212,38,35) 74%);
	background-image: -webkit-linear-gradient(bottom, rgb(201,20,17) 48%, rgb(212,38,35) 74%);
	background-image: -ms-linear-gradient(bottom, rgb(201,20,17) 48%, rgb(212,38,35) 74%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.48, rgb(201,20,17)),
		color-stop(0.74, rgb(212,38,35))
	);

  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	//background-color:#ba1e1a;
	
	cursor:pointer;  float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #6C0300;
	-moz-box-shadow: 0px 1px 0px #be0c07;
	 -webkit-box-shadow: 0px 1px 0px #be0c07;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	 }
.buttonred_modern a{ 
	font-family:"Arial",Georgia,Serif;
	font-size:14px;
	color: #6C0300; 
	text-decoration: none;
	text-shadow: 0px 1px 1px #d05653;
	
}
.buttonred_modern:hover{  
	border: 1px solid #A21714; 
}
	
.buttonred_modern a:active{  }

/* light blue gradient */
.buttonlightblue_modern{ 
	background-image: linear-gradient(bottom, rgb(113,159,160) 48%, rgb(132,185,186) 74%);
	background-image: -o-linear-gradient(bottom, rgb(113,159,160) 48%, rgb(132,185,186) 74%);
	background-image: -moz-linear-gradient(bottom, rgb(113,159,160) 48%, rgb(132,185,186) 74%);
	background-image: -webkit-linear-gradient(bottom, rgb(113,159,160) 48%, rgb(132,185,186) 74%);
	background-image: -ms-linear-gradient(bottom, rgb(113,159,160) 48%, rgb(132,185,186) 74%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.48, rgb(113,159,160)),
		color-stop(0.74, rgb(132,185,186))
	);

  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	//background-color:#7BADAE;
	
	cursor:pointer;  float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #547a7b;
	-moz-box-shadow: 0px 1px 0px #81afb0;
	 -webkit-box-shadow: 0px 1px 0px #81afb0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	 }
.buttonlightblue_modern a{ 
	font-family:"Arial",Georgia,Serif;
	font-size:14px;
	color: #446969; 
	text-shadow: 0px 1px 1px #a1cdce;
	text-decoration: none;
}
.buttonlightblue_modern:hover{  
	border: 1px solid #719FA0; 
	color: #9d6736;
}
	
.buttonlightblue_modern a:active{  }

/* dark gradient */
.buttondark_modern{ 
	background-image: linear-gradient(bottom, rgb(33,37,46) 8%, rgb(34,38,47) 54%);
	background-image: -o-linear-gradient(bottom, rgb(33,37,46) 8%, rgb(34,38,47) 54%);
	background-image: -moz-linear-gradient(bottom, rgb(33,37,46) 8%, rgb(34,38,47) 54%);
	background-image: -webkit-linear-gradient(bottom, rgb(33,37,46) 8%, rgb(34,38,47) 54%);
	background-image: -ms-linear-gradient(bottom, rgb(33,37,46) 8%, rgb(34,38,47) 54%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.08, rgb(33,37,46)),
		color-stop(0.54, rgb(34,38,47))
	);

  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	//background-color:#2D3237;
	
	cursor:pointer;  float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #111213;
	 -moz-box-shadow: 0px 1px 0px #242628;
	 -webkit-box-shadow: 0px 1px 0px #242628;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	 }
.buttondark_modern a{ 
	font-family:"Arial",Georgia,Serif;
	font-size:14px;
	color: #000; 
	text-shadow: 0px 1px 1px #3f4d4d;
	text-decoration: none;
}
.buttondark_modern:hover{  
	border: 1px solid #2D3237; 
	color: #9d6736;
}
	
.buttondark_modern a:active{  }


.buttonblue_modern{ 
	background-image: linear-gradient(bottom, rgb(18,117,193) 48%, rgb(6,106,183) 74%);
	background-image: -o-linear-gradient(bottom, rgb(18,117,193) 48%, rgb(6,106,183) 74%);
	background-image: -moz-linear-gradient(bottom, rgb(18,117,193) 48%, rgb(6,106,183) 74%);
	background-image: -webkit-linear-gradient(bottom, rgb(18,117,193) 48%, rgb(6,106,183) 74%);
	background-image: -ms-linear-gradient(bottom, rgb(18,117,193) 48%, rgb(6,106,183) 74%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.48, rgb(18,117,193)),
		color-stop(0.74, rgb(6,106,183))
	);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	//background-color:#1275C1;
	
	cursor:pointer;  float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #064f86;
	 -moz-box-shadow: 0px 1px 0px #0875c5;
	 -webkit-box-shadow: 0px 1px 0px #0875c5;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	 }
.buttonblue_modern a{ 
	font-family:"Arial",Georgia,Serif;
	font-size:14px;
	color: #023b66; 
	text-shadow: 0px 1px 1px #1f90e5;
	text-decoration: none;
}
.buttonblue_modern:hover{  
	border: 1px solid #137ccb; 
	color: #9d6736;
}
	
.buttonblue_modern a:active{  }


/* black gradient */
.buttonblack_modern{ 
	background-image: linear-gradient(bottom, rgb(16,16,16) 48%, rgb(31,31,31) 74%);
	background-image: -o-linear-gradient(bottom, rgb(16,16,16) 48%, rgb(31,31,31) 74%);
	background-image: -moz-linear-gradient(bottom, rgb(16,16,16) 48%, rgb(31,31,31) 74%);
	background-image: -webkit-linear-gradient(bottom, rgb(16,16,16) 48%, rgb(31,31,31) 74%);
	background-image: -ms-linear-gradient(bottom, rgb(16,16,16) 48%, rgb(31,31,31) 74%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.48, rgb(16,16,16)),
		color-stop(0.74, rgb(31,31,31))
	);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	//background-color:#101010;
	
	cursor:pointer;  float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #000;
	 -moz-box-shadow: 0px 1px 0px #111;
	 -webkit-box-shadow: 0px 1px 0px #111;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	 }
.buttonblack_modern a{ 
	font-family:"Arial",Georgia,Serif;
	font-size:14px;
	color: #555; 
	text-shadow: 0px 1px 1px #111;
	text-decoration: none;
}
.buttonblack_modern:hover{  
	border: 1px solid #1e1e20; 
	color: #9d6736;
}
	
.buttonblack_modern a:active{  }


/* grey gradient */

.buttongrey_modern{ 
	background-image: linear-gradient(bottom, rgb(234,234,234) 48%, rgb(219,219,219) 74%);
	background-image: -o-linear-gradient(bottom, rgb(234,234,234) 48%, rgb(219,219,219) 74%);
	background-image: -moz-linear-gradient(bottom, rgb(234,234,234) 48%, rgb(219,219,219) 74%);
	background-image: -webkit-linear-gradient(bottom, rgb(234,234,234) 48%, rgb(219,219,219) 74%);
	background-image: -ms-linear-gradient(bottom, rgb(234,234,234) 48%, rgb(219,219,219) 74%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.48, rgb(234,234,234)),
		color-stop(0.74, rgb(219,219,219))
	);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	//background-color:#EAEAEA;
	
	cursor:pointer;  float: left; font-size: 13px;  padding: 8px 20px 8px 20px; text-align:center; border: 1px solid #c2c2c2;
	 -moz-box-shadow: 0px 1px 0px #d2d1d1;
	 -webkit-box-shadow: 0px 1px 0px #d2d1d1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	 }
.buttongrey_modern a{ 
	font-family:"Arial",Georgia,Serif;
	font-size:14px;
	color: #888; 
	text-shadow: 0px 1px 1px #fff;
	text-decoration: none;
}
.buttongrey_modern:hover{  
	border: 1px solid #EAEAEA; 
	color: #9d6736;
}
	
.buttongrey_modern a:active{  }