*{
	margin:0;
	padding:0;
}

body{
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    background-color: #00002f;
}

.container{
     width: 1024px;
     margin: 0 auto;
     background:#d8d9d3;
     height:750px;
}
.logo{
    text-align: center;
}


#captha {
     display: block;
     border: 1px solid #d8d9d3;
     background-color: #d8d9d3;
     position:relative;
     padding-left:20px;
}

#captha input{
     width:50px;
     /*height:30px;*/
     border: 1px solid #ccc;
    

}
#captha fieldset {
     border: 1px solid #d8d9d3;
    margin: 10px 100px 100px 100px;
    width:400px;
}

#contact {
     display: block;
     margin: 1px;
     padding: 5px;
     border: 13px solid #d8d9d3;
     background-color: #d8d9d3;
     position: relative;
     height:790px;
}
#contact h1 {
     margin: 10px 0 10px;
     margin-left:120px;
}

#contact fieldset {
     
     border: 1px solid #d8d9d3;
     
}
#contact legend {
     padding: 7px 10px;
     color: #000; 
     margin-bottom: 20px;
}
#contact label {
     display: inline-block;
     float: left;
     padding: 6px;
     width: 155px;
     margin: 5px 0;
     clear: both;
}
#contact input{
     padding: 5px;
     width:320px;
     border: 1px solid #ccc;
     margin: 5px 0;
     outline: none;
     /*border-radius: 10px;*/
     transition: all 0.25s ease-in-out;
     -webkit-transition: all 0.25s ease-in-out;
     -moz-transition: all 0.25s ease-in-out;
     box-shadow: 0 0 5px rgba(81, 203, 238, 0);
     -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
     -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}

#divCaptcha input{
     padding: 5px;
     width:100px;
}

#contact textarea {
     width: 320px;
     height:120px;
     padding: 5px;
     border: 1px solid #ccc;
     margin: 5px 0;
     outline: none;
     /*border-radius: 0px;*/
     transition: all 0.25s ease-in-out;
     -webkit-transition: all 0.25s ease-in-out;
     -moz-transition: all 0.25s ease-in-out;
     box-shadow: 0 0 5px rgba(81, 203, 238, 0);
     -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
     -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}


#contact input:focus, #contact textarea:focus {
     border: 1px solid #ddd;
     background-color: #fff;
     color: #333;
     outline: none;
     position: relative;
     z-index: 5;
     box-shadow: 0 0 5px rgba(81, 203, 238, 1);
     -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
     -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
     -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     transition: all 0.25s ease-in-out;
     -webkit-transition: all 0.25s ease-in-out;
     -moz-transition: all 0.25s ease-in-out;
}
#contact input.error, #contact textarea.error, #contact select.error {
     box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
     -webkit-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
     -moz-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
     border: 1px solid #faabab;
     background: #fef3f3;
}
#contact input.submit {
     width: auto;
     cursor: pointer;
     position: relative;
     border: 1px solid #282828;
     color: #fff;
     padding: 6px 16px;
     text-decoration: none;
     font-size: 1.5em;
     background: #555;
     background: -webkit-gradient( linear, left bottom, left top, color-stop(0.12, rgb(60,60,60)), color-stop(1, rgb(85,85,85)) );
     background: -moz-linear-gradient( center bottom, rgb(60,60,60) 12%, rgb(85,85,85) 100% );
     box-shadow: 0 2px 3px rgba(0,0,0,0.25);
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
     text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
#contact input.submit:hover {
    background: #282828 !important;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}
#message {
     font-size: 1.5em;
     margin: 1em 0;
     padding: 10px;
     display: block;
     background: green;
     border-radius: 10px;
     color: #fff;
     text-align: center;
}
#map-outer { 
     width: 400px;
     height: 300px;
     padding: 6px;
     border: 1px solid #ccc;
     clear: both;
     border-radius: 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-box-shadow: 0 0 6px #ddd;
     -webkit-box-shadow: 0 0 6px #ddd;
     float: right;
     position: relative;     
}

#map_canvas{
 width: 400px;
 height: 300px;
 bottom:600px;
 left:400px;
 right:10px;
 position: relative;
 background-color: rgb(229, 227, 223);
 overflow: hidden;
 -webkit-transform: translateZ(0);
}


header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
   width:600px;
	border: 1px solid #004000;
	/*background: #edff00;*/
	padding: 0 20px;
    padding: 1em;
    width:600px;
  }

label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  }

legend {
   width: 450px;
	padding: 4px 8px;
}

textarea {
    min-height: 75px;
}

.editor-label {
    width:auto;
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}
.editor-textbox {
     width:auto;
     margin: 1em 0 0 0;

}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: normal;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}