html { min-height: 100%; margin-bottom: 1px; } /*this forces a scrollbar so it doesnt jump around */

body{
/**/
background-color:#999;

background-color: #cacaca;
background-image: url(../images/bg-repeater.jpg);
background-position: center;
background-repeat: repeat-y;
margin: 0px;
font-family: "Trebuchet MS", Verdana, Arial;
font-size: 12px;
}

a:link, a:active, a:visited {
color: #666666;
text-decoration:underline;

}
a:hover{
color: #000;
text-decoration:none
}


#holder{
width: 728px;
margin-left: auto;
margin-right: auto;
}
#lcol{
width: 448px;
float: left;
padding: 15px;
}
#rcol{
width: 250px;
float: left;

overflow: hidden;

}
.blob2holder{
overflow: hidden;
}

.blob2:link, .blob2:visited, .blob2:active {
display: block;
background-image:url(../images/blob2.0.jpg);
height: 38px;
padding-top: 18px;

width: 198px;
padding-right: 52px;
margin-top: 0px;
text-align:right;
color: #444;
text-decoration: none;
font-size: 14px;
font-weight: bold;

}
.blob2{
display: block;
}

.blob2:hover{
background-image:url(../images/blob2.0-over.jpg);
color: #000000;
}
.expander{

width: 250px;
background-image:url(../images/expander-rep.jpg);
padding-bottom: 0px;
margin-bottom: 0px;
overflow: hidden;
}
.expander form{
margin: 0px;
}
.expander table{
margin: 0px;
margin-left: 15px;


}
.expanderhead{
background-image:url(../images/expander-top.jpg);
background-repeat:no-repeat;
width: 250px;
padding-top: 12px;
margin-bottom: 3px;
text-align:center;
font-size:15px;
font-weight: bold;
color: #444;
}
.expanderdivider{
width: 250px;
height: 3px;
background-image:url(../images/expander-divider.jpg);
margin-bottom: 1px;
margin-top: 3px;
background-repeat: no-repeat;
display: block;
overflow: hidden;
}
.expanderfoot{
width: 229px;
padding-left: 19px;
background-image:url(../images/expander-bottom.jpg);
background-repeat:no-repeat;
height: 11px;
overflow: hidden;
margin: 0px;
margin-top: 5px;
}
.expander p{
padding-left: 21px;
padding-right: 21px;
margin-bottom: 2px;
margin-top: 4px;
}
 .item{
margin-top: 3px;
margin-left: 10px;
}

.expander table{
}
#emailfield, #pwdfield{
border: solid 1px #999;
height: 14px;
}
#emailfield{
width: 120px;
}
#pwdfield{
width: 82px;
margin-top: 1px;
}
#gobut{
height: 18px;
margin-top: 0px;
border: solid 1px #999;
font-size: 9px;
width: 31px;
margin-left: 2px;
padding-bottom: 2px;
}

#END{
width: 250px;
height: 10px;
border: solid 1px red;
}
H1{
font-size: 24px;
font-weight: bold;
text-transform:uppercase;
letter-spacing: -0.01em;
color:#333333;
}
#lcol p{
line-height: 21px;
}
#footer{
width: 728px;
height: 35px;
background-image:url(../images/footer.jpg);
float: left;
text-align: center;
padding-top: 15px;
margin-top: 0px;
}
.hold{
line-height: 0px; margin: 0px;
}

#features{
width: 100%;

text-align: center;
padding: 8px 0px;
margin-bottom: 25px;
}
#features img{
border: solid 1px black;
}
.head{
font-size:18px;
font-weight: bold;
}
.box1, .box2, .desc{
height: 18px;
font-family: "Trebuchet MS", Verdana, Arial;
border: solid 1px #999;
width: 230px;
padding-left: 2px;
font-size: 14px;
}
.box1{
width: 50px;
}
.desc{
width: 432px;
height: 120px;
}

.subhead{
display:block;
background-color:#666666;
color: #FFFFFF;
width: 420px;
padding: 1px 10px;
font-weight: bold;
}


#port{
/*height: 400px;*/
margin-bottom: 0px;

}
#portfoot{
margin-top: 0px;
float: left;
}

#porthead{
height: 40px;
padding-left: 13px;
padding-top: 9px;
margin-bottom: -1px;
}
.tt:link, .tt:visited, .tt:active {
display: block;
height: 29px;
background-image:url(../images/2normal.jpg);
float: left;
padding-top: 9px;
/*width: 75px;*/
width: 112.5px;
color: #000;
text-decoration: none;
}
.tt:hover{
background-image: url(../images/2over.jpg);
color: #000000;
}

#heightfiller{ width: 250px; float:left; /*height: 340px;*/}

.swapper{
width: 223px;
/*height: 340px;*/
position: relative;
margin-left: 15px;
margin-top: 3px;
display: none;
}
.thumb{
border: solid 1px #333;
margin: 3px;
float: left;
width: 64px;
height: 64px;
padding: 1px;
background-color:#666;
}
.thumb:hover{
background-color: #FFFFFF;
}
.porttit{
display: block;
width: 445px;
font-size: 14px;
font-weight: bold;
color: #666666;
border-bottom: solid 1px #666;
margin-top: 20px;
}
.porttit img{
margin-right: 10px;
}
.portbiz{
font-size: 12px;
font-style: italic;
color: #666;
margin-top: 0px;
margin-bottom: 0px;
}
.porturl{
font-size: 12px;
color: #999999;
}
.porturl a:link, .porturl a:active{
text-decoration: none;
color: #444;
}
.porturl a:visited {
text-decoration: none;
color: #444;
}
.porturl a:hover {
text-decoration: none;
color: #000000;
}
.portblurb{
font-size: 12px;
color: #999999;
}

.childthumb{
border: solid 1px #333;
margin: 3px;
float: left;
width: 45px;
height: 45px;
padding: 1px;
background-color:#666;
}

.childthumb:hover{
background-color: #FFFFFF;
}

.style2 {font-size: 10px; border: solid 1px #999; font-family: Verdana, Arial, Helvetica, sans-serif;}


/* borrowed from wheelie and heavily modified */


#addacomment{
width: 440px;
border: solid 2px #666;
padding: 0px;
margin-top: 30px;
float: left;
}
#addacomment table{
margin: 0px;
}
.titbar{
width: 430px;
padding: 5px;
background-color: #666;
color: #fff;
font-weight: bold;	
}
.field{
font-family: Verdana, Arial, Helvetica, sans-serif;
border: solid 1px #666;
font-size: 12px;
}
.button{
width: 100px;
border: solid 1px #000;
background-color: #7e8d71;
}
.message{
width: 435px;
padding: 5px;
background-color:#EEE;
color: #000000;
font-weight: bold;	
margin-bottom: 30px;
}
.comment{
width: 445px;
float: left;	
background-image:url(../images/comment-repeater.jpg);
}
.name{
margin: 0px;
font-style:italic;
font-weight: bold;
width: 415px;
background-image:url(../images/comment-top.jpg);
display: block;
padding-left: 30px;
background-repeat: no-repeat;
height: 27px;
padding-top: 5px;
}
.commentp{
margin: 0px 20px;
margin-top: 10px;
}
.comtime{
margin: 0px;
margin-top: 10px;
background-image:url(../images/comment-foot.jpg);
width: 435px;
display: block;
height: 25px;
font-style: italic;
font-size: 9px;
color: #666666;
background-repeat: no-repeat;
background-position: bottom;
padding-left: 10px;
}
.comtit{
font-weight: bold;
font-size: 18px;
color: #666666;
}
.right{
margin: 0px;
border: solid 1px #666;
}
.left{
margin: 10px;
border: solid 1px #000;
}
.border{
border: solid 1px #000;
}
.contenttext{
display: block;
}
.emailfield{
background-color: #DDD;
font-family:"Trebuchet MS", Verdana, Arial;
border: solid #444 1px;
width: 160px;
height: 16px;
font-size: 10px;
padding: 2px;
}
.emailbutton{
background-color: #404937;
border: solid 1px black;
height: 20px;
color: #fff;
font-size: 10px;
}
.newfield, .newfield2{
font-family: Verdana, Arial, Helvetica, sans-serif;
border: solid 1px #666;
font-size: 11px;
margin-top: 5px;
padding: 2px;
}
.newtextarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
border: solid 1px #666;
font-size: 11px;
width: 420px;
margin-top: 5px;
padding: 2px;
}
.newdatefield, .newdatefield2{
font-family: Verdana, Arial, Helvetica, sans-serif;
border: solid 1px #666;
font-size: 11px;
margin-top: 5px;
padding: 2px;
}
.newdatefield {width: 15px;}
.newdatefield2 {width: 30px;}
.newfield {width: 170px;}
.newfield2 {width: 100px;}

.emailbar{
float: left;
margin-top: 30px;
margin-bottom: 10px;
color: #ccc;
background-color:#666666;
}
.bar{
float: left;
margin-top: 10px;
margin-bottom: 10px;
color: #ccc;
background-color:#666666;
width: 100%;
height: 24px;
overflow: hidden;
border-bottom: solid 1px #666;
}

.barup:link, .barup:visited, .barup:active, .bardn:link, .bardn:active, .bardn:visited {
display: block;
color:  #ddd;
text-decoration: none;
float: left;
width: 25%;
text-align:center;
padding: 3px 0px;
background-color:#999;
overflow: hidden;
}
.barup:hover{
color: #fff;
background-color: #666;
}
.bardn:link, .bardn:active, .bardn:visited  {
color: #F90;
background-color: #666;
}

.nocom{
display: block;
margin-top: 30px;
font-size: 14px;
font-style:italic;
color: #666;
}
.blogtit{
margin-top: 0px;
font-size:28px;
display:block;
width: 100%;
border-bottom: 1px #666 dotted;
padding-bottom: 4px;
margin-bottom: 0px;
}
.blogtit a:link, .blogtit a:active, .blogtit a:visited {
text-decoration: none;
color: #333333;
}
.blogtit a:hover{
color: #000000;
}
.blogdate{
display: block;
width: 98%;
text-align: right;
margin-top: 4px;
margin-bottom: 15px;

}
.blogfoot{
margin-bottom: 30px;
border: none;
}

.prevtit{
font-size: 18px;
margin-bottom: 0px;

}
.subtit a:link, .subtit a:visited, .subtit a:active, .prevtit a:link, .prevtit a:visited, .prevtit a:active{
text-decoration: none;
color: #666666;
}
.prevtit a:hover, .subtit a:hover{
color: #000000;
}

.subtit{
margin-top: 0px;
color: #666666;
}
/* end  borrowed from wheelie */

.servheading{
font-size: 17px;
font-weight: bold;
text-transform:uppercase;
letter-spacing: -0.01em;
color: #333;
display:block;
background-color: #ccc;
padding-top: 3px;
padding-bottom:3px;

}

.imgs{
float:left;
padding:21px;
padding-left:0px;
padding-bottom: 10px;	
}


.imgsR{
float:right;
padding:21px;
padding-right:0px;
padding-bottom: 10px;	
}




/* BLOG */

.BLOGteaser{
width: 448px;
margin-top: 10px;
float: left;
}

.BLOGdate{
background-image:url(../images/dateblob.jpg);
width: 58px;
height: 73px;
float: left;
text-align: center;
margin-top: 0px;
font-size: 13px;
line-height: 19px;
padding-left: 2px;


}
.BLOGdatenumber{
font-size: 25px;
clear: both;
display: block;
margin-top: 16px;
margin-bottom: 0px;
}

.BLOGteaserheader{
background-color: #FFFFFF;
margin-top: 9px;
width: 370px;
float: left;
height: 54px;
padding-top: 10px;
line-height: 10px;
padding-left: 15px;
}
.BLOGteaserheader p{
margin: 0px;
}
.BLOGteaserbottom{
margin-left: 16px;
_margin-left: 8px;
border-left: 5px solid white;
border-bottom: 5px solid white;
background-color: #f5f6e7;
float: left;
width: 366px;
float: left;
height: 65px;
overflow: hidden;
padding-left: 7px;
}
.BLOGteaserbottomright{
width: 51px;
float: left;
height: 50px;
_height: 45px;
background-image: url(../images/blog-br-teaser.jpg);
padding-top: 20px;
}
.BLOGtitle{
font-size: 22px;
font-weight: bold;
}
.BLOGauthor{
margin-left: 10px;
font-size: 10px;
}
.BLOGtags{
font-size: 10px;
}
.BLOGtags a:link, .BLOGtags a:visited, .BLOGtags a:active {
color: #a0a805;
text-decoration: none;
}
.BLOGtags a:hover{
color: #000000;
text-decoration: underline;
}


.BLOGmainarticlearea{
margin-left: 16px;
_margin-left: 8px;
border-left: 5px solid white;
border-right: 5px solid white;
background-color: #f5f6e7;
float: left;
width: 389px;
padding: 15px;
}
.BLOGmainfoot{
background-image:url(../images/blog-main-bottom.jpg);
height: 19px;
float: left;
width: 429px;
margin-left: 16px;
_margin-left: 8px;
}


.BLOGcomment{
margin-left: 16px;
_margin-left: 8px;
margin-top: 10px;
width: 429px;
float: left;
}
.BLOGcommentHEAD{
background-image:url(../images/blog-comment-top.jpg);
height: 27px;
font-size: 12px;
padding-top: 9px;
padding-left: 20px;
}
.BLOGcommentbody{
border-left: 5px solid white;
border-right: 5px solid white;
padding: 15px;
padding-bottom: 0px;
background-color: #f7f7f7;
}
.BLOGcommentFOOT{
background-image:url(../images/blog-comment-bottom.jpg);
height: 19px;
}

.BLOGaddcommentHEAD{
text-align: right;
background-image:url(../images/blog-comment-top.jpg);
height: 27px;
font-size: 12px;
padding-top: 9px;
padding-right: 20px;
}

.BLOGaddcommentbody{
border-left: 5px solid white;
border-right: 5px solid white;
padding: 15px;
background-color: #d5d5d5;
padding-bottom: 0px;
}
.BLOGaddcommentFOOT{
background-image:url(../images/blog-add-comment-bottom.jpg);
height: 19px;
}
.BLOGcomentfield{
background-color: #f5f6e7;
border: none;
width: 317px;

}

.BLOGcommentdate{
font-weight: bold;
display: block;
font-size: 10px;
width: 130px;
float: right;
}



.BLOGcommentname{

display: block;
text-transform:capitalize;


width: 270px;
float: left;
}




h2{
font-size: 9px;
letter-spacing: 0.25em;
_letter-spacing: 0.2em;
font-weight: normal;
text-align: center;
margin: 0;
text-transform:uppercase;
}


.servicessubmenu{
display: block;
width: 230px;
list-style-type: none;
margin: 0;
display: block;
padding: 0;
margin: 10px 0px 10px 10px;
font-size: 14px;
padding: 10px 0px;
background-color: #b6b6b6;
font-size: 12px;
}

.service:link, .service:visited, .service:active, .servicedn:link, .servicedn:visited, .servicedn:active{
color: #444;
text-decoration: none;
display: block;
padding: 6px 20px;
margin-left: -2px;
width: 194px;
}

.service:hover, .servicedn:link, .servicedn:visited, .servicedn:active, .servicedn:hover{
background-color: #999;
color: #fff;
}



.servicedn:link, .servicedn:visited, .servicedn:active{

background-color: #888;
height: 30px;
line-height: 30px;
font-size:14px;
}


.clientlist{
font-size: 15px;

margin-left: 80px;
}


.clientlist2{
font-size: 13px;

margin-left: 0px;
padding-left: 0;
}

.clientlist2 li{
width: 200px;
}



.turtlepost{
padding-left: 20px;



}