/*Fancy background images positioned behind site contents*/
#header{
	width: 1156px;
	height: 310px;
   background-image: url(images/header.gif);
   background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 0 0 0 0;
}

#headersp{
	width: 1156px;
	height: 161px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 0 0 0 0;
}

.webdev{
   background-image: url(images/header-webdev.png);
   background-repeat: no-repeat;}

.christian{
   background-image: url(images/header-christian.png);
   background-repeat: no-repeat;}

.backend{
   background-image: url(images/header-backend.png);
   background-repeat: no-repeat;}

.blog{
   background-image: url(images/header-blog.png);
   background-repeat: no-repeat;}

.ecomm{
   background-image: url(images/header-ecomm.png);
   background-repeat: no-repeat;}

.proof{
   background-image: url(images/header-proof.png);
   background-repeat: no-repeat;}

.print{
   background-image: url(images/header-print.png);
   background-repeat: no-repeat;}

#topmenu{
	width: 940px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
}

#topmenu ul{
	margin: 0;
	padding: 0 0 0 0;
	text-align: right;
}

#topmenu li{
	display: inline;
	margin-left: 4px;
}

#sample{
  width: 282px;
  height: 288px;
  padding: 22px 0 0 711px;
	
}

/*The wrapper that controls the white portion of the content area and tiles down the page*/
#wrapper{
	width: 1156px;
   background-image: url(images/wrapper2ultrawhitebg-wide.jpg);
   background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 0 0 0 0;
}

#sloganwrapper{
	width: 1156px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 0 0 0 0;
}

.homepg{
   background-image: url(images/sloganhome.jpg);
   background-repeat: no-repeat;
   background-position: top;}
   
.web{
   background-image: url(images/sloganweb.jpg);
   background-repeat: no-repeat;
   background-position: top;
}
   
.church{
   background-image: url(images/sloganchristian.jpg);
   background-repeat: no-repeat;
   background-position: top;
}
   
.format{
   background-image: url(images/sloganproof.jpg);
   background-repeat: no-repeat;
   background-position: top;
}
   
.brand{
   background-image: url(images/sloganprint.jpg);
   background-repeat: no-repeat;
   background-position: top;
}

#date{
	width: 1024px;
	height: 49px;
   background-image: url(images/datebg.gif);
   background-repeat: no-repeat;
   font-family: arial, sans-serif;
		font-size: 90%;
		color: #0C5695;
		text-align: left;
		font-weight: bold;
		padding: 12px 186px 20px 155px;
		line-height: 140%;
  }

#container{
  width: 874px;
  margin-left: auto;
  margin-right: auto;}

/*End of the header area*/


/*Beginning of lower portion of the page, where the header area ends and the content area begins*/
/*main text flyout menu*/
#leftbar{
	float: left;
	width: 150px;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
}

/*Main body text of every page*/
#content{
	width: 520px;
	padding: 0 0 0 0;
	margin-left: 160px;
	margin-right: 170px;
}

/*Main body text of every page*/
#rightbar{
  float: right;
	width: 186px;
	padding: 0 0 0 0;
}

.logo{
	text-align: right;
	padding-right: 4px;
	padding-bottom: 20px;
}

#clearone{
   width: 844px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#footer{width: 1156px;
   height: 103px;
   background-image: url(images/footer.jpg);
   background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;}

#btmmenu{
	width: 1156px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 16px;
}

#btmmenu ul{
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
}

#btmmenu li{
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}