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

html,
body {
    margin:0;
    padding:0;
    color:#000;
    background:#FFFFFF;
}
#body {
    width:1000px;
    margin:0 auto;
    background:#ffffff;
}
#header {
	width:1000px;
    background:#ffffff;
}
#content-1 {
	float:left;
    width:150px;
    background:#ffffff;
}

#content-2 {
    float:right;
    width:850px;
}

#content-2-1 {
    float:left;
    width:300px;
    background:#ffffff;
}
#content-2-2 {
    float:right;
    width:320px;
    padding:15px;
    background:#ffffff;
}
#footer {
	clear:both;
    padding:10px;
    background:#FFFFFF;
}

* {
  margin: 0px;
  padding: 0px;
}
 
#contact_overview {
  font-family: Trebuchet, Arial, Lucida Grande, sans-serif;
  line-height: 1.5;
  padding: 15;
  
}
	


/*Left Side Nav*/
 
nav {
  vertical-align: top;
  font-family: Trebuchet, Arial, Lucida Grande, sans-serif;
  line-height: 1.5;
  width: 150px;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
 
.menu-item {
  background: #fff;
  width: 150px; 
}

.menu-item h4 {
  border-bottom: 1px solid rgba(0,0,0,0.3);
  border-top: 1px solid rgba(255,255,255,0.2);
  color: #a3a3a5;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 12px;
   
  /*Gradient*/
  background: #fff; /* Old browsers */

}

.menu-item h4:hover {  
  background: #eee; /* Old browsers */

}

.menu-item h4 a {
  color: #a3a3a5;
  display: block;
  text-decoration: none;
  width: 150px;
}

.alpha p {
    font-size: 13px;
    padding: 8px 12px;
    color: #aaa;
}

.menu-item ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
   
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
 
.menu-item ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #aaa;
  display: block;
  width: 150px;
}
 
/*li Styles*/
.menu-item li {
  border-bottom: 1px solid #eee;
}
 
.menu-item li:hover {
  background: #eee;
}

#menu-item-1:hover ul {
height: 33px;
}
#menu-item-2:hover ul {
height: 63px;
}
#menu-item-3:hover ul {
height: 93px;
}
#menu-item-4:hover ul {
height: 123px;
}
#menu-item-5:hover ul {
height: 153px;
}
#menu-item-6:hover ul {
height: 183px;
}


/*Contact*/

#contact-area {
	width: 300px;
	margin-top: 0px;
}

#contact-area p{
	font-size: 1.3em;
	margin-bottom: 15px;
}


#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 251px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}