/* 
    Document   : stylesheet
    Created on : May 11, 2011, 2:48:53 PM
    Author     : Pixelfind
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
* {
  font-family: Arial;
  font-size: 13px; line-height: 20px;
}

h2 {
  display: inline;
}

span {
  padding: 0px;
  margin: 0px;
}

.content {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: small;
}

body{
  margin-left:  auto;
  margin-right: auto;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

.main {
  margin-left:  auto;
  margin-right: auto;
  width: 800px;
  text-align: left;
  
}

.menu {  
  width: 798px;
  text-align: center;
  height: 30px;
  background-color: #F6F6F4;
  border-bottom: 2px solid #66676B;
}

.menu_a:link {
  color: #66676B;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  line-height: 30px; display: block;
}
.menu_a:visited {
  color: #66676B;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  line-height: 30px; display: block;
}
.menu_a:hover, .menu_a:active {
  color: #66676B;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  line-height: 30px; display: block;
}

.footer {
  background-color: #F6F6F4;
  text-align: center;
  line-height: 25px;
}

.footer:link {
  color: #66676B;
  font-size:11px;
  font-weight: bold; text-decoration: none;
}
.footer:visited {  
  color: #66676B;
  font-size: 11px;
  font-weight: bold; text-decoration: none;
}

.footer:hover {  
  text-decoration: underline;
}
.footer:active {
  color: #66676B;
  font-size: 11px;
  font-weight: bold; text-decoration: none;
}
.separator {
  background-image: url('images/img6.gif');
  background-repeat: repeat-x;
  height: 6px;
  width: 100%;
  margin-top: 20px;
}
.copyright {
  font-size: 11px; color: #333333;
}

.input{
  width: 250px;
}

.name {  
  width: 100px;
  float: left;
  color: #66676B;
  font-size: 14px;
  font-weight: bold;
}

textarea {
  width: 250px;
  height: 150px;
}

.contact {
  width: 780px;
  padding-left: 10px;
  padding-top: 10px;  
}

.field {
  width: 350px;  
  border: 0px solid red;
  padding-left: 20px;
}

.submit {
  width: 360px;
}

.submit_button {
  background-color: #F6F6F4;
  border: 1px solid #66676B;
  color: #66676B;
  font-weight: bold;
}

.error_text {
  color: red;
  font-size: 9px;
}

.error_div {
  width: 350px;
  padding-left: 30px;
  text-align: left
}

.div_success {
  /*color: #0071B2;*/
	color: red;
  font-size: 16px;
  font-weight: bold;  
  width: 300px;
  text-align: center;
  border: 0px solid red;
  padding-left: 50px;
}

.div_error {
  /*color: #0071B2;*/
	color: red;
  font-size: 16px;
  font-weight: bold;  
  width: 748px;
  text-align: center;
  padding-left: 50px;
}

.menu_a1:link {
  color: #66676B;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  line-height: 30px; display: inline;
}
.menu_a1:visited {
  color: #66676B;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  line-height: 30px; display: inline;
}
.menu_a1:hover {
  color: #66676B;
  font-size: 13px;
  font-weight: normal;
  text-decoration: underline;
  line-height: 30px; display: inline;
}
.menu_a1:active {
  color: #66676B;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  line-height: 30px; display: inline;
}

.footer_a1:link {
  color: #66676B;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  line-height: 30px; display: inline;
}
.footer_a1:visited {
  color: #66676B;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  line-height: 30px; display: inline;
}
.footer_a1:hover, .footer_a:active {
  color: #66676B;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  line-height: 30px; display: inline;
}



#content { width: 780px; padding-left: 10px; padding-top: 10px; }
.menu_item { float: left; width: 250px; }

@media only screen and (max-width: 800px) {

  .main { width:96%; margin-left:2%; margin-right:2%; /* overflow:hidden; */ }
  .main img { max-width:100%; }
  #content { width:96%; margin-left:2%; margin-right:2%; }
  a.footer { display:block; }
  .copyright { margin-top:30px; }
  .menu { height:auto; width:100%; }
  .menu_item { width:100%; text-align:center; float:none; padding-top:5px; padding-bottom:5px; }
  .contact { width:96%; margin-left:2%; margin-right:2%; }
  .field { width: 100%; border: 0px solid red; padding-left: 0px; }
  .input { width: 80%; }
  .name { width: 100%; float: none; color: #0071B2; font-size: 14px; font-weight: bold; }
  textarea { width: 80%; height: 150px; }
  .submit { width: 90%; }

}