body{
	background:url('/Assets/Images/Background.png') repeat-x;
	background-attachment:fixed;
	background-color: #000;
	font-family: Calibri, sans-serif;
	overflow-x:hidden;
	margin:0;
}

.BlackOut{
	background:#000;
	width:100%;
	height:100%;
	position:absolute;
	text-align:center;
	z-index:200;
	}
	
.Loader{
	color:#FFF;
	font-size:35px;
	margin-top:20%;
}	

a{
	color:#000;
	border:none;
	text-decoration:none;
	}
	
a:hover{
	color:#225A22;
	}
	
.WebsiteCenter{
	display:inline-block;
	width:100%;
	text-align:center;
	position:absolute;
	}

.WebsiteHolder{
	display:inline-block;
	width:960px;
	text-align:left;
	z-index:10;
	}
	
.TopLeftBackgroundLogo{
	background:url('/Assets/Images/BackgroundLogo.png') no-repeat;
	display:inline-block;
	top:0;
	left:0;
	height:700px;
	margin:-60px 0px 0px -140px;
	position:fixed;
	width:700px;
	}

.BottomRightBackgroundLogo{
	background:url('/Assets/Images/BackgroundLogo.png') no-repeat;
	display:inline-block;
	height:500px;
	right:0;
	bottom:0;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	position:fixed;
	width:550px;
	}
	
.logo{
	background:url('/Assets/Images/LogoNew.png') no-repeat;
	display:inline-block;
	margin-left:10px;
	margin-top:10px;
	width:310px;
	height:70px;
	vertical-align:top;
	float:right;
	}
	
.Animation{
	display:inline-block;
	width:960px;
	height:200px;
	}
	
.ContentArea{
	background-color:#fff;
	color:#000;
	display:inline-block;
	margin-top:35px;
	width:925px;
	padding:20px;
	min-height:450px;
	text-align:justify;
	border-radius:15px;
	position:relative;
	}
	
.Header{
	display:inline-block;
	height:400px;
	width:960px;
	}

.HeaderLinks{
	display:inline-block;
	font-size:16px;
	text-align:center;
	vertical-align:top;
}

.HeaderLinks a{
	border-left:1px #808080 solid;
	display:inline-block;
	color: #fff;
	height: 30px;
	margin:0px;
	padding-top:30px;
	text-decoration:none;
}

.HeaderLinks a:hover{
	background: url('/Assets/Images/LinkBack.png') repeat-x;
	
}

.ContactIconHolder{
	display:inline-block;
	width:990px;
	height:130px;
	margin:0px 0px 0px 0px;
	position:absolute;
	text-align:right;
	vertical-align:top;
	right:0;
	}
	
.ContactIconHolderIcons{
	background-color:#fff;
	display:inline-block;
	text-align:right; 
	padding:5px 5px 0px 0px;
	width:40px; 
	height:130px;
	position:absolute;
	border-radius:0px 15px 15px 0px;
	right:-45px;
	}

.Footer{
	color:#FFF;
	display:inline-block;
	margin-top:10px;
	width:960px;
	}

.Footer a{
	color:#FFF;
	}
	
.Footer a:hover{
	color:#808080;
	}

.FooterLeft{
	display:inline;
	width:400px;
	color:#fff;
	}
	
.FooterRight{
	display:inline-block;
	width:400px;
	margin:0px 0px 0px 150px;
	color:#fff;
	text-align:right;
	}
	
.FooterLinksLeft{
	font-size:16px;
	border-right:1px solid #fff;
	padding:15px;
	}
	
.FooterLinksLeft a{
	color:#fff;
	text-decoration:none;
	}
	

.FooterLinksLeft a:hover{
	color:#225A22;
	}

.RequestCallBackTable{
	display:inline-block;
	text-align:right;
	}

.Title{
	font-size:20px;
	font-weight:bold;
	}
	
.MembersTable img{

	border:1px #FFF solid;
	width:100px;
	}

/*----------Re-Captcha-----------*/

#recaptcha_widget{
	width:270px;
	}
	
#recaptcha_widget a{
	color:#FFF;
	text-decoration:none;
	}

#recaptcha_widget a:hover{
	text-decoration:underline;
	}
	
#recaptcha_image img{
        border:2px #CCC solid;
        height:40px;
	width:140px;
	margin:4px 0px 0px 50px;
	}

#recaptcha_widget input{
	width:110px;
	}
	
.AnimationTextBlock1{
	display:inline-block;
	background:green;
	color:#FFF;
	font-size:20px;
	margin:20px 0px 0px 400px;
	padding:10px 10px 0px 10px;
	position:absolute;
	width:520px;
	height:30px;
	text-align:center;
	z-index:300;
	}
	
.AnimationTextBlock2{
	display:inline-block;
	background:green;
	color:#FFF;
	font-size:20px;
	margin:80px 0px 0px 550px;
	padding:10px 10px 0px 10px;	
	position:absolute;
	width:260px;
	height:30px;
	text-align:center;
	z-index:300;
	}
	
#slideshowHolder{
    display:inline-block;
    border:2px #FFF solid;
    border-radius:15px;
	height:334px;
	margin-top:20px;
	width:1005px;
	height:303px;
	}

#slideshow {
    display:inline-block;
    background:orange;
    width:120px;
    text-align:left;
}

#slideshow span {
	display:inline-block;
    opacity:0.0;
    position: absolute;
    z-index: 8;
    width:120px;
    vertical-align:top;
}

#slideshow span img {
    border-radius:15px;
    margin-top:-15px;
    width:1005px;
}

#slideshow span.active {
    z-index: 10;
}
#slideshow span.last-active {
    z-index: 9;
}


.ServicesHoverMenu{
	background:url('/Assets/Images/ContentBack.png');
	border-bottom:1px #999 solid;
	display:inline-block;
	margin:0px 0px 0px 50px;
	position:absolute;
	width:300px;
	visibility:hidden;
	vertical-align:top;
	z-index:200;
	}
	
.ServicesHoverMenu a{
	border:1px solid #999;
	border-bottom:none;
	color:#000;
	text-align:left;
	display:block;
	height:20px;
	padding:8px;
	font-size:18px;
	text-decoration:none;
	font-family:Calibri;
	width:284px;
	vertical-align:top;
	}
	
.ServicesHoverMenu a:hover{
	background:none;
	color:#225A22;	
	}
	
.ProfileArea{
	display:inline-block; 
	width:900px; 
	border-top:1px solid #000; 
	color:#000;	
	}
	
	
.ProfileName{
	font-size:18px;
	padding-top:3px;
	height:20px;
	width:900px;
	display:inline-block;
	}
	
.ContentAreaProfile{
	background-color:#fff;
	color:#000;
	display:inline-block;
	margin-top:35px;
	width:925px;
	padding:20px;
	overflow:auto;
	min-height:700px;
	text-align:justify;
	border-radius:15px;
	}	
	
	
	
	
	
	/* Container */
.modal {

/* Overlay page content */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 10000;

/* Transition opacity on open */
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;

/* Hide for now */
opacity: 0;
pointer-events: none;
}

/* Show modal */
.modal:target {
opacity: 1;
pointer-events: auto;
/* at time of writing (Feb 2012), pointer-events not supported by Opera or IE */
}

/* Content */
.modal > div {
width: 850px;
background: #fff;
position: relative;
margin: 10% auto;

/* Default minimise animation */
-webkit-animation: minimise 500ms linear;
-moz-animation: minimise 500ms linear;

/* Prettify */
padding: 30px;
border-radius: 7px;
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
background: #fff;
background: -moz-linear-gradient(#fff, #ccc);
background: -webkit-linear-gradient(#fff, #ccc);
background: -o-linear-gradient(#fff, #ccc);
text-shadow: 0 1px 0 #fff;
}

/* Override animation on modal open */
.modal:target > div {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
}

.modal h2 {
font-size: 36px;
padding: 0 0 20px;
}

@-webkit-keyframes bounce {
  0% {
   -webkit-transform: scale3d(0.1,0.1,1);
   box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
   -webkit-transform: scale3d(1.08,1.08,1);
   box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
   -webkit-transform: scale3d(0.95,0.95,1);
   box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
   -webkit-transform: scale3d(1,1,1);
   box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
   -webkit-transform: scale3d(1,1,1);
  }
  100% {
   -webkit-transform: scale3d(0.1,0.1,1);
  }
}

@-moz-keyframes bounce {
  0% {
   -moz-transform: scale3d(0.1,0.1,1);
   box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
   -moz-transform: scale3d(1.08,1.08,1);
   box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
   -moz-transform: scale3d(0.95,0.95,1);
   box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
   -moz-transform: scale3d(1,1,1);
   box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-moz-keyframes minimise {
  0% {
   -moz-transform: scale3d(1,1,1);
  }
  100% {
   -moz-transform: scale3d(0.1,0.1,1);
  }
}

/* Modal close link */
.modal a[href="#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}

/* Reset native styles */
.modal a[href="#close"]:focus {
outline: none;
}

/* Create close button */
.modal a[href="#close"]:after {
content: 'X';
display: block;

/* Position */
position: absolute;
right: -10px;
top: -10px;
width: 1.5em;
padding: 1px 1px 1px 2px;

/* Style */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #fff;
border: 3px solid #fff;
border-radius: 20px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modal a[href="#close"]:focus:after {
outline: 1px solid #000;
}

/* Open modal */
a.openModal {
margin: 1em auto;
display: block;
width: 900px;
background: #ccc;
text-align: left;
padding: 10px;
border-radius: 7px;
background: #fff;
background: -moz-linear-gradient(#fff, #ddd);
background: -webkit-linear-gradient(#fff, #ddd);
background: -o-linear-gradient(#fff, #ddd);
text-shadow: 0 1px 0 #fff;
border: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

a.openModal:hover,
a.openModal:focus {
background: -moz-linear-gradient(#fff, #ccc);
background: -webkit-linear-gradient(#fff, #ccc);
background: -o-linear-gradient(#fff, #ccc);
}
	
	
a.boxclose{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(images/cancel.png) repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}	

.Memberstable td{
		border: 1px solid #000;
		border-radius:12px;
		vertical-align:top;
		}
		
.Memberstable td img{		
		padding:15px;
		}
		

.fadein { position:relative; width:500px; height:332px; !important}
.fadein img { width:962px; height:260px; margin-top:10px; position:absolute; border:4px solid #fff; border-radius:10px 10px 10px 10px; left:0; top:0; !important}