html, body, p, div, ul, li, h1, h2, h3, h4 {margin:0; padding:0}

body {background:#d5e9ed url(../img/blue_gradient.jpg) repeat-x;
  font-family:arial; font-size:13px; color:#383838}

img {border:0}
a {outline-style:none}

.dashed {border-bottom:1px dashed #000; cursor:pointer; color:#444; text-decoration:none}

#wrapper { margin:0 auto}

#forkme_github {
  position:absolute;top:0;right:0
}

#view_themes {position:absolute; top:0; right:0; display:block; width:151px; height:152px;}

#header h1 {position:relative; width:506px; margin:40px auto 30px}

#header h1 a {display:block; text-indent:-9999px; height:91px; background:url(../img/band.png) no-repeat;}

#main {background:url(../img/tag_bg2.png) no-repeat; width:397px; height:566px; margin:0 auto; padding-top:1px;}

#main_photo {display:block; margin:30px auto 20px}

#main_intro {margin:0 auto 35px; width:306px; 
  /* background:#F7F0D4; border:1px solid #bfa366; border-radius:3px; box-shadow:0 1px 6px -2px #777777 inset */
  background:url(../img/intro_bg.png) no-repeat;
}

#main_intro p {display:block; padding:15px 20px; line-height:25px; text-shadow:1px 1px 1px #eee}

#view_work {display:block; margin:0 auto}

#email {width:400px; margin:10px auto 30px; text-align:center; position:relative; cursor:pointer;}

#social_networks {list-style-type:none; background:url(../img/social_networks_bg.png) no-repeat;overflow:hidden; width:367px; margin:0 auto 40px;
padding:12px 7px 25px}

#social_networks li {float:left; margin:0 10px}

#social_networks li a {display:block}

#social_network_bubble {display:none;background:transparent url(../img/white_bubble.png) no-repeat;height:92px;width:160px;padding: 20px 25px;
line-height:20px; font-size:13px}

#works {padding:40px 0 60px; border-top:1px dashed #fff; background:url(../img/gray_sand.jpg) repeat}

#work_header {width:620px; height:129px; margin:0 auto 60px; text-indent:-9999px; background:url(../img/work_header.png) no-repeat}

.work_unit_wrapper {
  width:632px; margin:0 auto 80px; position:relative; font-size:0; 
  /* box-shadow:0 10px 15px -5px #666 */
  background:url(../img/work_unit_bg.png) no-repeat center bottom; padding-bottom:26px
}

div.work_unit_wrapper:last-child {margin-bottom:60px}

.work_unit_wrapper a {color:#fff}

.work_preview { background:#fff; padding:15px; border:1px solid #666 }

.work_desc {background:#222; opacity:0.8; color:#fff; padding:8px 15px; position:absolute; bottom:40px; left:16px; font-size:12px;width:570px; text-align:center}

.work_desc span {opacity:1; text-shadow:2px 2px 2px #000}

.view_live_right {position:absolute; top:-25px; right:-30px; z-index:10; display:block; width:150px; height:146px; text-indent:-9999px; 
background:url(../img/view_live.png) no-repeat}

.view_live_left {position:absolute; top:-25px; left:-30px; z-index:10; display:block; width:150px; height:146px; text-indent:-9999px; background:url(../img/view_live_left.png) no-repeat}

#resume {background:url(../img/resume.png) no-repeat; width:193px; height:66px; margin:0 auto; display:block; text-indent:-9999px;}

.back_to_top {display:block; margin:0 auto; cursor:pointer}

#contact_header {width:620px; height:60px; margin:0 auto 60px; text-indent:-9999px; background:url(../img/contact_header.png) no-repeat}

#contact {background:#788691 url(../img/blue_sand.jpg) repeat; padding:50px 0px; border-top:1px dashed #fff}

#contact_form_wrapper {background:url(../img/work_unit_bg.png) no-repeat center bottom; padding-bottom:26px;}

#contact_form {background:url(../img/envelope_small.png) no-repeat center top; width:620px; height:377px; margin:0 auto; padding-top:1px}

.contact_form_header {margin:24px 0 5px 60px; font-weight:normal; text-indent:-9999px}

.contact_form_input {margin-left:60px;display:block; padding:6px 5px; width:486px; border:0;
background:url(../img/textarea_bg.png) repeat-x; font-family:arial}

 #name_header {background:url(../img/your_name.png) no-repeat}

#email_header {background:url(../img/your_email.png) no-repeat}

#message_header {background:url(../img/your_message.png) no-repeat} 

.contact_form_message {width:477px; margin:0 auto 20px}

#ajax_loading {width:477px; margin:10px auto; text-align:center}

#input_message {padding:5px; width:486px; height:131px; margin-left:60px; border:0;
background:url(../img/textarea_bg.png) repeat-x; font-family:arial; font-size:12px}

#send_btn {border:0;cursor:pointer; display:block; width:196px; height:65px; margin:20px auto 0}

#bottom_back_to_top {margin-top:70px}

#work_back_to_top {margin-top:50px}

#footer {padding:35px 25px 25px; text-align:center;background:#3c4d57 url(../img/alias.png) repeat-x left top }

#footer p {color:#fff; text-shadow:0 1px 2px #000 }

#footer a {color:#AFE3FF; text-decoration:none}

#footer a:hover {text-decoration:underline}