body { background-image:url('./images/backgr.png'); font-family:verdana; font-size:11px; color:#dfdfdf; margin:0; padding:0;}
#container { width:100%; background-image:url('./images/wood.jpg'); background-repeat:repeat; height:auto;clear:both;}
#content { background-image:url('./images/opa.png'); background-repeat:repeat;  width:853px; margin-left:auto; margin-right:auto; min-height:600px; height:auto; padding:10px;}
#header{ height:auto; width:100%; border-bottom:1px solid #656565;}
#footer { width:100%; min-height:100px; height:100%; margin-left:auto; margin-right:auto; padding:0;font-size:10px; border-top:1px solid #656565;}
#design { float:right; width:50%; text-align:right;}
#copyright { float:left; width:50%;}
#head { width:875px; margin-left:auto; margin-right:auto;}
#logo {  margin-top:30px; width:148px; height:52px; margin-left:10px;}
#bottom { width:875px; margin-left:auto; margin-right:auto;}
#topnav { height:31px; width:100%; background-image:url('./images/topnav.png'); margin-top:13px; }
#botnav { height:24px; width:100%; background-image:url('./images/botnav.png');  margin-bottom:20px; margin-top:-1px;}
#nav { list-style:none; margin:0; padding:0; margin-left:15px; padding-top:2px;}
#nav li { float:left; margin-left:10px; margin-right:10px; padding-left:20px; padding-right:20px;padding-top:7px; padding-bottom:6.5px;}
#nav li a { color:#ffffff; text-decoration:none; }
#nav li a:hover { text-decoration:underline; }
#slider { width:590px; height:212px; background-color:#353636; padding:5px; float:left; }
img, div { behavior: url(./js/iepngfix.htc) }
div.wrap{height:212px;}
#areas { width:auto; margin-top:20px; margin-left:auto; margin-right:auto; color:#818180; font-size:10px; text-align:center;}
div#slide-holder{z-index:40;width:590px;height:221px;position:absolute; float:left;}
div#slide-holder div#slide-runner{width:590px;height:212px;overflow:hidden;position:absolute;} 
div#slide-holder img{margin:0;display:none;position:absolute;border:none;}
div#slide-holder div#slide-controls{left:0;bottom:0px;width:590px;height:46px;margin-top:10px; margin-left:-7px;display:none;position:absolute;}
div#slide-holder div#slide-controls p.text{float:left;color:#fff;display:inline;font-size:10px;line-height:16px;margin:22px -5px 0 20px;text-transform:uppercase;}
div#slide-holder div#slide-controls p#slide-nav { float:right;height:24px;display:inline;margin:16.5px 15px 0 0;}
div#slide-holder div#slide-controls p#slide-nav a{
float:left;width:24px;height:24px;display:inline;font-size:11px;margin:0 5px 0 0;line-height:24px;font-weight:bold;text-align:center;text-decoration:none;background-position:0 0;background-repeat:no-repeat;color:white;}
div#slide-holder div#slide-controls p#slide-nav a.on{ background-position:0 -24px; }
div#slide-holder div#slide-controls p#slide-nav a{background-image:url(./images/sv.png);}
ul li a { color:white; }
ul li a:visited { color:white; }
#homefolio {  width:220px; margin-left:auto; margin-right:auto; line-height:19px; float:right;}
#homefolio p { margin-bottom:20px; margin-left:-10px; }
#homefolio img { width:166px; height:85px;  }
#homefolio h2 { margin-left:35px; }
h1 { font-family:"Trebuchet MS","Arial"; border-bottom:1px dotted #666666; padding-bottom:13px;  margin-top:5px; font-size:26px;}
h2 { font-family:"Trebuchet MS","Arial"; font-size:20px;  }
#hometext { float:left;padding:10px;  width:580px; margin-top:10px; margin-bottom:20px;line-height:20px; border-right:1px dotted #666666;  }
#contact { float:left;padding:15px;  width:580px; line-height:20px;  }
#contact h1 { margin-top:30px; }
#font { float:right; width:40px; margin-top:5px;}
#font a { color:white;}
.asmall { font-size:9px;}
.abig { font-size:14px;}


.blue { color:#5bb3f7;  }
#address {  padding:9px; float:right; width:209px; line-height:19px; margin-top:5px;}
#addressarea { padding:15px; background-color:#0a2c33; border:1px dashed #1f7c8f;  }
.active { background-image:url('./images/acti.jpg'); color:#000000; background-repeat:repeat-x;}
.active a { color:#000000; }
#contactform { padding:10px; width:570px; float:left; margin-bottom:30px; margin-top:10px; line-height:22px;}
#contactform label,input { display:block; }
#contactform label { margin-bottom:5px; }
#contactform input { margin-bottom:15px; }
#contactform textarea { margin-bottom:25px;  }
#contactform form { padding:10px; }

.homehalf { width:48%; padding:5px; float:left;}
#servs { list-style:none; margin:0; padding:0; padding-left:10px; padding-top:10px;}
#servs li { width:48%; float:left; }
#servs li img { margin-right:10px;}
#folio { margin-left:auto; margin-right:auto; width:830px;}
#foliotext { padding:10px; }
.folioitem { float:left; width:245px; height:auto; margin-left:10px; margin-right:20px; margin-bottom:26px; }
.folioitem a img {border:1px solid #CCCCCC; clear:both; margin-bottom:4px;  float:left; }
.folioitem a {text-decoration:none; color:#ffffff; text-align:center; clear:both; display:block; }
.folioitem a:hover{ text-decoration:underline; }

#services { padding:10px;}
.service { width:190px; float:left; line-height:18px; margin-left:9px; margin-right:9px;}
.service p { margin:0; }
.service h3 {font-family:"Trebuchet MS"; margin-bottom:10px; }
#sright { float:right; width:250px; margin-bottom:30px;}
#sleft { width:550px; float:left; line-height:19px;}
#sleft p { margin:0; }
.clear { clear:both; }
h3 { font-family:"Trebuchet MS","Arial"; font-size:19px; font-weight:bold; margin-bottom:10px;}

a:visited { color:#ffffff; }
h2 { margin-bottom:10px; }
#homesteps { background-image:url('./images/homestep.png'); height:83px; width:837px; clear:both; margin-left:auto; margin-right:auto; margin-bottom:22px; margin-top:10px; }
.step { width:30.5%; margin-left:20px; float:left; }
.step img { float:left; margin-top:20px; margin-right:10px;}
.step h3 { float:left; font-size:16px; margin:0; margin-top:12.5px; margin-bottom:0px; }
.step p { float:left; width:190px; margin:0; line-height:16px; }
.step p a {text-decoration:none; color:#ffffff;}
.step p a:hover {text-decoration:underline;}
#homeserv { margin-bottom:20px; clear:both;}
.testby { font-size:10px; color:#CCCCCC; font-style:italic; }
.testitem { border-top:1px dotted #787878; padding-top:10px; padding-bottom:10px; }
.testitem1 { border-top:1px dotted #787878; padding-top:10px; padding-bottom:10px; float:left; width:30%; margin-left:12px; margin-right:12px; margin-top:5px;}
.testitem1 h3 { margin-bottom:10px; padding-bottom:10px;}
#moretesti { clear:both; margin-top:35px; padding:10px; margin-bottom:40px; clear:both; line-height:20px;}
#moretesti h3 {  margin-left:10px; font-size:20px; font-family:"Trebuchet MS"; margin-bottom:5px;}
.testby { font-size:10px; color:#CCCCCC; font-style:italic; }



	.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		



		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 830px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: auto;
			clear: both;
			margin-left:-7px;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 950px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			width:810px;
			float:left;
			margin-bottom:20px;
			margin-top:29px;
			margin-left:10px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			width:auto;
			float:left; 
			margin:0; padding:0;
			width:100%;
		}
		
		.stripNav ul li {
			float: left;
			margin-right:2px;
			width:33%;/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #68add1;}
		.stripNav li.tab2 a { background: #68add1; }
		.stripNav li.tab3 a { background: #68add1; }
		.stripNav li.tab4 a { }
		.stripNav li.tab5 a { background: #68add1;  }
		
		.stripNav li a:hover {
			background: #a9e040;
		}
		
		.stripNav li a.current {
			background: #a9e040;
			color: #000;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}