* {
  margin: 0;
  padding: 0;
}

.clear { clear:both; }
.left { float:left ; }

a {
  color: #421462;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

body {
  background: transparent url(/images/bg.png) repeat-x scroll left -27px;
  color: #555;
  font-family:arial,sans-serif;
  font-size: 62.5%;
}

#wrapper {
  background: transparent url(/images/background.png) no-repeat scroll top left;
  height: 875px;
  margin:-27px auto 0;
  position: relative;
  width: 1080px;
}

#content-wrapper {
  left:130px;
  position:absolute;
  top:210px;
  width:750px;
}

#menu {
  list-style: none;  
}

#menu li {
  display:inline;
}

#menu li a {
  display:block;
  float:left;
  height:38px;
  margin-right:5px;
  outline: none;
  text-indent:-9999px;
  width:131px;
}
#menu li a.home {
  background: transparent url(/images/home.png) no-repeat scroll bottom left;
}
#menu li a.portfolio {
  background: transparent url(/images/portfolio.png) no-repeat scroll bottom left;
}
#menu li a.contact {
  background: transparent url(/images/contact.png) no-repeat scroll bottom left;
}
#menu li a:hover, #menu li a.active {
  background-position: top left;
}

#lotus-wrapper {
  background: #fff url(/images/lotus.png) no-repeat scroll 200px 45px;
  border:2px solid #333333;
  height:445px;
  margin-top: 3px;
  overflow:auto;
  width:100%;  
}

#content {
  font-size: 1.2em;
  padding:10px;
}

#content h2 {
  font-size: 1.5em;
  margin-bottom: 10px;  
}

.sf-left {
  text-align: justify;
  width: 355px;
  float: left;
  margin-bottom:20px;
}
.sf-right {
  margin-left: 20px;
  width: 335px;
  float: left;
  margin-bottom:20px;
}

table.data {
  border-collapse: collapse;
}
table.data tr td {
  border: 1px solid #555;
  padding: 5px;
  
}
table.data .odd { background-color: #EFEFEF; }
table.data .even { background-color: #EFF7FF; }

ul { list-style-position: inside; }

#footer {
  border-top: 2px solid #ccc;
  font-size:1.2em;
  padding: 20px 0;
  text-align: center;
}

.form-wrapper {
  border: 1px solid #555;
  background-color: #efefef;
  padding: 15px;
}
.form-wrapper form table { width: 100%; }
.form-wrapper form tbody th, .form-wrapper form tbody td {
  padding-bottom: 10px;  
}
.form-wrapper form tbody th {
  text-align: left;
  padding-right: 20px;
  vertical-align: top;
}
.form-wrapper form tbody td input, .form-wrapper form tbody td textarea {
  width: 450px;
}
.error_list { color: #CF4900; }

.lotus-bg {
  height: 404px;
  width: 100%;
}

#message-form {
  width: 75%;
}
#message-form #message_body { height: 150px; } 

#error-page dl {
  margin: 20px 0;
}

#error-page dt {
  font-weight: bold;
  margin-bottom: 5px;
}

#error-page dd {
  margin-bottom: 20px;
}

.experience {
  background-color: #efefef;
  border: 1px solid;
  padding: 10px;
  margin-bottom: 20px;
}

.experience h2, .experience img {
  background-color:#AAA;
  border:1px solid #333;
  margin:10px;
  padding:10px;
}

.experience h2 {
  color: #fff;
}

.experience img {
  float:left;
}

.experience .details {
  float:left;
  padding:10px;
  width:327px;
}

.experience .details .row {
  margin-bottom: 10px;
}

.experience .details .row .label {
  font-weight: bold;
}