body{
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 100%;
  background-image: url(../images/funky_header.png);
  background-position: top center;
  background-repeat: repeat-x;
  padding-top: 62px;
}

#wrapper{
  width: 62em;
  margin: 0 auto;
}

#wrapper_inner{
/*  position: absolute;*/
} 

#header #header_text{
  text-indent: -9000px;
  background-image: url(../images/kablingy.png);
  background-repeat: no-repeat;
  width: 348px;
  height: 120px;
} 

#header #tag_line{
  text-indent: -9000px;
  background-image: url(../images/tag_line.png);
  background-repeat: no-repeat;
  width: 393px;
  height: 120px;
  margin-top: -20px;
}

#admin_link{
  margin-top: -2em;
}             

#login_section{
  margin-right: 1em;
}

#pitch{
  clear: both;
  float: right;
  width: 35em;
  margin-top: 1em;
  margin-bottom: 2em;
} 

#pitch p{
  color: #999997;
  font-size: 200%;
  margin-bottom: 0.5em;
}

#pitch .scroll_to_link{
  text-decoration: none;
  color: #30A028;
} 

#pitch .scroll_to_link:hover{
  color: #44E439;
} 

#main_menu{
  float: right;
  margin-top: -13em;
/*  position: absolute;
  top: 0;
  right: 0;
*/}

.menu_item{
  float: left;
}

.menu_item a{
  text-indent: -9000px;
  background-repeat: no-repeat;
  width: 100px;
  height: 110px;
  display: block;
} 

#menu_portfolio{
  background-image: url(/assets/templates/kablingy/images/menu_portfolio.png);
}

#menu_services{
  background-image: url(/assets/templates/kablingy/images/menu_services.png);
}

#menu_about{
  background-image: url(/assets/templates/kablingy/images/menu_about.png);
}

#menu_blog{
  background-image: url(/assets/templates/kablingy/images/menu_blog.png);
}

#menu_contact{
  background-image: url(/assets/templates/kablingy/images/menu_contact.png);
}

#content{
  clear: both;
}

#page_wrapper{
  clear: both;
}            

.card{
  float: left;
  width: 45%;
  padding: 1em;
  height: 200px;
  background-repeat: no-repeat;
}

#products_card{
  background-image: url(../images/index_card_products.png);
  text-indent: -9000px;  
  width: 429px;
  height: 325px;
} 

#custom_software_card{
  background-image: url(../images/index_card_custom_software.png);
  text-indent: -9000px;  
  width: 429px;
  height: 325px;
} 

#consultancy_card{ 
  margin-top: -70px;
  margin-left: 50px;
  background-image: url(../images/index_card_consultancy.png);
  text-indent: -9000px;  
  width: 429px;
  height: 314px;
} 

#techie_stuff_card{
  margin-top: -90px;
  background-image: url(../images/index_card_techie_stuff.png);
  text-indent: -9000px;  
  width: 433px;
  height: 295px;
} 

.section{
  clear: both;
  margin-bottom: 2em;
  margin-top: 2em;
}

.section h3{
  font-size: 200%;
}

.section p{
  margin: 0.5em 0;
}

#portfolio_section ul{
  width: 700px;
  margin: 0 auto;
}

#portfolio_section li{
  list-style-image: none;
  margin-bottom: 2em;
}

.section_list{
  margin-right: 2em;
  margin-bottom: 2em;  
  width: 40em;
  text-align: justify;
}

.section_list li{
  margin: 0.5em 0em 0.5em 30px;
  list-style-image: url(../images/bullet.png);
}

.section h4{
  margin: 0.5em 0;
  font-size: 150%;
}

.section h5{
  color: #f17279; 
  font-size: 130%;

}
#about_section .subpage_section{
  float: left;
  width: 45%;
  padding: 0 1em 0 0;
}

.section h3{
  text-indent: -9000px;
  background-repeat: no-repeat;
} 

#portfolio{
  background-image: url(../images/headers/portfolio_header.png);
  width: 131px;
  height: 61px;
}

#about{
  background-image: url(../images/headers/about_header.png);
  width: 102px;
  height: 44px;
}

#contact{
  background-image: url(../images/headers/contact_header.png);
  width: 129px;
  height: 46px;
}

#services{
  clear: both;
  background-image: url(../images/headers/services_header.png);
  width: 133px;
  height: 46px;
}

.screenshot_link, .screenshot_link img{
  width: 640px;
}

#navigation{
  text-align: center;
  width: 220px;
  margin: 1em auto;
}

.side_bar_image{
  float: right;
}

.subpage_section{
  margin-bottom: 2em;
}

#prev{
  background-image: url(../images/previous_button.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 37px;
  display: block;
  float: left;
  text-indent: -9000px;
} 

#next{
  background-image: url(../images/next_button.png);
  background-repeat: no-repeat;
  float: right;
  width: 100px;
  height: 37px;
  display: block;
  text-indent: -9000px;  
}

#sample_work{
  height: 600px;
}

.blog_page{
  font-size: 90%;
  color: #2E2E2E;
}

.blog_page .code{
  font-family: "Courier New";
}

.blog_page .blog_post h4{
  font-size: 120%;
}

.blog_page .blog_post p{
  margin: 0.5em;
}