* {
	margin: 0;
	padding: 0;
}

* html * {
	line-height: 110%;
}

body {
	font-family: arial, helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #000000;
}

#container {
	margin: auto;
	margin-top: 10px;
	width: 802px;
	border: 0px solid #999999;
}

img {
	border: none;
}

#page_wrapper {
	background-color: #ffffff;
	float: left;
	width: 381px; /* 434*/
	border-left: 228px solid #ffffff; /* The width and color of the left rail */
	border-right: 188px solid #000000; /* The width and color of the right rail */
	margin-top: 2px;
}

.logos {
	background-image: url('../images/logos.gif');
	background-repeat: no-repeat;
	background-position: bottom center;
}

#header img {
	float: left;
	margin-bottom: 1px;
}

#left {
	float: left;
	width: 228px;
	margin-left: -218px;
	position: relative;
	text-align: center;
}

#left li {
/*	height: 130px;*/
	width: 212px;
	margin-top: 4px;
}

.interactive_left img {
	display: none;
	border: 1px solid #aaa;
}

.interactive_left img.faded {
	display: inline;
}

#left a{
	font-size: 11px;
}

.static_left img {
	display: inline;
}

#content {
	float: left;
	width: 351px;
	margin-right: -404px;
	font-size: 12px;
	padding: 15px 15px 0 15px;
	position: relative;
	height: 100%;
}

#content p {
	padding-bottom: 10px;
	line-height: 150%;
}

#content img {
/*	padding-bottom: 16px;*/
}

.content_section {
	padding-bottom: 16px;
}

.quote {
	font-weight: bold;
	padding-top: 0;
}

.bullet {
	list-style: disc;
	padding-left: 1em;
}

.beside_image {
	margin-left: 80px;
}

.beside_bullet {
	float: left;
}

.links, .links a {
	color: #333333;
}

#content h1 {
	color: #ff850d;
	padding-bottom: 10px;
	font-size: 18px;
}
 #content h3 {
	color: #ff850d;
	padding-bottom: 2px;
	font-size: 14px;
}

#email_field {
	border: 1px solid #ff850d;
	width: 240px;
}

.send_button {
	font-size: 12px;
	margin-top: 2px;
	height: 18px;
}

.content_button {
	background-color: #ff850d;
	color: #000;
	border: 1px solid #666;
	padding: 2px 30px 2px 30px;
	cursor: pointer;
}

.content_button:hover {
	background-color: #ccc;
}

#content li {
	padding-bottom: 4px;
}

#logos {
	position: relative;
	bottom: 0;
}

#right {
	float: right;
	width: 184px;
	margin-right: -188px;
	position: relative;
	color: #ffffff;
	text-align: left;
	font-size: 11px;
	padding-top: 4px;
}

#right img {
	display: none;
}

* html #right {
	left: 5px;
	line-height: 110%;
}

#right h4 {
	padding-bottom: 10px;
	color: #33a23d;
	font-size: 11px;
	font-weight: bold;
}

#right h5 {
	color: #ff850d;
	font-size: 11px;
	font-weight: bold;
}

#right ul {
	padding-bottom: 6px;
}

#right p {
	padding-bottom: 10px;
}

#location {
	padding-top: 16px;
}

#contact {
	padding-top: 16px;
}

#hours {
	padding-top: 10px;
}

.button {
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #ff850d;
	padding: 2px 30px 2px 30px;
	cursor: pointer;
}

.button:hover, .map_button {
	background-color: #ffe7cf;
	color: #000000;
}

.section_content {
	display: none;
}

.landing {
	display: inline;
}

.padleft {
	margin-left: 3px;
	width: 93px;
	background-position: 0px -19px;
	background-repeat: no-repeat;
	border: none;
	height: 19px;
}

#left_logo {
	margin-left: 5px;
}

.padleft a {
	width: 100%;
	display: block;
}

ul {
	list-style: none;
}

#topnav {
}

#topnav li {
	float: left;
	position: relative;
	z-index: 6000;
}

#topnav li.active {
	background-position: 0px 0px;
}

#topnav li ul {
	position: absolute;
	top: 22px;
	left: 0px;
	margin-top: -3px;
	display: none;
	width: 15em;
	font-size: 11px;
}

#topnav li > ul {
	top: 22px;
	left: 0px;
}

#topnav li ul li {
	background-color: #ffe7cf;
	border-style: none solid solid solid;
	border-width: 0 1px 1px 1px;
	border-color: #000000;
	width: 100%;
	padding: 2px;
}

#topnav li ul li a {
	display: block;
	width: 100%;
}

#topnav li ul li.top {
	border-top: 1px solid;
}

#topnav li.active {}

#topnav li.active ul li {
	border-color: #ff850d;
}

#topnav li ul li:hover, #topnav li ul li.over {
	background-color: #ff850d;
}

#topnav li:hover ul, #topnav li.over ul {
	display: block;
}

#nav_1 {
	background-image: url(../images/nav/home.gif);
}

#nav_2 {
	background-image: url(../images/nav/services.gif);
}

#nav_3 {
	background-image: url(../images/nav/products.gif);
}

#nav_4 {
	background-image: url(../images/nav/residential.gif);
}

#nav_5 {
	background-image: url(../images/nav/industrial.gif);
}

#nav_6 {
	background-image: url(../images/nav/tulula.gif);
}

.sidebar {
	float: left;
/*	opacity: .5;
	filter: alpha(opacity=50);
*/
	width: 180px;
	list-style-type: none;
	padding: 0;
	background-color: #ffffff
}

.landing_pic {
	opacity: 1;
	filter: alpha(opacity=100);
}

#map {
	font-size: 13px;
}

#promotions #wrap {
	text-align: center;
}

/* Junction Arts Festival */

#cta-jaf {
	background: transparent url(../images/jaf-logo.gif) no-repeat scroll left top;
	padding-left: 60px;
	padding-top: 4px;
	margin-top: 20px;
	height: 60px;
}

#cta-jaf h4 {
	font-size: 12px;
	margin-bottom: 2px;
/*	color: #ff850d;*/
}

#cta-jaf p {
	padding-bottom: 0;
}

#cta-jaf a {
/*	color: #ff850d;*/
	text-decoration: underline;
}

#jaf2 #wrap{
	background: transparent url(../images/WTP_JAF_Main960.jpg) no-repeat scroll left top;
	width: 960px;
	height: 749px;
	margin: 0 auto;
	text-align: center;
	text-indent: -99999px;
}

#jaf #wrap {
	background: transparent url(../images/WTP_JAF_Main960.jpg) no-repeat scroll left top;
	width: 960px;
	height: 749px;
	margin: 0 auto;
	text-align: center;
	text-indent: -99999px;
	position: relative;
}

#jaf a {
	position: absolute;
	font-size: 12px;
	display: block;
/*	clear: both;*/
/*	z-index: 9000px;*/
/*	background-color: red;*/
/*	filter: alpha(opacity=0);*/
}

#jaf a.bio {
	height: 31px;
	width: 38px;
	
}

a#bio_nicol {
	left: 888px;
	top: 164px;
}

a#bio_phillips {
	left: 901px;
	top: 354px;
}

a#bio_mceleney {
	left: 896px;
	top: 576px;
}

a#bio_grech {
	left: 727px;
	top: 414px;
}

a#bio_heyman {
	left: 528px;
	top: 457px;
}

a#bio_fedak {
	left: 492px;
	top: 549px;
}

a#wtp {
	width: 233px;
	height: 49px;
	left: 5px;
	top: 563px;
}

a#wtp_url {
	width: 193px;
	height: 21px;
	left: 24px;
	top: 675px;
}

#features h3 {
	position: absolute;
	top: 651px;
	width: 85px;
	height: 72px;
	cursor: pointer;
}

h3#tent {
	left: 283px;
}

h3#fingerpainting {
	left: 393px;
}

h3#pond {
	left: 503px;
}

h3#mural {
	left: 613px;
}

h3#tank {
	left: 723px;
}

h3#giveaways {
	left: 833px;
}

#features p {
	z-index: 8000;
	position: absolute;
	left: 407px;
	bottom: 150px;
	background-color: #fff;
	border: 1px solid #333;
	width: 400px;
	display: none;
	text-indent: 0;
	padding: 20px;
	font-size: 13px;
	color: #ff850d;
	font-weight:bold;
}

#jaf-bio #wrap {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#jaf-bio #content_main {
	position: absolute;
	left: 253px;
	text-align: left;
	background-color: #a0c943;
}

#jaf-bio #content_sub {
	position: absolute;
	left: 0;
	width: 253px;
	height: 749px;
	background: transparent url(../images/jaf-side.gif) no-repeat scroll left top;
	text-indent: -99999px;
}

#jaf-bio #content_sub a {position: absolute;}

#jaf-bio h1 {
	background: transparent url(../images/hdr-jaf-bio.jpg) no-repeat scroll left top;
	height: 152px;
	width: 707px;
	display: block;
	text-indent: -99999px;
}

#jaf-bio h2 {
	font-size: 16px;
	margin-left: 230px;
	margin-bottom: 12px;
	margin-top: 12px;
}

#jaf-bio p {
	font-size: 13px;
	margin-left: 230px;
	margin-right: 60px;
	margin-bottom: 12px;
	line-height: 1.3;
}

#jaf-bio #content_main li {
	position: relative;
	clear: both;
}

#jaf-bio #content_main li img {
	position: relative;
	float: left;
}

li#nicol img {
	top: -36px;
	left: 20px;	
}

li#phillips a h2 {
	text-decoration: underline;
}

li#phillips img {
	top: 4px;
	left: 11px;	
}

li#mceleney img {
	top: -5px;
	left: 4px;	
}

li#grech img {
	top: -3px;
	left: 7px;	
}

li#heyman img {
	left: 10px;	
}

li#fedak img {
	top: -30px;
	left: 17px;	
}

#phillips-cv {
	color: #333;
	line-height: 1.3;
}

#phillips-cv #wrap {
	width: 960px;
	margin: 20px auto 0;
}

#phillips-cv h1 {
	font-size: 20px;
	margin-bottom: 6px;
}

#phillips-cv h2 {
	font-size: 16px;
	margin-bottom: 6px;
}

#phillips-cv h3 {
	font-size: 14px;
}

#phillips-cv h4 {
	font-size: 13px;
}

#phillips-cv ul {
	margin-bottom: 12px;
}

#phillips-cv li {
	font-size: 13px;
}


/*hacks

#right img {
	width: 180px;
	height: 180px;
}

img.smaller {
	width: 212px;
	height: 130px;
	padding-top: 0px;
}


.button2 {
	position: relative;
	background-color: #aaaaaa;
	padding: 2px 10px 2px 10px;
	border: 1px solid #666666;
	display: block;
	top: 4px;
}

.test_buttons li {
	margin-top: 10px;
	border: 1px solid #cccccc;
	width: 15em;
}
/*old stuff

.padleft img {
	width: 92px;
}

#topnav li.txt {
	width: 90px;
	height: 15px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
	margin-left: 3px;
}

.smalltxt {
	width: 90px;
	height: 18px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding-top: 1px;
	font-size: 9px;
	margin-left: 3px;
	line-height: 100%;
}

#topnav li.txt a , #topnav li.smalltxt a{
	color: #ffffff;
	text-decoration: none;
}

#topnav li.active {
	background-color: orange;
}

#topnav li.inactive {
	background-color: black;
}

#topnav li ul {
	position: absolute;
	top: 21px;
	left: 3px;
	margin-top: -3px;
	display: none;
	width: 15em;
	font-size: 11px;
}

#topnav li > ul {
	top: 22px;
	left: auto;
}
*/

#player {
	margin-top: 15px;
	width: 327px;
	height: 240px;
	display: block;
	background-image: url(../movies/wtp-toliving.jpg);
	position: relative;
	border: 1px solid #666;
}

.watch_button {
	background: url(../flash/play_large.png) no-repeat scroll left top;
	width: 83px;
	height: 83px;
	display: block;
	text-indent: -99999px;
	margin: 0 auto;
	position: relative;
	top: 60px;
}

.video_description {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 327px;
	height: 40px;
	display: block;
	background-color: #fff;
	opacity: .7;
}

.video_description p {
	padding: 10px;
	color: #000;
	font-weight: bold;
}