@import url(http://fonts.googleapis.com/css?family=Quicksand);
@import url(http://fonts.googleapis.com/css?family=Amatic+SC:400,700);

@font-face {
    font-family: 'danielblack';
    src: url('font/Daniel-Black-webfont.eot');
    src: url('font/Daniel-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Daniel-Black-webfont.woff') format('woff'),
         url('font/Daniel-Black-webfont.ttf') format('truetype'),
         url('font/Daniel-Black-webfont.svg#danielblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'danielbold';
    src: url('font/danielbd-webfont.eot');
    src: url('font/danielbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/danielbd-webfont.woff') format('woff'),
         url('font/danielbd-webfont.ttf') format('truetype'),
         url('font/danielbd-webfont.svg#danielbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




#contact_us {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 1150px;

}

#contact_us h1 {
	  font-family: 'danielblack';	
	  color: #FFF;
	  letter-spacing: 2px;
	  margin-top: 60px;
	  text-align: center;
}

#contact_us .p_contact {
	letter-spacing: 4px;
	font-size:25px;
	font-family: 'Amatic SC';
	font-weight: 700;	
	text-align: center;
	color: #000;
	margin-bottom: 20px;
	
}




form.cmxform { 	/* Details - First Name,Email etc */
	width: 900px;
	font-size: 1.0em;
	color: #333;
	
	float: left; 
	margin: 25px 0 0 0; 
	background: #FCC5DA; 
	font-family: 'danielbold';
	padding: 30px 0; 
	border-radius: 10px; 
	-moz-box-shadow: 0 0 1px 2px rgba(50,50,50,0.2);
	-webkit-box-shadow: 0 0 1px 2px rgba(50,50,50,0.2); 
}

	
form.cmxform legend {
	padding-left: 0;
	font-weight:bold;
	font-size:1.2em;
	
	
}

form.cmxform legend, form.cmxform label {
	color: #333;
}
form.cmxform label {
	width:200px;
	display:inline-block;
}
form p {
	position:relative;
}

form.cmxform input, form.cmxform textarea { 	/* type area */
	width: 60%; 
	padding: 10px 3%;
	border: 1px solid #CCC;
	margin: 10px 0 20px 0; 
	font-family: 'danielbold';
	font-weight: 700;
	font-size: 17px;
	letter-spacing:2px;
	border-radius: 5px; 

	/* background: rgba(102,204,255,0.1); */
	-moz-transition: 0.2s linear;
	-webkit-transition: 0.2s linear; 
}

form.cmxform textarea {
	width: 80%;
	height: 150px;	
}

form.cmxform input:hover, form.cmxform textarea:hover {
	border: 1px solid #C36;	
}
form.cmxform input.checkbox { 
	border: none;
	width:auto;
}
form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background-color: #FFF;
	border-bottom: 1px solid #C9DCA6;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 10px;
	padding-left: 30px;
	margin: 20px 10px;

}
#newsletter_topics label{
	float:left; clear:both; position:relative; left:190px;
}
#newsletter_topics label input[type="checkbox"] {
	width:auto;
	position:absolute; left:-50px;
}
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }

input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: #999; }



#signupForm {
	width: 670px;
	float: right;
	margin: 0 50px 50px 50px;
}



#signupForm span {  /* Asterik */
	color: red;
}


.error {
	color:#900;
	font-style:italic;
	font-size:0.9em;
}
#signupForm label.error { 		/* ERROR MESSAGE */
	width: auto;
	display: inline;
	position:absolute;
	left:420px;
	width:200px;
}
#signupForm #agree-error.error {
	left:180px;
}
#newsletter_topics label.error {
	display: none;
}
#newsletter_topics label[for="topic[]"].error {
	position:absolute;
	left:140px;
}


input.submit { 		/* SUBMIT BUTTN */
	
	width: 150px !important;
	border: 0px solid !important; 
	margin:0 !important;
	font-family: 'danielblack' !important;
	letter-spacing: 3px !important;
	color: #fff; 
	font-size: 18px; 
	border-radius: 5px; 
   
	-moz-transition: 0.3s linear; 
	-webkit-transition: 0.3s linear; 
	 -o-transition: 0.3s linear;
	transition: 0.3s linear; 
	background: #d6679a; 
	-moz-box-shadow: 2px 2px 2px rgba(20,20,20,0.7);
	-webkit-box-shadow: 2px 2px 2px rgba(20,20,20,0.7); 

}

.submit:hover {
	background: #ce296c; 
	cursor: pointer;	
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
form.cmxform legend {
	width:100%;
	color:#900;
}
}