#slideout {
			position: fixed;
			top: 0px;
			left: 0;
			width: 74px;
			height:50px;
			padding: 0px 0;
			text-align: center;
			background: transparent;
			-webkit-transition-duration: 1s;
			-moz-transition-duration: 1s;
			-o-transition-duration: 1s;
			transition-duration: 1s;
			-webkit-border-radius: 0 8px 8px 0;
			-moz-border-radius: 0 8px 8px 0;
			border-radius: 0 8px 8px 0;
		}
		#slideout_inner {
			position: fixed;
			top: -400px;
			left: -350px;
			background: url('../img/mail-form-images/tile_black.png');
			width: 300px;
			padding: 25px;
			height: relative;
			-webkit-transition-duration: 1s;
			-moz-transition-duration: 1s;
			-o-transition-duration: 1s;
			transition-duration: 1s;
			text-align: left;
			-webkit-border-radius: 0 0 5px 0;
			-moz-border-radius: 0 0 5px 0;
			border-radius: 0 0 5px 0;
		}
		#slideout_inner textarea {
			width: 300px;
			height: 120px;
			margin-bottom: 6px;
		}
		#slideout:hover {
			left: 350px;
		}
		#slideout:hover #slideout_inner {
			left: 0;
			top:0px;
		}

a.email { 
   background: url('../img/mail-form-images/email.png') no-repeat;
   height: 50px;
   width: 74px;
   display: block;
   padding:2px 0px 0px 0px;
   background-position:0px 0px;
}
a.email:HOVER {
   background: url('../img/mail-form-images/email_r.png') no-repeat;
   height: 50px;
   width: 74px;
}

input.styled { /*NAME FIELDS*/
     -webkit-border-radius: 0px 10px 0px 10px;
     -moz-border-radius: 0px 10px 0px 10px;
     border-radius: 0px 10px 0px 10px;
     width: 300px;
	 height: 30px;
     border: 2px solid #cffd52;
	 padding: 0px;
	 font-family: arial black;
	 font-size:  100%;
	 text-align:center;
	 color: #bababa;
	 background-image:url('../img/mail-form-images/input1BG.png');
	 background-position: bottom right;
	 background-repeat: no-repeat; 
	 background-color: transparent;
     }
	
input.styled2 { /*E_MAIL FIELDS*/
     -webkit-border-radius: 0px 10px 0px 10px;
     -moz-border-radius: 0px 10px 0px 10px;
     border-radius: 0px 10px 0px 10px;
     width: 300px;
	 height: 30px;
	 border: 2px solid #cffd52;
	 padding: 0px;
	 font-family: arial black;
	 font-size:  100%;
	 text-align:center;
	 color: #bababa;
	 background-image:url('../img/mail-form-images/input2BG.png');
	 background-position: bottom right;
	 background-repeat: no-repeat; 
     background-color: transparent;
     }

textarea.styled { /* TEXT AREAS MESSAGE*/
     -webkit-border-radius: 0px 10px 0px 10px;
     -moz-border-radius: 0px 10px 0px 10px;
     border-radius: 0px 10px 0px 10px;
	 width: 300px;
	 height: 120px;
	 border: 2px solid #cffd52;
	 padding: 0px;
	 font-family: arial black;
	 font-size:  100%;
     text-align:center;
	 color: #bababa;
	 background-image:url('../img/mail-form-images/textareaBG.png');
	 background-position: bottom right;
	 background-repeat: no-repeat;
	 background-color: transparent;
     }

     #slideout2 {
			position:fixed;
			bottom: 0px;
			right: 0px;
			width: 100px;
			height:relative;
			padding: 0px 0;
			text-align: center;
			background: transparent;
			-webkit-transition-duration: 1s;
			-moz-transition-duration: 1s;
			-o-transition-duration: 1s;
			transition-duration: 1s;
		}
		#slideout_inner2 {
			position: fixed;
			right: -350px;
			background: url('../img/mail-form-images/tile_black.png');
			width: 300px;
			padding: 25px;
			height: 100%;
			text-align: center;
			-webkit-transition-duration: 1s;
			-moz-transition-duration: 1s;
			-o-transition-duration: 1s;
			transition-duration: 1s;
		}

		#slideout2:HOVER {
			right: 250px;
		}

		#slideout2:hover #slideout_inner2 {
			right: 0px;
			top: 0px;
		}

a.email2 { 
   background: url('../img/rscreated-facebook-icon.png') no-repeat;
   height: 25px;
   width: 100px;
   display: block;
   padding:0px 0px 0px 0px;
   background-position:0px 0px;
}
a.email2:HOVER {
   background: url('../img/rscreated-facebook-icon.png') no-repeat;
   height: 25px;
   width: 100px;
   position:top;
}

iframe.style {
	width:100%;
	height:75%;
}

#slideout_inner_error {
	background:url('http://www.rscreated.co.za/Portals/29/skins/catalyst2-h-classic/images/backgrounds/drnuke_bg_concrete_01.jpg');
	width: 300px;
	padding: 25px;
	margin:auto;
	height: relative;
	text-align: left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-shadow: 6px 6px 3px black;
}
