html, body, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #544e38;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #544e38;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
}
img {
	border: 0px;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: white;
	text-align: center;
	font: 12px verdana, arial, sans-serif;
	line-height: 1.5;
}
#picwrapper {
	text-align: left;
	margin: auto;
	width: 728px;
	height: auto;
	position: relative;
}
#wrapper {
	text-align: left;
	margin: auto;
	width: 728px;
	height: auto;
	position: relative;
	padding-top: 8px;
}
#body {
	background: url(images/body_bg.gif) repeat-y;
	color: white;
	width: 100%;
}
#body-top {
	background: top left url(images/body_top.gif) no-repeat;
	position: relative;
}
#body-bot {
	background: bottom left url(images/body_bot.gif) no-repeat;
	padding-bottom: 17px;
}
#body-top-2 {
	position: absolute;
	top: 12px;
	left: 251px;
	width: 463px;
	height: 11px;
	background: top left url(images/body_top_2.gif) no-repeat;
}
h1 {
	position: absolute;
	top: 36px;
	left: 13px;
	font-size:26px;
	color:#3f3c2d;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
}
#nav {
	position: relative;
	width: 728px;
	height:25px;
	left: 13px;
	
}
#nav  a {
	background-image:url(images/menu.gif);
	width:90px;
	height:19px;
	display:inline;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align:center;
	padding-top:6px;
	text-decoration:none;
	color:#e9e4d0;
	font-weight:bolder;
}
#nav  a:hover {
	color:#544e38;
}

#body-bot {
	padding-top: 12px;
}
#welcome {
	float: left;
	width: 231px;
	padding-left: 13px;
	text-align: center
	
}
#welcome a {
	color: #F2F7F8;
}
#welcome h2 {
	text-align: center;
	margin: 11px;
	color:#ceb085;
	font-size:24px;
}
#welcome p {
	margin: 0px 19px;
}
#welcome .more {
	margin-top: 18px;
	margin-bottom: 10px;
}

#content {
	float: right;
	width: 418px;
	padding-right: 34px;
	padding-top: 23px;
	color: #686454;
}
#content .left {
	margin-right: 10px;
}
#content a {
	color: #5A5644;
}
#content a:hover {
	color: red;
}

#writeup {
	width: 418px;
	padding-right: 34px;
	padding-top: 23px;
	color: #686454;
}

#writeup ul {
	text-align: left;
}

#intro {
	margin: 12px;
}

.fineline {
	border-bottom: 1px solid #D3CAA9;
	margin-bottom: 12px;
}

.fineline-flat {
	border-bottom: 1px solid #D3CAA9;
}

.fineborder {
	border: 1px solid #D3CAA9;
	padding: 2px;
	width: 186px;
	margin-bottom: 12px;
}

.bar-lit {
	padding-left: 6px;
	background: 0px 4px url(images/bar_lit.gif) no-repeat;
}
.bar-drk {
	padding-left: 6px;
	background: 0px 4px url(images/bar_drk.gif) no-repeat;
}

#clients {
	float: left;
	width: 186px;
	border-right: 1px solid #D3CAA9;
	padding-right: 20px;
	padding-top: 5px;
}
#services {
	float: right;
	width: 195px;
	padding-top: 5px;
}
#products {
	float: left;
	width: 186px;
	border-right: 1px solid #D3CAA9;
	padding-right: 20px;
	padding-top: 5px;
	text-align: center;
}

#clients p, #services p {
	margin: 4px 0px;
}

#clients .more, #services .more {
	margin: 12px 0px;
}

.clear-flat {
	margin-bottom: 4px;
}


#footer {
	font: 11px arial, sans-serif;
	color: #4E4A3A;
	text-align: right;
	padding-right: 47px;
}
#footer p {
	margin-top: 0.5em;
}

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:415px;
	height:90px;
	background: #A3A189;
	/*background:transparent url(images/bg_slideshow.jpg) no-repeat 0 0;*/
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:370px;
  height:90px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:315px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:90px;
  text-align:left;
}
/** 
 * Installation page Slideshow style rules.
 */
#slideshowInstallPlayground {
	margin:0 auto;
	width:415px;
	height:90px;
	background: #A3A189;
	/*background:transparent url(images/bg_slideshow.jpg) no-repeat 0 0;*/
	position:relative;
}
#slideshowInstallFitness {
	margin:0 auto;
	width:415px;
	height:90px;
	background: #A3A189;
	/*background:transparent url(images/bg_slideshow.jpg) no-repeat 0 0;*/
	position:relative;
}
#slideshowInstallSkate {
	margin:0 auto;
	width:415px;
	height:90px;
	background: #A3A189;
	/*background:transparent url(images/bg_slideshow.jpg) no-repeat 0 0;*/
	position:relative;
}
#slideshowInstallPark {
	margin:0 auto;
	width:415px;
	height:90px;
	background: #A3A189;
	/*background:transparent url(images/bg_slideshow.jpg) no-repeat 0 0;*/
	position:relative;
}
#slideshowInstallSolar {
	margin:0 auto;
	width:415px;
	height:90px;
	background: #A3A189;
	/*background:transparent url(images/bg_slideshow.jpg) no-repeat 0 0;*/
	position:relative;
}
#slidesContainerPlayground {
  margin:0 auto;
  width:370px;
  height:90px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slidesContainerFitness {
  margin:0 auto;
  width:370px;
  height:90px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slidesContainerSkate {
  margin:0 auto;
  width:370px;
  height:90px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slidesContainerPark {
  margin:0 auto;
  width:370px;
  height:90px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slidesContainerSolar {
  margin:0 auto;
  width:370px;
  height:90px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slidesContainerPlayground .slidePlayground {
  margin:0 auto;
  width:315px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:90px;
  text-align:left;
}
#slidesContainerFitness .slideFitness {
  margin:0 auto;
  width:315px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:90px;
  text-align:left;
}
#slidesContainerSkate .slideSkate {
  margin:0 auto;
  width:315px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:90px;
  text-align:left;
}
#slidesContainerPark .slidePark {
  margin:0 auto;
  width:315px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:90px;
  text-align:left;
}
#slidesContainerSolar .slideSolar {
  margin:0 auto;
  width:315px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:90px;
  text-align:left;
}
/** 
 * News page Slideshow style rules.
 */
#slideshownews {
	margin:0 auto;
	width:340px;
	height:263px;
	background:transparent url(images/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshownews #slidesContainer {
  margin:0 auto;
  width:260px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshownews #slidesContainer .slide {
  margin:0 auto;
  width:240px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:263px;
  padding-top:20px;
}
/** 
 * Products page Slideshow style rules.
 */
#slideshowproducts {
	margin:0 auto;
	width:415px;
	height:90px;
	background: #A3A189;
	/*background:transparent url(images/bg_slideshow.jpg) no-repeat 0 0;*/
	position:relative;
}
#slideshowproducts #slidesContainer {
  margin:0 auto;
  width:370px;
  height:90px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshowproducts #slidesContainer .slide {
  margin:0 auto;
  width:315px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:90px;
  text-align:left;
}


/**
 * Index page Slideshow controls style rules.
 */
.control {
  display:block;
  width:15px;
  height:90px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/arr_left.gif) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/arr_right.gif) no-repeat 0 0;
}
/**
 * Installation page Slideshow controls style rules.
 */
.controlInstallPlayground {
  display:block;
  width:15px;
  height:90px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControlInstallPlayground {
  top:0;
  left:0;
  background:transparent url(images/arr_left.gif) no-repeat 0 0;
}
#rightControlInstallPlayground {
  top:0;
  right:0;
  background:transparent url(images/arr_right.gif) no-repeat 0 0;
}

.controlInstallFitness {
  display:block;
  width:15px;
  height:90px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControlInstallFitness {
  top:0;
  left:0;
  background:transparent url(images/arr_left.gif) no-repeat 0 0;
}
#rightControlInstallFitness {
  top:0;
  right:0;
  background:transparent url(images/arr_right.gif) no-repeat 0 0;
}

.controlInstallSkate {
  display:block;
  width:15px;
  height:90px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControlInstallSkate {
  top:0;
  left:0;
  background:transparent url(images/arr_left.gif) no-repeat 0 0;
}
#rightControlInstallSkate {
  top:0;
  right:0;
  background:transparent url(images/arr_right.gif) no-repeat 0 0;
}

.controlInstallPark {
  display:block;
  width:15px;
  height:90px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControlInstallPark {
  top:0;
  left:0;
  background:transparent url(images/arr_left.gif) no-repeat 0 0;
}
#rightControlInstallPark {
  top:0;
  right:0;
  background:transparent url(images/arr_right.gif) no-repeat 0 0;
}

.controlInstallSolar {
  display:block;
  width:15px;
  height:90px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControlInstallSolar {
  top:0;
  left:0;
  background:transparent url(images/arr_left.gif) no-repeat 0 0;
}
#rightControlInstallSolar {
  top:0;
  right:0;
  background:transparent url(images/arr_right.gif) no-repeat 0 0;
}
/**
 * News page Slideshow controls style rules.
 */
.controlNews {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControlNews {
  top:0;
  left:0;
  background:transparent url(images/control_left.jpg) no-repeat 0 0;
}
#rightControlNews {
  top:0;
  right:0;
  background:transparent url(images/control_right.jpg) no-repeat 0 0;
}
/**
 * Product page Slideshow controls style rules.
 */
.controlProduct {
  display:block;
  width:15px;
  height:90px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControlProduct {
  top:0;
  left:0;
  background:transparent url(images/arr_left.gif) no-repeat 0 0;
}
#rightControlProduct {
  top:0;
  right:0;
  background:transparent url(images/arr_right.gif) no-repeat 0 0;
}

/**
 * LightBox CSS
 */
#overlay { 
	position: fixed; 
	_position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	background: rgba(255,255,255,0.8); 
	*background: #fff; 
	*filter: alpha(opacity=80); 
	display: none; 
	z-index:9999; 
}

#lightbox { position: fixed; _position: absolute; top: 50%; left: 50%; padding: 10px; background: #fff; width: 600px; height: 400px; margin: -200px 0 0 -300px; display: none; z-index:10000; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); box-shadow: 0 0 20px rgba(0,0,0,0.7); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

#lightbox.loading { background: #fff url(images/loading.gif) no-repeat 50% 50%; }
		
#lightbox a.close { color: #111; background: #fff; position: absolute; right: 0; top: 0; display: block; font-size: 10px; z-index: 5; padding: 8px 14px 4px 6px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

#lightbox a.prev { position: absolute; top: 50%; left: 0; padding: 5px; background: #fff; margin-top: -0.5em; width: 6em; text-align: center; opacity: 0.5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

#lightbox a.next { position: absolute; top: 50%; left: 0; padding: 5px; background: #fff; margin-top: -0.5em; width: 6em; text-align: center; opacity: 0.5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

#lightbox a.next { left: auto; right: 0; }

#lightbox a:hover.prev, #lightbox a:hover.next { opacity: 1; }