*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body{
	background: #38330D url(chrome/bgTile.jpg) repeat top left;
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", "Verdana", Sans-Serif;
}

#containerwrap{
	height: auto;
	height: 100%;
	width: 100%;
}

#container,
#menu,
#header,
#flashheader,
#mainwrapper,
#maincontentarea{ width: 1000px; }

#container{
	background: transparent url(chrome/bgContentTop.jpg) repeat-y top center;
	margin: 0 auto;
}

#header{
	background: transparent url(chrome/bgTop.jpg) repeat 0 0;
	height: 56px;
}

#menu{
	background: transparent url(img/sts_menu_bg.gif) no-repeat 0 0;
	list-style: none;
	margin: 0 auto;
	padding-left: 104px;
	width: 896px; 
}

	#menu li{ float: left; }
	
	#menu li a:link,
	#menu li a:visited{
		background: transparent url(img/sts_menu_home.gif) no-repeat 0 0;
		display: block;
		height: 58px;
		text-decoration: none;
		text-indent: -13000em;
		width: 83px;
	}
	
		#menu li.who a:link,
		#menu li.who a:visited{ background-image: url(img/sts_menu_who.gif); width: 130px; }
	
		#menu li.what a:link,
		#menu li.what a:visited{ background-image: url(img/sts_menu_what.gif); width: 127px; }
	
		#menu li.when a:link,
		#menu li.when a:visited{ background-image: url(img/sts_menu_when.gif); width: 148px; }
	
		#menu li.why a:link,
		#menu li.why a:visited{ background-image: url(img/sts_menu_why.gif); width: 143px; }
	
		#menu li.where a:link,
		#menu li.where a:visited{ background-image: url(img/sts_menu_where.gif); width: 162px; }
	
	#menu li a:hover,
	#menu li a:active,
	#menu li a:link.act,
	#menu li a:visited.act{ background-position: 0 -58px; }
	
#new-menu{
	background: transparent url(img/sts_menu_bg.gif) no-repeat 0 0;
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
	width: 900px; 
}

	#new-menu li{ float: left; }

	#new-menu li a:link,
	#new-menu li a:visited{
		background: transparent url(chrome/newNav.jpg) no-repeat 0 0;
		display: block;
		height: 56px;
		text-indent: -13000em;
		width: 106px;
	}

		#new-menu li.who a:link,
		#new-menu li.who a:visited{ 
			background: transparent url(chrome/newNav.jpg) no-repeat -106px 0; 
			width: 130px; 
		}

		#new-menu li.what a:link,
		#new-menu li.what a:visited{ 
			background: transparent url(chrome/newNav.jpg) no-repeat -236px 0; 
			width: 127px; 
		}

		#new-menu li.when a:link,
		#new-menu li.when a:visited{ 
			background: transparent url(chrome/newNav.jpg) no-repeat -363px 0; 
			width: 148px; 
		}

		#new-menu li.why a:link,
		#new-menu li.why a:visited{ 
			background: transparent url(chrome/newNav.jpg) no-repeat -511px 0; 
			width: 143px; 
		}

		#new-menu li.where a:link,
		#new-menu li.where a:visited{ 
			background: transparent url(chrome/newNav.jpg) no-repeat -654px 0; 
			width: 154px; 
		}
		
		#new-menu li.blog a:link,
		#new-menu li.blog a:visited{ 
			background: transparent url(chrome/newNav.jpg) no-repeat -808px 0; 
			width: 92px; 
		}

	#new-menu li a:hover,
	#new-menu li a:active,
	#new-menu li a:link.act,
	#new-menu li a:visited.act{ background-position: 0 -56px; }
	
		#new-menu li.who a:hover,
		#new-menu li.who a:active,
		#new-menu li.who a:link.act,
		#new-menu li.who a:visited.act{ background-position: -106px -56px; }
		
		#new-menu li.what a:hover,
		#new-menu li.what a:active,
		#new-menu li.what a:link.act,
		#new-menu li.what a:visited.act{ background-position: -236px -56px; }
		
		#new-menu li.when a:hover,
		#new-menu li.when a:active,
		#new-menu li.when a:link.act,
		#new-menu li.when a:visited.act{ background-position: -363px -56px; }
		
		#new-menu li.why a:hover,
		#new-menu li.why a:active,
		#new-menu li.why a:link.act,
		#new-menu li.why a:visited.act{ background-position: -511px -56px; }
		
		#new-menu li.where a:hover,
		#new-menu li.where a:active,
		#new-menu li.where a:link.act,
		#new-menu li.where a:visited.act{ background-position: -654px -56px; }
		
		#new-menu li.blog a:hover,
		#new-menu li.blog a:active,
		#new-menu li.blog a:link.act,
		#new-menu li.blog a:visited.act{ background-position: -808px -56px; }

#flashheader{
	background: transparent url(chrome/flashHolder2.jpg) no-repeat top right;
	clear: both;
	float: left;
	height: 240px;
	margin: 0;
	overflow: hidden; 
	padding: 0;
}

#flashheader.wherehead{ background-image: url(chrome/flashHoldersign.jpg); }

#mainwrapper,
#maincontentarea{
	background: transparent url(chrome/bgContentBtm.png) no-repeat bottom center;
	float: left;
	margin: 0; 
	padding: 0 0 90px;
}

#maincontentarea{
	background-image: url(chrome/bgContentMiddle.png);
	margin: 0 auto;
	padding: 0;
}

/* maincontent
--------------------------------------------------------------------------------*/

#maincontent{
	color: #FFF;
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 880px;
}

	#maincontent p{ line-height: 1.5; padding: 10px 10px 10px 40px; }
	
	#maincontent .box p{ padding: 0; }

	#maincontent b{ font-weight: bold; }
	
	#maincontent h1,
	#maincontent h2,
	#maincontent h3,
	#maincontent h4{ display: block; }

	#maincontent h1{
		color: #FFF;
		font: bold 24px "Trebuchet MS", "Tahoma", Sans-Serif;
		margin: 5px;
	}
	
	#maincontent h2,
	#maincontent h3,
	#maincontent h4,
	#maincontent h5{
		color: #FFFFCC;
		font: normal 20px "Trebuchet MS", "Tahoma", Sans-Serif;
		letter-spacing: .05em;
	}
	
	#maincontent h4,
	#maincontent h5{ font-family: "Trebuchet MS", "Tahoma", Sans-Serif; font-size: 18px; }

	#maincontent h2{
		border: dashed #423D1D;
		border-width: 0 0 1px 0;
		margin: 10px 0 0 40px;
		padding: 0 0 2px 0;
		width: 70%;
	}

	#maincontent h3{ padding: 5px 0px 3px 20px; }

	#maincontent h4{
		color: #b8b59d;
		margin: 10px 0 0;
		padding-left: 25px;
	}

	#maincontent h5{
		background-color: #BE3322;
		border-bottom: 1px solid #333;
		color: #D7A968; 
		margin: 1em 0 0;
		margin-left: 30px;
		padding: .2em .5em;
		width: 350px;
	}

	#maincontent a:link,
	#maincontent a:visited{
		color: #FFF;
		text-decoration: underline;
	}

		#maincontent a:hover,
		#maincontent a:active{
			color: #BD533E;
			text-decoration: none;
		}

	#maincontent ul{ display: block; }

		#maincontent li{
			font: normal 12px "Tahoma", Sans-Serif;
			line-height: 1.5;
			list-style-type: circle;
			margin-left: 50px;
		}
		
.staff_photo{
	background: #FFF;
	border: 1px solid #292400;
	margin: 12px 10px 0;
	padding: 10px 0 8px;
	text-align: center;
	width: 150px;
}

.staff_photo h6{
	color: #69654b;
	font-family: "Georgia", Sans-Serif;
	font-size: 14px;
	margin: 0;
	padding: 3px 0 0;
}

#maincontent .staff_photo p{
	color: #69654b;
	font-size: 10px;
	line-height: 1;
	margin: 0;
	padding: 0 5px;
}

.staff_photo.float-left{ float: left; margin-left: 30px; }
.staff_photo.float-right{ float: right; margin-right: 0; }
		
img.float-left{
	float: left;
	margin: 10px 10px 0 40px;
}
		
img.float-right{
	float: right;
	margin: 10px 40px 0 10px;
}

.float-clear:after{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

.staff-wrap{ margin-bottom: 50px; }

	.staff-wrap p.email a:link,
	.staff-wrap p.email a:active{
		background: transparent url(my_images/lil-email.gif) no-repeat 0 2px;
		padding: 2px 0 2px 25px;
	}

.halfbox{
	float: left;
	width: 400px;
}

	.halfbox.mrg-left{ margin-left: 20px; }

.address-img{
	float: right;
	margin: 0 0 0 10px;
	width: 150px;
	z-index: 100; 
}

address.vcard{
	font-style: normal;
	padding: 10px 10px 10px 40px;
}

.txt-center{ text-align: center; }

.full{ 
	background-color: #FFF;
	border: 2px solid #867E59;
	margin: 5px;
	padding: 5px; 
}

.market-wrap{ position: relative; width: 550px; }

#maincontent .market-wrap h4{ margin-top: 50px; }

.float-right.market{
	float: right;
	padding: 5px 10px;
	position: absolute;
	left: 400px;
	width: 100px;
}

	.float-right.market img{
		border: 1px solid #FFF;
		margin: 10px 0;
	}
	
	.float-right.greenc{ margin-right: 500px; }
	
.float-cleared{ /* use sparingly */
	clear: both; 
	height: 0; 
	font-size: 0; 
}

/* side navigations
--------------------------------------------------------------------------------*/

#corkboardext{ 
	background: transparent url(my_images/sts_cb_fill.gif) repeat-y 0 0; 
	float: right;
	margin: 20px 0 0 20px;
	width: 256px;
}

	#corkboardext .top{ background: transparent url(my_images/sts_cb_top.gif) no-repeat 0 0; }
	#corkboardext .bottom{ 
		background: transparent url(my_images/sts_cb_bottom.gif) no-repeat 0 100%; 
		padding: 20px 0 0 20px;
	}	
	
	#corkboardext img{
		padding-left: 5px;
	}
	
		#corkboardext img.staple{ margin: -20px 0 0 20px; }
	
		#corkboardext img.note{
			float: left;
			height: 128px;
			margin: 0 0 10px;
			width: 128px; 
		}
		
		#corkboardext img.note.client,
		#corkboardext img.note.green{
			float: right;
			margin: -120px 20px 0 0;
		}
		
		#corkboardext img.note.case{
			height: 129px;
			margin: -40px 20px 0 0;
			width: 134px;
		}
		
		#corkboardext img.note.green{
			float: right;
			margin-left: 75px;
		}
		
		#corkboardext img.partner{
			height: 78px;
			margin: 5px 30px 15px -8px;
			padding: 0;
			width: 229px;
		}

#sidenavh,
#sidenavwhy{
	background: transparent url(my_images/corkboard.png) no-repeat top center;
	float: right;
	height: 400px;
	margin: 20px 0 0 20px;
	padding: 20px 0 0 20px;
	width: 236px;
}
	a#blogCall img{
		margin-top: -15px;
		margin-left: -5px;
	}
	img.employHome2{
		margin-top: -12px;
		padding-left: 7px;
	}

	#sidenavwhen{ margin: 0 0 20px 20px; }

	#sidenavwhere,
	#sidenavwho{ margin: 0 0 20px 0; }

	#sidenavwhy{ width: 266px; }

	#sidenavwho,
	#sidenavwhat,
	#sidenavwhen,
	#sidenavwhere{ float: right; padding: 0; width: 250px; }

	#sidenavwho,
	#sidenavwhat{ background: transparent url(my_images/chalkboard.gif) no-repeat top center; height: 270px; }

	#sidenavwhat{ height: 260px; }
	#sidenavwhen{ background: transparent url(my_images/whiteboard.png) no-repeat top center; height: 300px; }
	#sidenavwhere{ background: transparent url(my_images/phone.png) no-repeat top center; height: 280px; }
	
	#sidenavwho a:link.check,
	#sidenavwho a:visited.check{
		background: transparent url(my_images/sts_check_icon.gif) no-repeat 100% -26px;
		display: block;
		margin: 10px 0 10px 40px;
		padding: 0 25px 0 0;
		width: 150px;
	} 
	
	#sidenavwho a:hover.check,
	#sidenavwho a:active.check,
	#sidenavwho a:link.check.act,
	#sidenavwho a:visited.check.act{ background-position: 100% 0; }
	
#sidenav img{ border: 0; }

	#sidenavwhy img{
		padding-left: 5px;
	}
	
		#sidenavwhy img.staple{ margin: -20px 0 0 35px; }
	
		#sidenavwhy img.note{
			float: left;
			height: 128px;
			margin: 0 0 10px;
			width: 128px; 
		}
		
		#sidenavwhy img.note.client,
		#sidenavwhy img.note.green{
			float: right;
			margin: -120px 30px 0 0;
		}
		
		#sidenavwhy img.note.case{
			height: 129px;
			margin: -40px 20px 0 0;
			width: 134px;
		}
		
		#sidenavwhy img.note.green{
			float: right;
			margin-left: 60px;
		}
	
	#sidenavwho img{
		margin-left: 40px;
	}
	
	#sidenavwho a.check img{
		margin-left: 0;
	}
	
	#sidenavwhen img,
	#sidenavwhere img,
	#sidenavwhat img{
		display: block;
		margin: 5px 0 0 30px;
	}
	
	#sidenavwhat img{ margin: 0 auto 10px; }
	
/*#sidenav img.employ{ height: 109px; width: 150px; }
#sidenav img.employ.home{ height: 121px; width: 167px; }*/

/* construction note */
#note{ background: transparent url(img/construction.gif) repeat 0 0; border-bottom: 1px solid #333; padding: 10px; }
#note p{ background: #F7E99F; font-size: 14px; font-weight: bold; margin: 0; padding: 5px; text-align: center; }

/* in the footer
--------------------------------------------------------------------------------*/

#footer{
	background: transparent url(chrome/bgFooter.png) repeat top center;
	clear: both;
	color: #77735C;
	font: normal 11px "Arial", Sans-Serif;
	text-align: center;
	width: 1000px;
}

#logos{
	clear: both;
	margin: 10px auto 10px;
	width: 1000px;
}

	#logos img{
		border: 0;
		margin: 2px 15px 0;
		padding: 0;
	}

/*WHO WE ARE*/
.picA,
.picB{
	border: 0;
	margin: -10px 0 0 0;
}
img.picA{ float: left; }

img.picB{ float: right; }

div.break{ width: 620px; }

img.mrg-adjust{ margin-left: 50px; }

/* potential garbage (possible to strip)
--------------------------------------------------------------------------------*/
	
div.what>h5{ /* I don't think this does anything */
	background: transparent url(chrome/bgH5.png) no-repeat top left !important;
	border-bottom: 1px solid #333;
	color: #FFF !important; 
	font: normal 13px "Candara","Trebuchet MS","Tahoma", Sans-Serif !important;
	letter-spacing: .05em;
	margin: 1em 0 0;
	margin-left: 30px;
	padding: .5em .5em .2em!important;
	text-indent: 20px;
}

/*html, body, 
div, form, input, 
h1, h2, h3, h4, h5, h6, 
ul, ol, li, blockquote, p{ 
	padding: 0; 
	margin: 0; 
}*/


/* BLOG
--------------------------------------------------------------------------------*/

#blogheader{
	background: transparent url(chrome/bg-blogHeader.jpg) no-repeat top right;
	clear: both;
	float: left;
	height: 111px;
	margin: 0;
	overflow: hidden; 
	padding: 0;
	width: 1000px;
}

/* blog header
--------------------------------------------------------------------------------*/

#maincontent .blog{
	margin-top: 23px;
	width: 571px;
}
#maincontent .blog h2{
	background: transparent url(chrome/bg-blog-header-repeat.jpg) repeat-y 0 0;
	border: none;
	color: #862b03;
	font: normal 22px/26px "Georgia", Sans-Serif;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	width: 571px;
	}
	#maincontent .blog h2 a:link,
	#maincontent .blog h2 a:visited{color: #862b03;}
		#maincontent .blog h2 a:hover{text-decoration: none;}
	#maincontent .blog h2 span.top{
		background: transparent url(chrome/bg-blog-header-top.jpg) no-repeat top left;
		display: block;
		width: 571px;
		}
		#maincontent .blog h2 span.bottom{
			background: transparent url(chrome/bg-blog-header-bottom.jpg) no-repeat bottom left;
			display: block;
			padding: 10px;
			width: 571px;
			}

#maincontent .blog h4{
	color: #f6e691;
	font: normal 14px/36px "Georgia", Sans-Serif;
	letter-spacing: 0;
	margin: 0;
	padding: 0 0 0 3px;
	width: 571px;
}
#maincontent .blog p{
	font: normal 13px/20px "Tahoma", Serif;
	letter-spacing: 0;
	margin: 0;
	padding: 0 0 20px 3px;
	width: 571px;
}
#maincontent .blog .image{
	background: transparent url(chrome/bg-blog-image-repeat.jpg) repeat-y top left;
	width: 298px;
	float: left;
}
	#maincontent .blog .image .top{
		background: transparent url(chrome/bg-blog-image-top.jpg) no-repeat top left;
		width: 278px;
	}
		#maincontent .blog .image .bottom{
			background: transparent url(chrome/bg-blog-image-bottom.jpg) no-repeat bottom left;
			width: 278px;
		}
			#maincontent .blog .image img{padding: 10px;}

/* blog comment
--------------------------------------------------------------------------------*/

#maincontent h2.comments{
	background: none;
	color: #d2c688;
	font-size: 20px;
	font-weight: normal;
	width: 400px;
	float: left;
	height: 47px;
}
#maincontent .blog h3,
#maincontent .blog h3 a{
	background: transparent url(chrome/btn-add_a_comment.jpg) no-repeat top right;
	height: 39px;
	width: 160px;
	border: none;
	margin: 0;
	padding: 0;
}
	#maincontent .blog h3{
		float: right;
	}
		#maincontent .blog h3 a{
			display: block;
			text-indent: -1300em;
		}
#maincontent .comment{
	clear: both;
	margin-top: 10px;
}
#maincontent .comment p{
	background-color: #545132;
	padding: 10px;
	margin: 0;
	width: 551px;
}
#maincontent .comment img{float: left;}
#maincontent .comment h4{
	float: left;
	padding-left: 10px;
	width: 400px;
}

/* blog sidebar
--------------------------------------------------------------------------------*/

#blogboardext{
	background: transparent url(chrome/bg-entries-sidebar-repeat.jpg) repeat-y top right;
	width: 273px;
	float: right;
	margin: 20px 0 0 10px;
}
	#blogboardext .top{
		background: transparent url(chrome/bg-entries-sidebar-top.jpg) no-repeat top right;
		padding-top: 90px;
		width: 273px;
	}
		#blogboardext .bottom{
			background: transparent url(chrome/bg-entries-sidebar-bottom.jpg) no-repeat bottom right;
			width: 273px;
			padding-bottom: 50px;
		}
	#blogboardext ul{}
		#blogboardext ul li{
			background: transparent url(chrome/bg-entries-sidebar-divider.jpg) no-repeat bottom center;
			list-style: none;
			margin: 0;
			padding: 10px 0 10px 40px;
		}
			#blogboardext li h4{
				color: #302900;
				float: left;
				font: normal 11px/15px "Tahoma", "Arial", Sans-Serif;
				padding: 0;
				margin: 0;
				width: 70px;
			}
			#blogboardext li h3{
				font: bolder 13px/15px "Georgia", Sans-Serif;
				float: left;
				padding: 0;
				margin: 0;
				width: 130px;
			}
				#blogboardext li h3 a:link,
				#blogboardext li h3 a:visited{
					color: #972d02;
					text-decoration: none;
				}
					#blogboardext li h3 a:hover{color: #333333;}
			#blogboardext ul li.last{background-image: none;}
	#blogboardext h2,
	#blogboardext h2 a{
		background: transparent url(chrome/btn-entries-view-all.jpg) no-repeat top right;
		height: 16px;
		width: 114px;
		border: none;
	}
		#blogboardext h2{margin-left: 110px;}
			#blogboardext h2 a{
				text-indent: -13000em;
				display: block;
			}

/* comment form
--------------------------------------------------------------------------------*/

#comment-form{
	background-color: #545132;
	clear: both;
	margin: 20px 0 0;
	padding: 10px;
	width: 551px;
	display: none;
}
	#comment-form textarea{
		width: 500px;
	}
	#comment-form input{
		padding: 5px;
		height: 30px;
		width: 300px;
	}
	#comment-form

