/*	-------------------------------------------------------------
CSS FOR FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*

*/

@import url(reset.css);


/*	-------------------------------------------------------------
1. =BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}

body {
    font-family: "Lucida Grande", "Calibri", tahoma, sans-serif; 
	font-size: 13px;
	color: #c2c2c2;
	text-align: left;
	background:transparent;
}


/* = 2. Facielities
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.clear {
	clear:both;
}

.left {
	float:left:
}

.right: {
	float:right;
}

.hide {
	display:none;
}


/* = 3. Links / Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


a {

}

a:hover {
}

a:active {
}

.back-form-link {
	position: absolute; 
	top:140px;
	left:180px;
	text-decoration: none;
	font-weight: bold;
	color: #c2c2c2;
}

.back-form-link:hover {
	text-decoration: underline;
	color: #fff;
}

/* = CONTACT BOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

em {
	font-style: normal;
	margin: 0 5px 0 5px;
}


#box-contact p {
	line-height: 22px;
}

#box-contact p a {
	text-decoration: none;
	position: relative;
	margin: 0;
	padding: 0;
	color:#fff;
	padding: 0 2px 0 2px;
}

#box-contact p a:hover {
	border-bottom: 1px dotted #707070;
	color:#707070;
}


#contacts-info {
	position: relative; top:40px; left: 0px;
	margin: 0;
	padding: 0;
}


#contacts-info a { 
	position: relative;
	cursor:pointer;
	text-indent: -9999em;
	height:118px;
	overflow: hidden;
}


.item-contact {
	height: 118px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    float: left;
}

.contact-1 {
	width:126px;
	height:118px;
	background: url(../img/contact-1.png) 0 0 no-repeat;
}

.contact-2 {
	width:83px;
	position: relative; left:40px;
	background: url(../img/contact-2.png) 0 0 no-repeat;
}

.contact-3 {
	width:73px;
	position: relative; left:80px;
	background: url(../img/contact-3.png) 0 0 no-repeat;
}


.contact-1, .contact-2, .contact-3 {display: block;}
.contact-1:hover, .contact-2:hover, .contact-3:hover { background-position: 0 -118px;}



#button-directions {
	width: 960px;
	z-index: 100;
	position: absolute;
	top:310px;
}

#frame-contact {
	overflow: hidden;
	width: 480px;
	height: 300px;
	border: none;
}

.contact {
	width: 500px;
}

.contact-form {
	width: 500px;
}

.contact-form label {
	font-size: 12px;
	color:#fff;
	display: block;
}

.lname {
	float: left;
	width: 240px;
	text-align: left;	
}

.lemail {
	float: left;
	width: 240px;
	text-align: left;	
}

.ltext {
	padding: 20px 0 0 0;
	width: 500px;
}

.lname input, .lemail input {
	width: 226px;
	height: 27px;
	background:transparent url(../img/input-text.png) 0 0 no-repeat;
    font-family: "Lucida Grande", "Calibri", tahoma, sans-serif; 
	font-size: 12px;
	color: #c2c2c2;	border: none;
	padding:13px 0 0 10px;
	line-height: 30px;
	border: 0 solid;
	border:none !important;
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body .lname input, .lemail input { padding: 3px 0 0 10px; height: 33px;}
}


.ltext textarea {
	width: 458px;
	height: 94px;
	background: url(../img/input-text2.png) no-repeat;
	border: 0;
	overflow: hidden;
	color: #fff;
	padding: 12px 0 0 8px;
    font-family: "Lucida Grande", "Calibri", tahoma, sans-serif; 
	font-size: 12px;
	color: #c2c2c2;
	resize: none;	
	
}

.lname-txt {
	width: 226px;
	height: 30px;
	background: url(../img/label-name.png) 0 0 no-repeat;
	text-align: left;
	text-indent: -9999em;
}

.lemail-txt {
	width: 226px;
	height: 30px;
	background: url(../img/label-email.png) 0 0 no-repeat;
	text-align: left;
	text-indent: -9999em;
}

.ltext-txt {
	width: 226px;
	height: 30px;
	background: url(../img/label-text.png) 0 0 no-repeat;
	text-indent: -9999em;
}

.message {
	border: 1px solid #1d1d1d;
	opacity:0.9;
	background:#0e0e0e;
	color:#000;
	display:none;
	width:320px;
	padding:3px;
	position: absolute;
	top:243px;
	font-size:11px;
	color: #ffd649;
}

.message em {
	color:#f5f5f5;
	font-style: normal;
	padding: 0 0 0 5px;
}


.submitbutton {
	padding: 15px 0 0 0;
	width: 466px;
	text-align: right;
}

#replacment-1 {
  	width: 51px;
  	height: 20px;
  	border: 0;
  	background:url(../img/button-submit.png) no-repeat center top;
  	text-indent: -9999em;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
  
}

#replacment-2 {
  	width: 66px;
  	height: 20px;
  	border: 0;
  	background: transparent url(../img/button-reset.png) no-repeat center top;
  	text-indent: -9999em;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}

#replacment-1, x:-moz-any-link {padding:0px; position: relative; top:2px;}
#replacment-1, x:-moz-any-link, x:default {padding:0;position: relative; top:-1px;}
#replacment-2, x:-moz-any-link {padding:0px; position: relative; top:-20px;}
#replacment-2, x:-moz-any-link, x:default {padding:0;position: relative; top:-1px;}

#replacment-1:hover {background: transparent url(../img/button-submit.png) 0 -20px no-repeat;
						position: relative; top:-1px; left:2px;}
#replacment-2:hover {background: transparent url(../img/button-reset.png) 0 -20px no-repeat;
						position: relative; top:0px; left:10px;}


/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #replacement-2 { position: relative; top:0px; }
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #replacement-3 { position: relative; top:-20px; }
}