@charset "UTF-8";

/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, font, img, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tr, th, td 
{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
}




/* general */
body
{
  background:url(img/bg.jpg) repeat scroll top left;
  font-size:100%/16px;
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.125em;
  color:#ffffff;
  text-align:left;
}

.clear 
{
  clear:both;
}

#header
{
  border-top:8px solid #414141;
}

#wrapper
{
  width:780px;
  margin:0 auto;
}

#wrapper .a1, #wrapper .a2, #wrapper .a3, #wrapper .a4
{
  min-height:800px;
  padding:0 0 0 45px;
}

#wrapper .a2, #wrapper .a3, #wrapper .a4
{
  border-top:2px solid #414141;
}




/* navigation */
#wrapper ul.nav
{
  margin-left:370px;
  padding:5px 0;
}

#wrapper ul.nav li
{
  color:#a80303;
  font-weight:bold;
  font-size:1.125em;
  list-style:none;
  display:inline;
  padding:0 15px;
}

#wrapper ul.nav li a:link, #wrapper ul.nav li a:visited
{
  color:#414141;
  text-decoration:none;
}

#wrapper ul.nav li a:hover
{
  color:#a80303;
  text-decoration:none;
}

/* logo */
#wrapper img.logo
{
  padding:30px 0;
}


/* main */
#wrapper .a1 p
{
  padding:15px 40px;
  font-size:.8125em;
}

#wrapper .a1 p.resume a
{
  display:block;
  width:241px;
  height:0;
  padding:24px 0 0 0;
  background:url(img/dl_resume_btn.gif) no-repeat 0 0;
  overflow:hidden;
}

#wrapper .a1 p.resume a:hover
{
  background:url(img/dl_resume_btn_hover.gif) no-repeat 0 0;
}




/* portfolio */
.prev
{
  display:block;
  width:39px;
  height:59px;
  text-indent:-5000px;
  background:url(img/prev_btn.gif) no-repeat 0 0;
  float:left;
  margin-top:126px;
}

.next
{
  display:block;
  width:39px;
  height:59px;
  text-indent:-5000px;
  background:url(img/next_btn.gif) no-repeat 0 0;
  float:left;
  margin-top:126px;
}

.carousel
{
  float:left;
  background-color:#ffffff;
  padding:10px 0;
  border-left:10px solid #ffffff;
  border-right:10px solid #ffffff;
  width:592px;
  height:300px;
}

.carousel ul li
{
  padding:0px;
  width:592px;
  height:300px;
  list-style:none;
}

.links
{
  text-align:left;
  background:#000;
  width:587px;
  color:#fff;
  padding:5px 0 5px 5px;
  position:absolute;
  bottom:0px;
  display:none;
  opacity:0.8;
  filter:alpha(opacity=80);
}

.title
{
  font-size:1.25em;
  color:#fff;
  font-weight:bold;
}

.visitsite
{
  color:#fff;
  font-weight: bold;
  font-size:1.25em;
}

.visitsite:hover
{
  color:#a80303; 
}

.block
{
  width:250px;
  height:280px;
  position:relative;
  float:left;
}

.block p
{
  margin:0;
  font-size:.75em;
  font-weight:normal;
}

.siteImage
{
  width:592px;
  height:300px;
}

.block:hover .links
{
  display:block;
}




/* skills */
#wrapper .a3 p
{
  font-size:.8125em;
  padding-bottom:22px;
}

#wrapper .a3 div.skills
{
  display:block;
  float:left;
  width:238px;
}

#wrapper .a3 div.skills ul
{
  font-size:.875em;
  font-weight:bold;
  color:#a80303;
  padding:0 0 22px 0;
  margin:0 0 0 15px;
}

#wrapper .a3 div.skills ul li
{
  list-style:url(img/plus.gif);
  padding:0 0 4px 0;
}

#wrapper .a3 div.skills h1
{
  font-size:1.185em;
  color:#414141;
  padding:0 0 4px 0;
  font-weight:normal;
}




/* contact */
#wrapper .a4 div.contact
{
  float:left;
  width:259px;
}

#wrapper .a4 div.contact p
{
  padding:0 0 18px 0;
  font-size:.8125em;
}

#wrapper .a4 div.contact p a:link, #wrapper .a4 div.contact p a:visited
{
  font-size:1.154em;
  font-weight:bold;
  color:#a80303;
  text-decoration:none;
}

#wrapper .a4 div.contact p a:hover
{
  color:#414141;
}

#wrapper .a4 div.emailme
{
  font-size:.875em;
  color:#a80303;
  width:460px;
  float:right;
  font-weight:bold;
  text-align:right;
  vertical-align:top;
}

.formerror
{
  font-size:1em;
  color:pink;
  width:460px;
  float:right;
  font-weight:bold;
  text-align:right;
  vertical-align:top;
}

#wrapper .a4 div.emailme input
{
  margin:0 0 10px 10px;
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  border:none;
}

#wrapper .a4 div.emailme input.message, #wrapper .a4 div.emailme input.messageError
{
  width:270px;
  padding:5px;
  height:17px;
}

#wrapper .a4 div.emailme input.message
{
  background-color:#414141;
}

#wrapper .a4 div.emailme input.messageError
{
  background-color: pink;
}

#wrapper .a4 div.emailme textarea
{
  background-color:#414141;
  width:270px;
  padding:5px;
  height:115px;
  margin:0 0 10px 10px;
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  border:none;
  vertical-align:top;
}

#wrapper .a4 div.emailme textarea.commentError
{
  background-color: pink;
  width:270px;
  padding:5px;
  height:115px;
  margin:0 0 10px 10px;
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  border:none;
  vertical-align:top;
}

#wrapper .a4 div.emailme input.buttons
{
  width:89px;
  background-color:#a80303;
  text-align:center;
  height:34px;
  padding:7px 0;
  font-weight:bold;
}

#wrapper .a4 div.emailme p.comment
{
  width:170px;
  float:left;
  text-align:right;
  margin:0 0 10px 0;
}