/*
  
Theme Name: Design by Eric Dies
Theme URl: http://www.ericdies.com
Description: Theme for EricDies.com
Version: 1.0
Author: Eric Dies
Author URl: http://www.ericdies.com

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
margin: 0;
padding: 0;
}

body{
margin: 0;
font-family: Geneva, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: #303030;
background-image: url("images/bg_color.jpg");
background-repeat: repeat;
color: #202020;
}

a:link, a:visited{
text-decoration: none;
font-weight: bold;
color: #372938;
}

a:hover{
text-decoration: underline;
font-weight: bold;
color: #923f9d;
}

#background{
margin: 0 auto 0 auto;
background-image: url("images/background.jpg");
background-position: top;
background-repeat: no-repeat;
width: auto;
height: 1056px;
}

#top_bar{
width: auto;
height: 40px;
background-image: url("images/top_bar.jpg");
}

#reel{
position: absolute;
margin: 0;
float: left;
width: 195px;
height: 22px;
background-image: url("images/motion_reel.png");
margin: 0px 0px 0px 680px;
padding: 0 0 0px 0px;
}

#wrapper_01{
margin: 0 auto 0 auto;
width: 950px;
text-align: left;
}

#header{
float: left;
background-image: url("images/banner.png");
width: 950px;
height: 441px;
position: inherit;
text-align: center;
}

#header2{
float: left;
background-image: url("images/banner_port.png");
width: 950px;
height: 441px;
position: inherit;
text-align: center;
}

#project_container{

}

#projects{

}

#nav{
margin: 0 auto 0 auto;
width:950px;
height:40px;
text-align:left;
}

#port_box a {
background: transparent url("images/port_button.png") no-repeat top left;
float: left;
position: absolute;
height: 105px;
width: 115px;
margin: 337px 0 0 50px;
}

#port_box a:hover {
background-image: url("images/port_roll.png");
}

#port_button a {
height: 105px;
width: 115px;
}

#content{
float: left;
background-image: url("images/content_box.png");
width: 566px;
height: 472px; /* 472 */
text-align: center;
}

#contact{
float: right;
background-image: url("images/contact_box.png");
width: 349px;
height: 472px;
text-align: center;
}

#contact_form{
float: left;
text-align: left;
margin: 36px 36px 36px 36px;
}

#slogan{
float: left;
background-image: url("images/slogan.jpg");
width: 950px;
height: 429px;
text-align: center;
}

#call_to_action{
float: left;
background-image: url("images/call_to_action.png");
width: 950px;
height: 114px;
text-align: center;
}

#blog_icon{
margin: 0;
float: right;
width: 123px;
height: 122px;
background-image: url("images/blog_icon.png");
margin: -205px 22px 0 0;
}

#portfolio{
float: left;
width: 950px;
height: auto;
text-align: center;
}

#portfolio2{
float: left;
width: 950px;
height: auto;
padding: 0 0 20px 0;
text-align: center;
}

#port_tl{
float: left;
width: 73px;
height: 72px;
background-image: url("images/top_left.png");
}

#port_tm{
float: left;
width: 804px;
height: 72px;
background-image: url("images/top_middle.png");
}

#port_tr{
float: left;
width: 73px;
height: 72px;
background-image: url("images/top_right.png");
}

#port_content{
float: left;
width: 950px;
height: auto;
background-image: url("images/middle.png");
}

#port_middle{
float: left;
width: 804px;
height: auto;
margin: 0 0 0 73px;
text-align: left;
}

#port_left{
float: left;
width: 950px;
background-image: url("images/left_side.png");
background-position: left;
background-repeat: repeat-y;
}

#port_right{
float: left;
width: 950px;
background-image: url("images/right_side.png");
background-position: right;
background-repeat: repeat-y;
}

#port_bl{
float: left;
width: 73px;
height: 82px;
background-image: url("images/bottom_left.png");
}

#port_bm{
float: left;
width: 804px;
height: 82px;
background-image: url("images/bottom_middle.png");
}

#port_br{
float: left;
width: 73px;
height: 82px;
background-image: url("images/bottom_right.png");
}