/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.top-menu {
	font-size:14px;
	color:#999;
	text-decoration:none;
	letter-spacing:0.5px;
}
.top-menu:hover {
	color:#F00;
}
	
.login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFFFFF;
	line-height:20px;
	padding-bottom:8px;
	height: 21px;
}

.box {
	background-image:url(box.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.box:hover {
	background-image:url(box-hover.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.input {	
	background-color:#0B0B0B;
	border:none;
	color:#FFFFFF;
	height:35px;
	width:347px;
	padding-left:10px;
}
.reset-button {
	background-color:#0B0B0B;
	border:none;
	color:#FFFFFF;
}
.reset-button:hover {
	color:red;
	cursor:hand;
}
.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12;
	color:#666666;
	line-height:20px;
	text-decoration:none;
}
.footer:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12;
	color:red;
	line-height:20px;
	text-decoration:none;
}
.signin {
	background-image:url(box-1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.signin:hover {
	background-image: url(box-hover-1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	color:red;
}
.signin-1 {
	background-image:url(box-2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.signin-1:hover {
	background-image: url(box-hover-2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	color:red;
}
.text {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-size:14px;
	color:#666666;
	line-height:26px;
	letter-spacing: 0.5px;
}
.text:hover {
	color: #999999;
}
.inq-box {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-size:12px;
	color:#ccc;
	padding-left:5px;
	border:thin #666 dotted;
	background-color:#000;
	height:25px;
	text-align: left;
	vertical-align: middle;
}
.inq-box:hover {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-size:12px;
	color:#999999;
	background-color:#000000;
	border:thin solid #CCCCCC;
}
.inq-box-1 {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-size:12px;
	color:#ccc;
	padding-left:5px;
	border:thin #666 dotted;
	background-color:#000;
	height:25px;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
}
.inq-box-1:hover {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-size:12px;
	color:#999999;
	background-color:#000000;
	border:thin solid #CCCCCC;
}

.slab {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-size:16px;
	font-weight:bold;
	color:#dadada;
	text-decoration:none;
	text-transform:capitalize;
}
.slab:hover {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-size:16px;
	font-weight:bold;
	color:white;
	text-decoration:none;
}
.pro-heading {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-size:24px;
	font-weight:bold;
	color:#e1e1e1;
	line-height:26px;
	padding-bottom:8px;
	height: 21px;
}
.pro-heading-1 {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-size:14px;
	font-weight:bold;
	color:black;
	line-height:20px;
	height: 21px;
	text-decoration:none;
	background-color:#E8E8E8;
}
.pro-heading-1:hover {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-size:14px;
	font-weight:bold;
	color:red;
	line-height:20px;
	height: 21px;
	background-color:#E8E8E8;
}
.reset {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-weight:bold;
	font-size:12px;
	color:#000000;
	line-height:20px;
	text-decoration:none;
	background-color: #E6E6E6;
	
}
.reset:hover {
	font-family:Arial, Helvetica, sans-serif, "adobe Caslon Pro";
	font-weight:bold;
	font-size:12px;
	color:#ff0000;
	line-height:20px;
	text-decoration:none;
	background-color: #E6E6E6;
	
}
.border {
	border:thin dashed;
}
.green-txt {
color:#009900;
}
.text-red {
	color:#F00;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.text-white {
	color:#E8E8E8;
	font-size: 17px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
}

/*images hover s*/
a.nowandthen
{
	position:relative;
	display: block;
	overflow:hidden;
	cursor: pointer;
	width:125px;
	height:80px;
	border:1px solid #b0b0b0;
	
}
a.nowandthen img
{
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 2;
	clip: rect(0,250px,230px,0); 
	
}
a.nowandthen img:nth-of-type(2)
{
	z-index: 1;
}
a.nowandthen:hover img:nth-of-type(1)
{
	clip: rect(0,0,434px,0);
	opacity: 0;
}
/*images hover e*/
.Amethyst-Slab{
	font-size:12px;
	color:#fff;
	padding:0px 0px;
	text-align:center;
}

.Amethyst-Slab a{
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

.Amethyst-Slab a:hover{
	color:#FF0;
}

.bg-border{
	border-radius: 8px 8px 0px 0px;
	background-color: #1E1E1E;
	color: #E7EA00;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	padding-bottom: 10px;
	padding-top: 15px;
	padding-left: 10px;
}

.bg-border a{
	color: #393185;
	font-size: 16px;
}
.bg-border a:hover{
	color:#e21f25;
}



.power-by
{
	color:#fff;
	font-size:13px;
	font-weight:400;
}
.power-by a
{
	color:#fff;
	font-size:13px;
	font-weight:400;
	text-decoration:none;
}
/*Powered by e */

.images-border
{
	background: linear-gradient(to bottom, #FFFFFF 64%, #F7F6F4 100%) repeat scroll 0 0 transparent;
	border: 1px solid #CCCCCC;
    padding:2px;
}
.easy{
	font-size:16px;
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0px 0px 0px;
	
	font-weight:normal !important;
	}
.Agates-easy{
	font-size:16px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	
	}