/*  copyright Pepper Webdesign */

body{background:#000000 url(../images/body-bak.jpg);color:#FFFFFF;font-family:Century Gothic,Lucida Grande,Lucida Sans Unicode,Verdana,Arial,Helvetica,sans-serif;font-size:14px;margin:0;padding:0;}
h1{background:url(../images/pepperlogo.png) top left no-repeat;height:74px;width:268px;display:block;position:absolute;text-indent:-999em;top:30px;left:20px;margin:0;padding:0}
h2{background:url(../images/h2text.png) top left no-repeat;height:99px;width:476px;display:block;text-indent:-999em;margin:0;padding:0;margin:10px 0px 30px 0px;}
input.txtBox {width:300px;}
textarea{width:500px;}
#surrounds{background:url(../images/logo-bak.jpg) top left no-repeat;}
.toptext{height:130px;color:#000000;width:460px;margin:0 auto;}
#content-surrounds{width:940px;margin:0 auto;min-height:500px}
.content{margin:0px 0px;width:600px;float:left;line-height:1.7em;font-size:18px;}
.content-right{float:right;}
.clear{clear:both;}
a {font-weight: bold; color: #34c312; text-decoration: none; }
a:hover {text-decoration: underline;}
#menu{position:absolute;border-bottom:2px solid #272727;top:30px;right:30px;padding-bottom:8px;}
#menu a{color:#ffffff;font-weight:normal;}
#menu .a2{margin-left:20px;}
.emph{font-size:1.4em}
.footer{padding:20px 0px;text-align:center;}
.footer .ftxt{color:#4a4949;margin:20px 0px}
div.hr{width:500px;margin:0 auto;height:1px;background-color:#343434;}


/* SLIDER */

.section-inner{padding-left:52px;}

#sectional {	border:1px solid #343434;padding: 0px;	margin-top:20px;}
#sectional .section {float: left;position: relative;}
#sectional .section .wrap {padding: 65px 70px 0;}

#sectional .section h3 {position: relative;width: 70px;margin: 0;	z-index: 100;text-indent: -999em;}
#sectional #specialties.section h3 {background: url(../images/sectional/h3-specialties.png) no-repeat left top;}
#sectional #design.section h3 {background: url(../images/sectional/h3-design.png) no-repeat left top;}
#sectional #seo.section h3 {background: url(../images/sectional/h3-seo.png) no-repeat left top;}
#sectional #about.section h3 {background: url(../images/sectional/h3-about.png) no-repeat left top;}

#specialties h4,
#design h4,
#seo h4,
#about h4 {position: absolute;z-index: 0;display: block;text-indent: -999em;width: 654px;height: 23px;top: 20px;left: 150px;margin: 0;}
#specialties h4 {background: url(../images/hereswhatwedo.png) no-repeat }
#design h4 {background: url(../images/buildittherightway.png) no-repeat; }
#seo h4 {background: url(../images/seo.png) no-repeat; }
#about h4 {background: url(../images/moreaboutus.png) no-repeat; }

#sectional #specialties.section {background-color: #0a0a0a;}
#sectional #design.section {	background-color: #111111;}
#sectional #seo.section {	background-color: #161616;}
#sectional #about.section {	background-color: #1d1d1d;}

/* END SLIDER */