body {
   font-weight: 200;
   /*font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans, sans-serif;*/
   font-family: Helvetica, Arial, _sans, sans-serif;
   font-size: 14px;
   margin: 0;
   background-color:#333333;
}

#main {
   margin-left: auto;
   margin-right: auto;
   width: 855px;
   padding-top: 20px;
   position: relative;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   background-color:white;
}

#main .mid {
   padding-left: 10px;
}

.box {
   background-image: url("images/bg.gif");
   width: 348px;
   height: 198px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 20px;
   float: left;
   clear: left;
}

.box h2 {
   font-size: 25px;
   color: #999999;
   margin-bottom: 10px;
}

.portfolio ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.portfolio li {
   float: left;
   padding-right: 17px;
   padding-left: 3px;
   padding-bottom: 15px;
}

.portfolio img {
   border: 0;
   vertical-align: middle;
}

.profile ul {
   list-style: none;
   margin: 0;
   padding: 0;
   width:300px;
}

.profile li {
   padding-left: 3px;
   padding-bottom: 7px;
}

.profile img {
   border: 0;
}

.resume ul {
   list-style: none;
   padding:0;
   margin:0;
}

.resume li {
   padding-right:15px;
   float:left;
}

#erdinc {
   float: right;
   padding-right: 15px;
   width: 465px;
   color:#000000;
}

#erdinc h1 {
   color: #000000;
   font-size: 36px;
   margin-top: 5px;
   font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans, sans-serif;
   font-weight: 200;
}

#erdinc h2 {
   color: #000000;
   font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans, sans-serif;
   font-weight: 200;
}

#contact {
   margin: 0;
   padding: 0;
   top: 15%;
   position: fixed;
   border: 10px solid rgb(120, 120, 120);
   background-color: #FFFFFF;
   display:none;
}

#contact h1 {
   margin: 0;
   text-align: left;
   padding: 0 0 6px 12px;
   font-size: 25px;
   background-color: rgb(120, 120, 120);
   font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans, sans-serif;
   font-weight: 100;
   line-height: 1em;
   color:white;
}

#contact label {
   display: block;
   float: left;
   clear: left;
   padding-right: 4px;
   text-align: right;
   width: 90px;
   padding-top: 4px;
   font-size: 16px;
}

#contact .input {
   float: left;
   width: 300px;
   margin: 2px;
   padding: 2px 2px 2px 4px;
   border: medium none;
   font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans, sans-serif;
   font-size: 16px;
   background-color: #333333;
   color: white;
}

#contact .button {
   border: 0 none;
   color: #000000;
   cursor: pointer;
   float: right;
   font-family: Helvetica, Arial, _sans, sans-serif;
   font-size: 0.75em;
   font-weight: 100;
   height: 24px;
   margin: 4px;
   text-align: center;
   vertical-align: middle;
   background-color:#dddddd;
}



#formContents {
   float: left;
   padding: 1px;
}

#contactValidation, #contactError {
   display:none;
   padding:10px;
   color:red;
   width:300px;
}


#contactSuccess {
   display:none;
   padding:10px;
   font-size:20px;
   width:400px;
}