* {
	padding:0;
	margin:0;
	outline:0;
}
.cl {
	font-size:0;
	line-height:0;
	height:0;
	display:block;
	clear:both;
}
body{
	background:#f7f7f7;
	font-family: "Myriad Pro", Arial, Verdana, "Trebuchet MS", sans-serif;
	color:#565656;
	font-size:13px;
	line-height:16px;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border:none; }
.right { float: right; display: inline; }
.left { float: left; display: inline; }

.field { font-family: "Myriad Pro", Arial, Verdana, "Trebuchet MS", sans-serif; color:#565656; font-size: 12px; line-height: 16px; padding: 2px 5px; }
.field { background: #f7f7f7 url(images/form-field.gif) repeat-x; }

#shell{
	width:984px;
	margin:0 auto;
	position: relative;
}
#header{
	background:url(images/hdr-bg2.gif) no-repeat 0 bottom;
	height:99px;
}
h1#logo{
	background:transparent;
	line-height:0;
	font-size:0;
	height:55px;
	width:319px;
	padding-top:21px;
}
h1#logo a{
	display:block;
	text-indent: -4000px;
	height:55px;
	background:url(images/logo.gif);
}
h2{
	font-size:18px;
	font-family: "Trebuchet MS", sans-serif;
	color:#2a2a2a;
	font-weight:normal;
}
h2.soon {
	color: #006633;
	font-style: italic;
}
h2.soon a { color: #006633; }
h2.soon span {  color:#2a2a2a; font-style: normal; }

h3 { font-size: 14px; font-weight: bold; color: #000000; font-style: italic; padding-bottom: 4px; }
#navigation{
	margin-bottom:12px;
}
#navigation ul{
	list-style-type: none;
}
#navigation li{
	z-index:1000;
	display:inline;
	float:left;
	position:relative;
	z-index: 10;
}
#navigation li.hover {
	z-index: 100;
}
#navigation li a{
	text-decoration: none;
	float:left;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-align: center;
	line-height:38px;
	height:49px;
	background-position: 0 0;
	background-repeat: no-repeat;
	width:164px;
	font-family: "Myriad Pro", Arial, Verdana, sans-serif;
}
#navigation li.active a { background-position: 0 bottom; }
#navigation li a:hover, #navigation li.hover a, #navigation li.active-hover a { background-position: 0 center; }


#navigation li a.about{ background-image:url(images/about.gif); }
#navigation li a.products{ background-image:url(images/products.gif); }
#navigation li a.applications{ background-image:url(images/applications.gif); }
#navigation li a.gallery{ background-image:url(images/gallery.gif); }
#navigation li a.problem{ background-image:url(images/problem.gif); }
#navigation li a.faq{ background-image:url(images/faq.gif); }

#navigation li .sub-nav {
	position:absolute;
	top:44px;
	left:1px;
	width:162px;	
	border: solid 1px #004523;
	border-bottom: 0;
	display: none;
}
#navigation li .sub-nav ul{
	list-style-type: none;
}
#navigation li .sub-nav li{
	border-bottom: 1px solid #0b4426;
}
#navigation li .sub-nav li a {
	text-decoration: none;
	color:#fff;
	text-align: left;
	font-weight: normal;
	padding-left:4px;
	display:block;
	line-height:20px;
	height:100%;
	background:#16662f;
	width:158px;
}
#navigation li .sub-nav li a:hover {
	background:#08361a;
}
#content, #bottom-content{
	background:url(images/mid.gif) repeat-y;
	width: 980px;
	margin: 0 auto;
}
#content .top , #bottom-content .top{
	background:url(images/top.gif) no-repeat;
	padding-top:5px;
}
#content .bottom , #bottom-content .bottom{
	background:url(images/bottom.gif) no-repeat 0 bottom;
	padding-left:16px;
	padding-top:15px;
	padding-bottom:15px;
}
#content .bottom { min-height: 710px; }
#bottom-content .bottom{
	padding-left:20px;
	width:auto;
	padding-right:20px;
	padding-bottom:34px;
}
#bottom-content {
	margin-top:15px;
}
#position{
	padding-left:5px;
	border-bottom:solid 1px #ccc;
	padding-bottom:15px;
}
#position a {
	text-decoration: none;
	color:#2a2a2a;
}
#position a:hover {
	color:#0d7a3c;
}
#position a.current{
	font-weight: bold;
	color:#2a2a2a;
}
#position a.current:hover{
	color:#2a2a2a;
}
#position span { margin: 0 3px 0 5px; }
.list-holder{
	padding-top:30px;
	font-size: 12px;
}
.list-holder ul.short {
	padding-left: 20px;
	width: 115px;
}
.list-holder ul{
	width:160px;
	float:left;
	list-style-position: outside;
	list-style-type: none;
	display:inline;
}
.list-holder ul.long{
	width:180px;
	padding-left: 0;
}
.list-holder ul.last {
	width:155px;
	position: relative;
	cursor: pointer;
}
.list-holder ul.last-hover li,
.list-holder ul.last-hover li strong {
	color:#0d7a3c;
}
.list-holder li a{
	color:#565656;
	font-size: 12px;
	display:block;
}
.list-holder li strong{
	color:#2a2a2a;
	font-weight: bold;
	line-height:12px;
	padding-bottom:7px;
	display:block;
}
.list-holder li a:hover , .list-holder li a:hover strong{
	color:#1d8248;
	text-decoration: none;
}
.list-holder li{
	display:inline;
}
.list-holder li strong.tall{
	padding-top:7px;
}
#sidebar{
	float:left;
	display:inline;
	width:226px;
	padding-left:4px;
	border-right:solid 1px #e0e0e0;
	min-height: 690px;
}
#sidebar ul{
	list-style-type: none;
	width:205px;
	padding-top:25px;
	margin-bottom:29px;
}
#sidebar li{
	border-bottom:solid 1px #e0e0e0;
	position:relative;
	z-index:10;
	height: 28px;
}
#sidebar li a{
	color:#565656;
	display:block;
	height:28px;
	padding-left:7px;
	line-height:28px;
	width:245px;
	margin-right:-43px;
	position:relative;
	z-index:1000;
}
#sidebar li a:hover {
	color:#025d2f;
	font-weight: bold;
	text-decoration: none;
}
#sidebar li a.active {
	background:url(images/hover-arr.gif) no-repeat;
	height:30px;
	color:#025d2f;
	margin: -1px -43px -1px 0;
	line-height:30px;
	padding-left:7px;
	font-weight: bold;
}
.image-frame{
	width:172px;
	padding-bottom:8px;
}
.image-frame img {
	padding:1px;
	border:solid 1px #e0e0e0;
}
.image-frame a{
	margin-right:2px;
}
a.small-arr {
	background:url(images/small-arr.gif) no-repeat right center;
	color:#2a2a2a;
	font-weight: bold;
	font-size:12px;
	line-height: 12px;
	padding: 2px 15px 2px 0;
}
a.small-arr:hover {
	color:#0d7a3c;
	text-decoration: none;
}
#container-holder {
	float:left;
	display:inline;
	width:672px;
	padding: 30px 20px 20px 40px;
	min-height: 640px;
}
#container{
	width:672px;
}
#container-box {
	min-height: 594px;
	padding: 9px 0 20px 9px;
}
#main{
	width:416px;
	float:left;
	display:inline;
	padding-top:33px;
	
}
.article h2 {
	padding-bottom: 10px;
}
.article ul {
	padding-left: 15px;
}
.article ul.left li { 
	margin-right: 40px;
}
.article img.right { margin-left: 10px; }
#image-holder img{
	border:solid 1px #e0e0e0;
	padding:1px;
}
#image-holder a{
	width: 166px;
	height: 70px;
	display:block;
	margin: 0 auto;
	margin-bottom:13px;
}
#image-holder a.last {
	margin-bottom: 0;
}
#rightside .article{
	width:205px;
}
#bottom-nav {
	width:652px;
}
#bottom-nav a {
	display:inline;
	height:17px;
	color:#2a2a2a;
	font-size: 18px;
	font-family: "Trebuchet MS", sans-serif;
	text-decoration: none;
}
#bottom-nav a.prev {
	background:url(images/prev-bg.gif) no-repeat;
	float:left;
	padding-left:20px;
}
#bottom-nav a.next {
	background:url(images/next-bg.gif) no-repeat right 0;
	float:right;	
	padding-right:20px;
}
#bottom-nav a.prev:hover {
	background:url(images/prev-bg.gif) no-repeat 0 bottom;
	color:#0d7a3c;
}
#bottom-nav a.next:hover {
	background:url(images/next-bg.gif) no-repeat right bottom;
	color:#0d7a3c;
}
#footer{
	padding-top:14px;
	padding-bottom:12px;
}
#ftr-left{
	float:left;
	display:inline;
	width:542px;
}
#ftr-left p{
	padding-left:42px;
}
#ftr-nav{
	padding-left:42px;
	border-bottom:solid 1px #e0e0e0;
	padding-bottom:10px;
	margin-bottom:10px;
}
#ftr-nav a{
	color:#0d7a3c;
}
#ftr-nav span{
	color:#565656;
	padding:0 2px;
}
#ftr-right{
	float:left;
	width:420px;
	padding-left:14px;
}
#ftr-right a{
	float:left;
	display:inline;
	margin-right:11px;
}
#ftr-right a.first{
	padding-top:18px;
}
#ftr-right a.last{
	margin-right:0;
}
#gallerybox {
	display: none;
	z-index: 1000;
	height: 670px;
	width: 980px;
	top: 180px;	
	position: absolute;
	right: 16px;
}
#gallerybox #gallerybox-inner {
	height: 670px;
	width: 1007px;
	background: url(images/gallerybox-bg.png) no-repeat 0 0;
}
#gallerybox .padder {
	padding: 30px;
	height: 610px;
}
#gallerybox .title {
	font-size: 16px;
	color: #7e7e7e;
	line-height: 140%;
	padding: 24px 0;
	text-align: center;
}
#gallerybox .big-image {
	width: 720px;
	height: 430px;
	margin: 0 auto 20px;
}
#gallerybox .small-images {
	text-align: center;
}
#gallerybox .small-images a img {
	border: solid 1px #e0e0e0;
	padding: 1px;
}
#gallerybox .small-images a {
	margin: 0 18px;
	position: relative;
}
#gallerybox .close-button {
	right: -7px;
}
.close-button {
	display: block;
	height: 28px;
	width: 28px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background: url(images/gallerybox-close.png) no-repeat 0 0;
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 15px;
}
.close-button-hover {
	background: url(images/gallerybox-close-hover.png) no-repeat 0 0;
}

#technical-specs .text { width: 160px; }

/*----- Start "Sidebox" -----*/
.sidebox { width: 209px; font-size:12px; line-height:14px; margin-bottom: 20px; }
.sidebox p { padding-bottom: 14px; }
.sidebox p.title { font-weight: bold; font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #2a2a2a; }
.sidebox a.small-arr { font-family: "Trebuchet MS", sans-serif; }
.sidebox .stop,
.sidebox .sbot { font-size: 0; line-height: 0; text-indent: -4000px; height: 6px; }
.sidebox .stop { background: url(images/sidebox-top.png) no-repeat 0 0; }
.sidebox .sbot { height: 10px; background: url(images/sidebox-bot.png) no-repeat 0 0; }
.sidebox .scnt { background: url(images/sidebox-cnt.png) repeat-y 0 0; padding: 0 4px; }
.sidebox .scontent { background: #fff url(images/sidebox-bg.gif) repeat-x 0 0; padding: 15px; }
/*------ End "Sidebox" ------*/
#small-gallerybox {
	position: relative;
}
.main-article p {
	padding-bottom: 15px;
}
#small-gallerybox .plus {
	background: url(images/plus.png) no-repeat 0 0;
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	width:34px;
	height:34px;
	position: absolute;
	top: -17px;
	right: -17px;
	cursor: pointer;
}
#small-gallerybox .plus:hover,
#small-gallerybox .plus-hover {
	background: url(images/plus-hover.png) no-repeat 0 0;
}
.right-box {
	float: right;
	display: inline;
	width: 209px;
	margin: -9px 0 20px 20px;
}

#faqs .article { padding-bottom: 8px; }
#faqs .article p { padding-bottom: 0; }
#faqs .article .title { float: left; display: inline; width: 16px; color: #000; font-weight: bold; }
#faqs .article .title-a { color: #006633; font-weight: normal; }
#faqs .article .cnt { float: left; display: inline; width: 645px; }

.size-col { float: left; display: inline; width: 110px; }
.size-col ul { list-style-type: none; padding-left: 0; }

#events-list .article {  padding-bottom: 5px; border-bottom: solid 1px #e0e0e0; margin-bottom: 20px; }
#events-list .article h2 { padding-top: 10px; }

#news-list .article { padding-bottom: 5px; border-bottom: solid 1px #e0e0e0; padding-top: 15px; }
#news-list .sidebox { float: right; display: inline; margin-bottom: 0; }

.button-watch-video { display: block; width: 128px; height: 20px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-watch-video.gif); margin: 7px auto 0; }

#sidenavigation { min-height: 175px; }


/*----- Start "Contact Form" -----*/
#contact-form { width: 583px; height: 390px; position: absolute; bottom: 140px; right: 200px; z-index: 1000; color: #999; font-size: 12px; font-weight: normal; }
#contact-form .container { width: 583px; height: 390px; background: url(images/contact-form.png); cursor: default; }
#contact-form .padder { padding: 47px 20px 0 58px; width: 505px; position: relative; }
#contact-form h2 { color: #006633; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; margin-bottom: 15px; }
#contact-form form { float: left; display: inline; width: 280px; }
#contact-form form label { float: left; display: inline; width: 60px; line-height: 20px; margin-bottom: 5px; }
#contact-form form .field { border: solid 1px #cccccc; width: 208px; float: left; display: inline; margin-bottom: 5px; }
#contact-form form textarea.field { height: 72px; }
#contact-form form .button { height: 20px; width: 80px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; border: 0; cursor: pointer; }
#contact-form form .button { background: url(images/button-submit.gif) no-repeat 0 0; margin-left: 130px; margin-top: 10px; }
#contact-form form .button:active { background-position: 0 bottom; }
#contact-form .info { float: right; display: inline; width: 154px; height: 170px; padding: 10px 0 0 32px; border-left: solid 1px #cccccc; }
#contact-form .info h3 { font-size: 14px; font-weight: normal; color: #737373; font-style: normal; padding-bottom: 0; }
#contact-form .info p { line-height: 15px; margin-bottom: 15px; } 
#contact-form .info p a { color: #999; }

#contact-form .close-button { top: 3px; right: 3px; z-index: 10000; }
/*------ End "Contact Form" ------*/


/*----- Start "Color Gallery" -----*/
#color-chooser { position: relative; z-index: 1000; }
#color-gallery-holder { position: absolute; top: 180px; right: -11px;  z-index: 10000; }
#color-gallery { height: 670px; width: 1007px; background: url(images/gallerybox-bg.png) no-repeat 0 0; }
#color-gallery .padder { padding: 30px; height: 610px; width: 947px; position: relative; }
#color-gallery .content { padding: 39px 69px 0 66px; }
#color-gallery .thumbs { float: left; display: inline; width: 186px; }
#color-gallery .thumbs a { float: left; display: inline; width: 76px; height: 75px; padding: 4px 7px 7px 4px; margin: 0 6px 3px 0; }
#color-gallery .thumbs a.active { background: url(images/pave-colors/active-link.gif) no-repeat 0 0; }
#color-gallery .close-button { right: 20px; }

#color-gallery .big-image { float: right; display: inline; width: 526px; padding: 9px 8px; border: solid 1px #e1e1e1; }
#color-gallery .big-image .holder { width: 526px; height: 474px; }
#color-gallery .big-image p { text-align: center; font-size: 18px; color: #666; line-height: 24px; padding: 5px 0; } 
/*------ End "Color Gallery" ------*/

/*----- Start "Home Page" -----*/
#home-page { padding: 25px 45px 0 25px; }
#home-page .textbox p { padding-bottom: 15px; }

#homebox { width: 898px; margin: 0 auto; background: url(images/homebox-cnt.gif) repeat-y 0 0; margin-bottom: 40px; }
#homebox .homebox-bot { padding-bottom: 11px; background: url(images/homebox-bot.gif) no-repeat 0 bottom; }
#homebox .homebox-top { background: url(images/homebox-top.gif) no-repeat 0 0; padding: 27px 27px 20px 0; min-height: 356px; }
/*------ End "Home Page" ------*/

/*----- Start "Content Slider" -----*/
#content-slider { height: 356px; position: relative; }
#content-slider .contents .slide-content { display: none; position: absolute; top: 0; left: 0; width: 100%; }
#content-slider .contents #slide-content-1 { display: block; }
#content-slider .contents .slide-content .image-place { width: 600px; height: 356px; float: right; display: inline; }
#content-slider .contents .slide-content .image-place img { padding: 1px; border: solid 1px #ccc; }
#content-slider .contents .slide-content .text-place { width: 224px; height: 275px; float: left; display: inline; text-align: center; margin-left: 20px; position: relative; }
#content-slider .contents .slide-content .text-place h2 { font-size: 24px; line-height: 30px; color: #005029; padding-bottom: 10px; }
#content-slider .contents .slide-content .text-place a.button { width: 128px; height: 20px; font-size: 0; line-height: 0; text-indent: -4000px; margin-top: 30px; display: block; position: absolute; bottom: 0; left: 50px; }
#content-slider .contents .slide-content .text-place a.button:hover { background-position: 0 bottom; }
#content-slider .contents #slide-content-1 .text-place a.button { background: url(images/button-view-more-information.gif); }
#content-slider .contents #slide-content-2 .text-place a.button { background: url(images/button-watch-the-video.gif); }
#content-slider .contents #slide-content-3 .text-place a.button { background: url(images/button-view-more-images.gif); }
#content-slider .contents #slide-content-4 .text-place a.button { background: url(images/button-launch-animation.gif); }


#content-slider .buttons { position: absolute; bottom: 0; left: 40px; width: 192px; }
#content-slider .buttons p { text-align: center; padding-bottom: 10px; font-size: 12px; text-transform: uppercase; color: #565656; }
#content-slider .buttons li { float: left; display: inline; list-style-type: none; }
#content-slider .buttons li a { float: left; display: inline; height: 40px; font-size: 0; line-height: 0; text-indent: -4000px; }
#content-slider .buttons li a { background-image: url(images/content-slider-buttons.gif); background-repeat: no-repeat; }
#content-slider .buttons li.b1 a { width: 49px; background-position: 0 0; }
#content-slider .buttons li.b2 a { width: 48px; background-position: -49px 0; }
#content-slider .buttons li.b3 a { width: 48px; background-position: -97px 0; }
#content-slider .buttons li.b4 a { width: 47px; background-position: right 0; }

#content-slider .buttons li.b1 a:hover,
#content-slider .buttons li.b1 a.active { background-position: 0 bottom; }
#content-slider .buttons li.b2 a:hover,
#content-slider .buttons li.b2 a.active { background-position: -49px bottom; }
#content-slider .buttons li.b3 a:hover,
#content-slider .buttons li.b3 a.active { background-position: -97px bottom; }
#content-slider .buttons li.b4 a:hover,
#content-slider .buttons li.b4 a.active { background-position: right bottom; }
/*------ End "Content Slider" ------*/

/*----- Start "Gallery Page" -----*/
#gallery-page #content .bottom { padding: 0 10px 15px; }

#gallerynav { padding-bottom: 8px; border-bottom: solid 1px #e0e0e0; margin-bottom: 20px; }
#gallerynav ul li { float: left; display: inline; list-style-type: none; margin-right: 8px; }
#gallerynav ul li.documents { margin-right: 0; }
#gallerynav ul li a { float: left; display: inline; width: 234px; height: 95px; font-size: 0; line-height: 0; text-indent: -4000px; }
#gallerynav ul li a { background-repeat: no-repeat; background-position: 0 0; }
#gallerynav ul li a:hover { background-position: 0 -95px; }
#gallerynav ul li a:active,
#gallerynav ul li a.active { background-position: 0 bottom; }
#gallerynav ul li.images a { background-image: url(images/gallerynav-images-tab.gif); }
#gallerynav ul li.slides a { background-image: url(images/gallerynav-slides-tab.gif); }
#gallerynav ul li.videos a { background-image: url(images/gallerynav-videos-tab.gif); }
#gallerynav ul li.documents a { background-image: url(images/gallerynav-documents-tab.gif); }


.scrollgallery .main-container { text-align: center; width: 720px; height: 430px; margin: 0 auto 20px; overflow: hidden; }

.scrollgallery .thumbs-slide { border-top: solid 1px #c7c7c7; height: 102px; position: relative; }
.scrollgallery .thumbs-slide .slide-holder { position: relative; width: 820px; overflow: hidden; height: 102px; margin: 0 auto; }
.scrollgallery .thumbs-slide ul { position: absolute; top: 0; left: 0; width: 9999px; }
.scrollgallery .thumbs-slide li { display: inline; list-style-type: none; }
.scrollgallery .thumbs-slide li a { float: left; display: block; padding-top: 11px; width: 164px; }
.scrollgallery .thumbs-slide li a.active { background: url(images/position-arrow.gif) no-repeat center 0; }
.scrollgallery .thumbs-slide li a span { display: block; border: solid 1px #e0e0e0; padding: 2px; width: 144px; height: 85px; margin: 0 auto; background: #fff; }

.scrollgallery .thumbs-slide .buttons a { display: block; width: 22px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; }
.scrollgallery .thumbs-slide .buttons a { position: absolute; top: 40px; }
.scrollgallery .thumbs-slide .buttons a { background-position: 0 0; background-repeat: no-repeat; }
.scrollgallery .thumbs-slide .buttons a.unactive { background-position: 0 bottom; cursor: auto; }
.scrollgallery .thumbs-slide .buttons a.prev { background-image: url(images/button-prev.gif); left: 20px; }
.scrollgallery .thumbs-slide .buttons a.next { background-image: url(images/button-next.gif); right: 20px; }
/*------ End "Gallery Page" ------*/

/*----- Start "Gallery Documents" -----*/
#gallery-documents { padding: 30px 100px 0 100px; }
#gallery-documents #news-list .article { background: url(images/doc-type.gif) no-repeat 0 center; padding-left: 40px; }
#gallery-documents #news-list { border-top: solid 1px #e0e0e0; }
/*------ End "Gallery Documents" ------*/

/*----- Start "Video Gallery" -----*/
#video-gallery #videoplayer { height: 385px; width: 640px; margin: 0 auto; }
#video-gallery .videothumbs { margin-top: 38px; }
#video-gallery .videothumbs .box { width: 192px; float: left; display: inline; }
#video-gallery .videothumbs .box a { display: block; position: relative; width: 150px; padding: 13px 0 0; cursor: pointer; color: #878787; margin: 0 auto; }
#video-gallery .videothumbs .box a { background: url(images/video-box.png) no-repeat 0 0; }
#video-gallery .videothumbs .box a:hover { text-decoration: none; color: #666666; }
#video-gallery .videothumbs .box a img { display: block; border: solid 1px #bdbdbd; margin: 0 auto 22px; }
#video-gallery .videothumbs .box a span { display: block; text-align: center; position: relative; width: 100%; }
#video-gallery .videothumbs .box a span.now-viewing { position: absolute; top: 14px; left: 14px; height: 60px; width: 122px; background: url(images/now-viewing.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; display: none; }
#video-gallery .videothumbs .box a.active { color: #666; background: url(images/now-playing-video.png) no-repeat 0 0; }
#video-gallery .videothumbs .box a.active span.now-viewing { display: block; }
/*------ End "Video Gallery" ------*/

.cform .message-sent {
	background:#DCFFDC url(images/message-sent.gif) no-repeat scroll 5px center;
	border:1px solid #006600;
	color:#000000;
	display:none;
	line-height:24px;
	margin-bottom:10px;
	padding-left:25px;
}