@charset "utf-8";
/* CSS Document */


#contact {

	overflow: hidden;

}



#contact h1 {

	color: #333;

	text-transform: uppercase;

	margin: 20px 0 0 0

}



#contact h1 span {

	color: #3399CC;

}



#contact p {

	margin: 0 5px 5px 5px;

}



form.form {
	background: #f4f4f4;
	border: 1px #ddd solid;
	padding: 10px;
	margin-top: 20px;
	margin-right: 5;
	margin-bottom: 20px;
	margin-left: 5;

}



form.form fieldset {

	border: 1px #ddd solid;

	background: #fafafa;

	margin: 0 0 1em 0;

	padding: 0.5em 1em;

}



form.form legend {

	font-size: 125%; font-weight: normal; color: #000;

}



form.form label {

	color: #666;

}



form.form .type-text input,

form.form .type-text textarea,

form.form .type-select select {

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 100%;

	border: 1px solid #ddd;

}



form.form div input:focus,

form.form div select:focus,

form.form div textarea:focus,

form.form div input:hover,

form.form div select:hover,

form.form div textarea:hover,

form.form div input:active,

form.form div select:active,

form.form div textarea:active {

	border: 1px #3399CC solid;

	background: #fff;

}



form.form .type-button input {
	border-top: 1px #ddd solid;
	border-left: 1px #ddd solid;
	border-right: 1px #444 solid;
	border-bottom: 1px #444 solid;
	color: #000;
	padding: .2em .8em;
	background-color: #454545;
	background-image: url(../../phototra/images/btn_gray.png);
	background-repeat: repeat-x;
	background-position: left top;

}



form.form div.type-button input:focus,

form.form div.type-button input:hover,

form.form div.type-button input:active {

	border-top: 1px #444 solid;

	border-left: 1px #444 solid;

	border-right: 1px #ddd solid;

	border-bottom: 1px #ddd solid;

	color: #fff;

	background: #555; 

}



form.form { overflow: hidden; }

form.form fieldset { overflow: hidden; }

form.form legend { background: transparent; border: 0; }

form.form label { display:block; cursor: pointer; }

form.form .message { display: block; margin-bottom: 0.5em; color: #666; }

form.form input[type=hidden] { display: none !important; }

form.form sup { color: #800; font-weight: bold; }



form.form div.type-text,

form.form div.type-select,

form.form div.type-check,

form.form div.type-button {
	position: relative;
	overflow: hidden;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding: 0 0 0 0;

}



form.form .type-text input,

form.form .type-text textarea {
	display: block;
	position: relative;
	padding: 0.3em 0.3em;
	width: 67.8%;

}



form.form .type-select select {

	display: block;

	position: relative;

	padding: 0.3em 2px 0.3em 1px;

	width: 60%;

	cursor: pointer;

}



form.form .type-select select optgroup {

	font-style: normal;

	font-weight: bold;

}



form.form .type-check input { cursor: pointer; }

form.form .type-check label { display: inline; }



form.form .type-button input {

	width: auto;

	cursor: pointer;

}



form.form div.error {

	border: 1px #a00 dashed;

	background: #faf4f4;

	padding: 0.5em;

}



form.form div.error label { color: #000; font-weight:bold; }

form.form div.error .message { color: #800; }



form.form .type-text input.error,

form.form .type-text textarea.error,

form.form .type-select select.error {

	font-family:  Arial, Helvetica, sans-serif;

	border: 1px solid #a00;

}



form.form .type-text input.valid,

form.form .type-text textarea.valid,

form.form .type-select select.valid {

	font-family:  Arial, Helvetica, sans-serif;

	border: 1px solid #006600;

}



.columnar .type-text label,

.columnar .type-select label {

	float: left;

	width: 30%;

}



.columnar div.type-check { padding-left: 30%; }

.columnar div.error .message { margin-left: 30%; }



.columnar div.type-text input,

.columnar div.type-text textarea {


}

.columnar div.type-select select { width: 69.4%; }

  

* html .columnar div.type-text input,

* html .columnar div.type-text textarea { width: 67.2%; }

* html .columnar div.type-select select { width: 68.8%; }



/* IE5.x & IE6 */

* html form.form legend { position:absolute; top: -.5em; left: .5em; }

* html form.form fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }



/* IE7 */

*+html form.form legend { position:absolute; top: -.5em; left: .5em; }

*+html form.form fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }
