/*
THEME NAME: Aproimage 2.0
THEME URI: http://aproimage.net
DESCRIPTION: Aproimage web design new site design
VERSION: 2.0
AUTHOR: Rob Plumley
AUTHOR URI: http://www.aproimage.net
*/

@import "demo1.css";
@import "liteaccordion.css";

/*Main*/

html{
  font-size: 100%;
}
p{
  margin:0 0 16px;
}
h1, h2, h3, h4{font-weight:normal;
}
h1, h2, h4{display:inline;}
h2{font-size:2em;}
h3{
  font-size:1.5em;
  line-height:1.11em;
  margin:20px 0 0 0;
}
h4{font-size:1.1em;}
a{color:#96c108; text-decoration:none; outline:none;}
a:hover{color:#ffffff;}
a:active{outline:none;}
br {vertical-align:baseline;}
img{ border:none;}
body{
  font-family: Tahoma, Geneva, sans-serif;
  background:url("images/wood.jpg") repeat scroll center top #ffffff;
  height:auto !important;
  height:100%;
  margin:0px;
  overflow:auto;
  color:#ffffff;
}

/*Container Styling*/

#maincontain{  
  width:950px; 
  margin:0 auto;
}

#homecontain{  
  width:950px;
  margin:0 auto;
  height:350px;
}

.contain{  
  width:950px;
  overflow:hidden;
  margin:0 auto;
}

/*Header*/

#header{
  background:url('images/wooda.png') repeat-x top center transparent;
  width:100%;
  height:257px;
}

.hcontent{
  height:225px;
  width:950px;
  margin:0 auto;
  position:relative;
}

.hlogo{
  overflow:hidden;
  position:absolute;
  top:30px;
}

.harrow{
  background:url("images/itbox.png") no-repeat scroll right top transparent;
  color:#555555;
  height:265px;
  position:absolute;
  right:-9px;
  top:0;
  width:318px;
  z-index:25;
}
.harrow a{
  display:block;
  height:26px;
  position:absolute;
  width:185px;
  top:110px;
  right:35px;
}
.harrow a:hover{
  border-bottom:2px solid #e4d20b;
}
.harrowcontent{
  overflow:hidden;
  width:280px;
  position:absolute;
  top:196px;
}
.harrowcontent input{
  border:2px solid #E4D20B;
  font-size:1.1em;
  height:22px;
  margin:0 0 0 13px;
  width:255px;
  padding:2px;
}
.peepo{
  background:url("images/peep.png") no-repeat scroll left top transparent;
  height:79px;
  position:absolute;
  right:-23px;
  top:132px;
  width:56px;
  z-index:100;
}

.hmedia{
  position:absolute;
  top:153px;
  left:448px;
  z-index:5;
}

.hmedia a img{
  float:left;
  width:32px;
  height:32px;
  margin:5px 0 0 2px;
}

.hmedia a img:hover{
  margin-top:0px;
}
.hmedia a img:active{
  margin-top:5px;
}

.hnav{
  width:710px;
  height:40px;
}

.hnav ul{
  padding:0;
  margin:0;
  list-style:none;
  position:absolute;
  top:185px;
  margin-left:18px;
  z-index:10;
}

.hnav li{
  float:left;
  display:inline;
}

a.menurollover {
  background:url("images/ttab.png");
  color:#FFFFFF;
  display:block;
  height:34px;
  text-decoration:none;
  width:142px;
  padding:7px 0 0 0;
  text-align:center;
  margin-left:-18px;
  font-size:1.1em;	}

a.menurollover:hover {
	background-position: -142px 0;
	}

.menudisplace {
	position: absolute;
	left: -5000px;
	}

/*Media Window*/

.mediawindow{
  width:950px;
}
.homegallery{
  float:left;
  width:635px;
  height:307px;
  margin:25px 0;
  position:relative;
}
#hgallery{
  background:url('images/dsquare.png') top left repeat;
  position:absolute;
  left:25px;
  top:31px;
  width:587px;
  height:271px;
}
.rollerchain{
  background:url('images/chain.png') top left no-repeat;
  width:25px;
  height:307px;
  float:left;
}
.roller{
  background:url('images/topscroll.png') top left no-repeat;
  float:left;
  width:610px;
  height:39px;
  position:relative;
  z-index:10;
}
.lowscroll{
  background:url("images/lowscroll.png") no-repeat scroll left top transparent;
  float:left;
  height:26px;
  margin-top:-17px;
  position:absolute;
  width:587px;
  z-index:10;
  top:302px;
  left:25px;
}
.ropey{
  background:url("images/twine.png") no-repeat scroll left top transparent;
  float:left;
  margin:-50px 0 0 7px;
  min-height:325px;
  padding-top:75px;
  width:300px;
}
.ropey a img{
  float:left;
  display:block;
  width:300px;
  height:93px;
  margin-left:-2px;
}

/*Project Board*/

.projectboard{
  height:470px;
  margin:10px auto;
  position:relative;
  width:951px;
  clear:both;
}

.projectboardtitle{
  background:none repeat scroll 0 0 rgba(0, 0, 35, 0.35);
  margin:0 0 26px 0;
  padding:5px 0 5px 100px;
  width:850px;
}

.projectstrip{
  background:transparent url(images/grass.png) repeat-x top right;
  height:134px;
  margin:-6px 0 3px -3000px;
  width:3000px;
}

.dprojectarrow{
  float:left;
  background:url('images/grassarrow.png') top right no-repeat;
  width:220px;
  height:134px;
  position:absolute;
  top:70px;
  z-index:20;
}

.wprojectarrow{
  float:left;
  background:url('images/grassarrow.png') top right no-repeat;
  width:220px;
  height:134px;
  position:absolute;
  top:201px;
  z-index:20;
}

.pprojectarrow{
  float:left;
  background:url('images/grassarrow.png') top right no-repeat;
  width:220px;
  height:134px;
  position:absolute;
  top:332px;
  z-index:20;
}

.arrowtext{
  color:#FFFFFF;
  float:right;
  font-size:1.3em;
  margin:41px 50px 0 0;
}

.designrow{
  height:116px;
  left:116px;
  position:absolute;
  top:58px;
  list-style:none;
}

.designrow ul{
  list-style:none;
  width:800px;
}

.designrow li{
  background:none repeat scroll 0 0 #FFFFFF;
  border:3px solid #333333;
  float:left;
  height:110px;
  margin-left:23px;
  width:169px;
  z-index:15;
}

.designrow li:hover{
  border-color:#e02d28;
}

.designrow img{
  max-height:110px;
  max-width:169px;
}

.designrow a{
  float:left;
  display:block;
  width:169px;
  height:110px;
}

.webrow{
  height:116px;
  left:116px;
  position:absolute;
  top:189px;
  list-style:none;  
}

.webrow ul{
  list-style:none;
  width:800px;
}

.webrow li{
  background:none repeat scroll 0 0 #FFFFFF;
  border:3px solid #333333;
  float:left;
  height:110px;
  margin-left:23px;
  width:169px;
  z-index:15;
}

.webrow li:hover{
  border-color:#abbf3c;
}

.webrow img{
  max-height:110px;
  max-width:169px;
}

.webrow a{
  float:left;
  display:block;
  width:169px;
  height:110px;
}

.photorow{
  height:116px;
  left:116px;
  list-style:none outside none;
  position:absolute;
  top:320px;
}

.photorow ul{
  list-style:none;
  width:800px;
}

.photorow li{
  background:none repeat scroll 0 0 #FFFFFF;
  border:3px solid #333333;
  float:left;
  height:110px;
  margin-left:23px;
  width:169px;
}

.photorow li:hover{
  border-color:#307bc6;
}

.photorow img{
  max-height:110px;
  max-width:169px;
}

.photorow a{
  float:left;
  display:block;
  width:169px;
  height:110px;
}

/* La Content */

.leftcontent{
  background:url('images/blkbg.png') repeat;
  float:left;
  margin-right:15px;
  padding:5px 20px;
  text-align:justify;
  width:420px;
  border-bottom:5px solid #000000;
}

.rightcontent{
  background:url('images/blkbg.png') repeat;
  float:left;
  margin-left:15px;
  padding:5px 20px;
  width:420px;
  border-bottom:5px solid #000000;
}
.rightcontent p{
  text-align:justify;
}

/*Page Styles*/

.contentleft{
  background:url("images/ltape.png") repeat scroll left top transparent;
  color:#000000;
  float:left;
  margin:0 18px 0 10px;
  overflow:hidden;
  padding:13px 30px 30px;
  text-align:justify;
  width:587px;
}
.contentleft h1{
  font-family:georgia;
}
.nailer{
  background:url("images/nails.png") no-repeat scroll left top transparent;
  float:left;
  height:31px;
  margin:0 0 10px;
  width:584px;
}
.leftimg{
  float:left;
  margin:0 0 0 -15px;
}
.rightimg{
  float:right;
  margin:0 0 0 15px;
}
.contentleft em strong{
  margin:0;
}
.fourquote{
  float:left;
  font-family:Georgia;
  font-size:1.5em;
  font-style:italic;
  margin:0 0 20px;
}
.columnright{
  float:left;
  min-height:500px;
  padding:25px 0 0;
  text-align:center;
  width:272px;
}
.columnright img{
  float:left;
}
.potbox{
  background:url("images/stalk.png") repeat-y scroll center top transparent;
  float:left;
  margin:-32px 0 0 14px;
  padding-top:656px;
}

/*Services Page*/

.servcontent{
  
}
.shelfcontain{
    min-height: 500px;
    overflow: hidden;
    position: relative;
    width: 950px;
    margin:-35px 0 0;
}
.shelving{
    background: url("images/shelf.png") no-repeat scroll left top transparent;
    float: left;
    min-height: 240px;
    position: absolute;
    top: 280px;
    width: 950px;
    z-index: -100;
}
.spiderpic{
    position: absolute;
    top: 0px;
    z-index:10;
}
.spiderpic a{
  position:absolute;
  display:block;
  width:344px;
  height:420px;
  z-index:15;
  top:0px;
}
.spiderpic a:hover{
  background:url('images/spwd.png') center center no-repeat;
}
.penspic{
    left: 320px;
    position: absolute;
    top: 25px;
    z-index: 5;
}
.penspic a{
  position:absolute;
  display:block;
  width:280px;
  height:340px;
  z-index:15;
  top:0px;
}
.penspic a:hover{
  background:url('images/spgd.png') center center no-repeat;
}
.campic{
    left: 600px;
    position: absolute;
    top: 165px;
    z-index: 5;
}
.campic a{
  position:absolute;
  display:block;
  width:324px;
  height:257px;
  z-index:15;
  top:0px;
}
.campic a:hover{
  background:url('images/spp.png') center center no-repeat;
}
.horacc{
    float: left;
    min-height: 250px;
    overflow: hidden;
    width: 950px;
    position: relative;
    z-index: 1000;
    margin: 45px 0 0 25px;
}
.foldpage{
  background:url('images/foldpage.jpg') top left no-repeat;
  width:626px;
  height:303px;
  padding:5px;
}
.foldpage a{
    color: #D00716;
    float: left;
    font-size: 1.1em;
    margin-top: 5px; 
}
.foldpage a:hover{
    text-decoration:underline;
}
.foldpage p{
    color: #000000;
    margin: 0 0 0 10px;
    max-width: 600px;
    text-align: justify;
}
.foldpage h2{
  font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;  
  color:#d00716;
  font-size:1.6em;
  margin:10px;
}
.redfold{
  background:#d00716;
  width:636px;
  height:313px;
  padding:4px;
}
.bluefold{
  background:#1f74cc;
  width:636px;
  height:313px;
  padding:4px;
}
.greenfold{
  background:#4a5d47;
  width:636px;
  height:313px;
  padding:4px;
}

/*Posts*/

.tvrow{
  background:url('images/lowstripe.png') bottom left no-repeat;
  width:950px;
  float:left;
  position:relative;
  min-height:407px;
}
.tvimg{
  float:left;
  width:560px;
  position:relative;
  z-index:30;
}
.gallerynav{
  background:url('images/tvnav.png') top left no-repeat;
  position:absolute;
  top:290px;
  left:25px;
  width:362px;
  height:35px;
  z-index:35;
  padding:12px 10px 0 10px;
}
.gallerynav a{
  color:#ffffff;
}
.gallerynav a:hover{
  color:#cccccc;
}
#fprev{
  float:left;
  width:100px;
}
.captionround{
  color:#cccccc;
  float:left;
  text-align:center;
  min-width:162px;
  font-size:0.75em;
  min-height:1px;
}
#fnext{
  float:left;
  width:100px;
  text-align:right;
}
#fgallery img{
  width:378px;
  height:317px;
}
.tvpic{
  background:url('images/whitenoise.gif') top center no-repeat;
  height:317px;
  left:26px;
  position:absolute;
  top:20px;
  width:378px;
  z-index:26;
}
.tvboard{
  background:url("images/leatherb.png") repeat scroll 0 0 transparent;
  float:left;
  height:372px;
  margin:9px 0 0;
  padding:13px 0 0 20px;
  width:369px;
}
.tvboard a h4:hover{
  text-decoration:underline;
}
.tvboard h2{
  color:#000000;
  float:left;
  font-size:1.45em;
  margin:0 0 13px;
  width:100%;
}
.tvba{
  color:#000000;
  float:left;
  margin:0 0 15px;
  width:260px;
}
.tvbb{
  color:#000000;
  float:left;
  margin:0 0 15px;
  width:260px;
}
.tvboard img{
  float:left;
  margin:0 0 0 10px;
  max-height:145px;
  max-width:340px;
}
.redfour{
  color:#A7120E;
  float:left;
  font-size:1.15em;
  margin:0 0 0 10px;
  width:57px;
}
.redfourb{
  color:#A7120E;
  float:left;
  font-size:1.15em;
  margin:0 0 0 10px;
  width:98px;
}
.synbox{
  float:left;
  margin:0 0 15px;
  overflow:hidden;
  padding:0 0 0 10px;
  width:345px;
}
.redsyn{
  color:#A7120E;
  float:left;
  font-size:1.15em;
  height:20px;
  margin:0 10px 2px 0;
  width:88px;
}
.foursyn{
  color:#000000;
}
.stripecontent{
  background:url("images/stripes.png") repeat-y scroll left top transparent;
  float:left;
  margin:-6px 0 0;
  min-height:350px;
  padding:13px 15px 30px 120px;
  width:815px;
  position:relative;
}
.stripecontent p{
  margin:10px 14px 10px 15px;
  text-align:justify;
}
.stripecontent strong{
  color:wheat;
  width:100%;
  margin-bottom:2px;
  float:left;
}
.stripecontent h2{
  font-size:1.8em;
  font-weight:normal;
}
.scontpho{
  width:500px;
  overflow:hidden;
  float:left;
}
.noteppr{
    background: url("images/notppr.png") no-repeat scroll left top transparent;
    color: #000000;
    height: 281px;
    left: 653px;
    padding: 130px 0 0 38px;
    position: absolute;
    top: -17px;
    width: 274px;
}
.noteppr br{
  margin-bottom:9px;
}

/*Singles*/

.mtape{
  background:url("images/mtape.png") no-repeat scroll left top transparent;
  color:#241705;
  float:left;
  font-family:Georgia,Georgia,serif;
  margin:25px 0 14px;
  min-height:36px;
  overflow:hidden;
  padding:10px 0 7px 20px;
  width:950px;
}
.mtape h1{
  font-weight:normal;
  font-size:1.6em;
}
.mtapeb{
  background:url("images/mtape.png") no-repeat scroll left top transparent;
  color:#241705;
  float:left;
  font-family:Georgia,Georgia,serif;
  margin:15px 0 14px;
  min-height:29px;
  overflow:hidden;
  padding:15px 0 7px 480px;
  width:470px;
}
.mtapeb p{
  float:left;
  font-family:lucida Grande;
  font-size:1.2em;
  margin:-2px 10px 0 0;
  width:auto;
}
.photodesc{
  float:left;
  width:100%;
}

/*Footer*/

.footer{
  background:url("images/woodb.png") repeat-x scroll left top transparent;
  min-height:257px;
  width:100%;
  float:left;
}

.footcontent{
  width:950px;
  margin:0 auto;
  overflow:hidden;
}
/* Special Classes */

.writeup{
  font-size:1em;
  text-align:justify;
}

/*Rollovers*/

a.rollover {
	display: block;
	width: 150px;
	height: 44px;
	text-decoration: none;
	background: url("webvamp.jpg");
	}

a.rollover:hover {
	background-position: -150px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}