/* @override http://localhost:8888/inspector71/wp-content/themes/wp-coda/contactable.css */

/* theodin.co.uk -Designed and developed by Philip Beel All Rights Reserved*/

/* 
------------------------------------------------------------------------------------------------------Genetic--------------*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

body {
	font-family: georgia;
	font-size:1.1em;
	height:100%;
	width:100%;
}

#contactable {
	color:#FFFFFF;
	cursor:pointer; 
	overflow:hidden;
	position:fixed;
	*position:absolute;
	text-indent:-100000px;
	top: 102px;
	*margin-top:200px;
	width: 42px;
	z-index:100000;
	left: 4px;
	border-style: none;
	height: 96px;
	background: #333333 url(images/contact.png) 0 -2px;
	padding-bottom: 2px;
	
}

#contactForm {
	background-color:#333333;
	border: 1px solid #7e7e7e;
	color:#FFFFFF;
	height:450px;
	left:0;
	margin-left:-400px;
	margin-top:-160px;
	overflow:hidden;
	padding-left:30px;
	position:fixed;
	top:200px;
	width:360px;
	*width:394px;
	z-index:99;
		-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

form#contactForm input, textarea {
	background: #FFFFFF none repeat 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border: 1px inset #dfdfdf;
	font-family: georgia;
	font-size:1em;
	margin-bottom:10px;
}

form#contactForm .submit {
	background: #d39e00 none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border: 2px outset #d3b869;
	outline-color:-moz-use-text-color;
	font-family: georgia;
	font-size:1em;
	cursor:pointer;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bolder;
	font-family:Helvetica;
	margin-top:10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

form#contactForm p {
	width:325px;
	font-size:0.9em;
}

#contactForm .red {
	color: #d39e00;
}

#overlay {
	background-color:#666666;
	display:none;
	height:100%;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
}

#name.error { background-color: #d3b869; }
#email.error { background-color: #d3b869; }
#comment.error { background-color: #d3b869; }

#contactform #loading {
	background: url(images/ajax-loader.gif) no-repeat;
	width:55px;
	height:55px;
	margin: 100px auto;
	display:none;
}

#callback {
	font-family: georgia;
	font-size:1.1em;
	color: #FFF;
	width:325px;
	margin: 100px auto;	
	display:none;
}


.holder {
	margin:0 auto;
	padding-top:20px;	
	
}