@charset "UTF-8";
/* CSS Document */


/*-------------------------*/
/* General HTML Tag Rules  */
/*-------------------------*/

body {
	/* background-image:url(images/bg_body.jpg); */
	background-repeat:repeat-x;
	background-color:#000000;
	background-attachment:fixed;
	background-position:top;
}

h1, h2, h3, h4, h5, h6 {

}

/* p {
	margin:0px;
	padding:0px;
	color:#aaaaaa;
	text-decoration:none;
	font-weight:normal;
	font-size:17px;
	font-family:CrimsonRoman, Arial, Helvetica, sans-serif;
	margin:10px 0px 10px 25px

} */

a {

}

a:hover {

}

hr {

}

/*--------------------------------*/
/* General emailForm Class Rules  */
/*--------------------------------*/

label {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 12px;
	margin-top: 12px;
	margin-left: 40px;
	clear: left;
	font-weight:normal;
	color: #000;
	font-style: normal;
	font-size:14px;
	letter-spacing:0.2px;
	font-family:CrimsonRoman, Arial, Helvetica, sans-serif;
}

input { 
	margin-top: 12px;
	width: 170px;
}

#emailForm {
	background-color: #8fbda3;
	width: 100%;
}

#emailForm input:required:valid { /* when a field is considered valid by the browser */
    background: #fff url(images/valid_small.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

#theSubmit {
	margin-left: 145px;
	padding: 15px;
}

input#theButton {
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 25px; /*add some padding to the inside of the button*/
background:#00000f; /*the colour of the button*/
border:1px solid #000; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#af6e54;
width: 130px;
font-size:1.1em;
font-family:CrimsonRoman, Arial, Helvetica, sans-serif;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#theButton:hover, input#theButton:focus{
background-color :#000; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.formHtext {
	/* margin:0px; */
	/* padding: 0 5em 0 0.5em; */
	/* border-right: 1px solid red; */
	/* border-bottom: 3px solid black; */
	/* background-color:#000000; */
	text-decoration:none;
	text-align: center;
	font-weight:normal;
	color: #8fbda3;
	font-style: normal;
	font-size:25px;
	letter-spacing:0.6px;
	font-family:CrimsonRoman, Arial, Helvetica, sans-serif;
	/* margin:10px 10px 10px 25px */
	
}

/*-------------------------------*/
/* General Template Class Rules  */
/*-------------------------------*/

.wrapOverall {
	border: 2px solid #8fbda3;
	border-radius: 25px;
	width:450px;
	height:380px;
	margin:0px auto;
	background-color:black;
	overflow:hidden;
}

.wrapHeader {
	/* border: 2px solid #aaaaaa; */
	width:450px;
	height:200px;
	/* background-image:url(images/bg_wrapHeaderAndContent.png); */
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	overflow: hidden;
}


.wrapHtext {
		/* border: 1px solid #ffc; */
		width:300px;
		height:200px;
		background-color:#000000;
		float:left;
		padding-top: 30px;
		margin-left: 15px;
}

.wrapHimage {
		/* border: 1px solid #ffe; */
		width:100px;
		height:180px;
		background-color:#000000;
		float:right;
		overflow: hidden;
		margin-right: 10px;
		padding-top: 10px;
		padding-left: 10px;
		/* clear: right; */
}

